﻿/**Ouzeria En**/
body {font-size: 18px;}
#headline {margin-bottom: 20px;}
#header2 .languages {vertical-align: middle;}

/*Home Page*/
section.staff .grid-boxes {direction: rtl;}
.grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2, .grid-box-image .hideUntilHover {text-align: left;}
section.staff .grid-box-title {left: 60px; right: auto;}

/*Events Page*/
.normal-form textarea, .normal-form input { font-size: 80%;}

/*Contact Page*/
#contactDetails {font-size: 100%;}

#FormResultPage #text1 a {width: auto; padding: 0 10px;}

#header2 #header-left { direction: rtl }
@media(min-width: 1025px) {
    #header2 .header-top-left { left: auto; right: 0;}
}

@media(min-width: 768px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormEndText { text-align: left;}
}

@media(min-width: 1025px) and (max-width: 1360px) {
    #header2 ul.menu li { margin-right: 10px; padding: 5px; font-size: 90%;}
    #header2 .header-top .address { font-size: 90%;}
    #header2 .menu-nav { width: 52vw;}
}

@media(max-width: 1024px) {
    #header2 ul.menu li { padding: 10px 0 10px 20px; text-align: left;}
    #header2 .menu-nav .opened { display: none !important;}
    #DynamicFormObject .must:before { right: auto;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    #DynamicFormObject .must:before { left: 26px; top: 9%;}
}

@media(min-width: 768px) and (max-width: 991px) {
    #header2 ul.menu { padding-top: 90px;}
    .form-container-wide #DynamicFormObject .dynamicFormEndText {text-align: center;}
}

@media(max-width: 990px) {
    .normal-form .must::before {left: 22px;}
}

@media(max-width: 767px) {
    body { font-size: 16px;}
    #SiteFooter { padding-bottom: 50px;}
    #header2 .mobile-middle-kdm a { margin-right: 0;}
    #header2 .phone-icon { right: -100%;}
    #header2 .languages { left: auto; right: -10px;}
    #header2.open #header-left, #header2.open .phone-icon { display: none;}
    .menuModuleTextItem1, .menuModuleTextItem0 {width: 100%;}
    #DynamicFormObject .dynamicFormObjectField .must:before {left: 25px; }
}