/**Kalamata**/
body { font-size: 21px; background: url(../../../warehouse/temp/kalamata/1-inner-bg.jpg);}
p {color: #333;}

/*Header*/
#header2 {background: none; padding: 0; /*position: fixed;*/}
#header2 .max-width { max-width: 90%;}
#header2 ul.menu { margin: 0;}
#header2 .LogoCentered ul.menu li.logoInMenu.active > a, #header2 .LogoCentered ul.menu li.logoInMenu:hover > a, #header2 .LogoCentered ul.menu li.logoInMenu:focus > a { border-bottom: none;}
#header2 ul.menu li.active > a, #header2 ul.menu li:hover > a, #header2 ul.menu li:focus > a   { border-bottom: 2px solid #ffbb43;}
#header2 ul.menu li a { font-size: 105%; transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; border-bottom: 2px solid transparent;}
#header2 ul.menu li:hover { color: #fff;}
#header2 .header-top .address {display: none; }
#header2 ul.menu > li:before {border-top: none;}
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none;}
#header2 .LogoCentered ul.menu li img {opacity: 0; }
#header2 ul.menu li.active, #header2 ul.menu .menu-sub li:hover { color: inherit;}
#header2 ul.menu li .menu-sub a { width: auto;}
#header2 .header-top-left { direction: rtl; margin-right: 0;}
#header2 .has-sub i.opensub{font-size:100%}
#header2 .languages { border-right: none;}
#header2 .header-top-right a.lang { background: none; color: #2d3077; padding: 0; font-size: 100%; margin: 0; line-height: 1;display: inline-block; vertical-align: bottom;}
#header2 .header-top-right a.lang:focus { border-bottom: none;}

/*Top Banner*/
#home-gallery .gallery-caption.caption-text { top: 50%;}
#home-gallery .gallery-logo { width: 100%;}
#home-gallery .gallery-caption {top: 38%; }
#home-gallery .scroll-down svg {width: 54px; height: 29px;}
div#home-gallery:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.2); pointer-events: none;}
.TopVideo iframe { width: 100vw;}
#player-controls #unmute-player, #player-controls span { display: none;}
#home-gallery .scroll-down {bottom: 6%;}

/*About Section*/
.sections .grid-text-section { padding: 160px 0 60px; margin-bottom: 0;}
.sections .grid-text-section .grid-text p {color: #2d3077; font-size: 157%; margin-top: 0;}

/*Icons Section*/
.sections .grid-content-section {max-width: 960px; padding: 60px 0 290px; margin: 0 auto;}
.sections .grid-content-section .grid-box.section-animation-item { padding: 0 36px;}
.sections .grid-content-section .grid-boxes .grid-box-image { padding-bottom: 100%; margin-bottom: 0;}
.sections .grid-content-section .grid-box-title { display: none;}

/*Gallery Section*/
.sections .grid-gallery-section { padding: 0 30px 30px; margin-bottom: 0;}
.owl-nav .owl-prev, .owl-nav .owl-next { display: block !important;}    
.owl-carousel .owl-prev { right: 30px;}
.owl-carousel .owl-next { left: 30px;}
.owl-carousel .owl-prev:after {width: 65px; height: 65px; background: url(../../../warehouse/temp/kalamata/01-gallery-right.jpg); background-repeat: no-repeat;}
.owl-carousel .owl-next:after {width: 65px; height: 65px; background: url(../../../warehouse/temp/kalamata/01-gallery-left.jpg); background-repeat: no-repeat;}
.owl-carousel .owl-stage {max-height: 800px;}
.owl-carousel  .topImg {max-height: 800px;overflow: hidden;}
.owl-carousel .owl-item .item .plus-sign span {opacity: 0;}
.owl-carousel .owl-item .item .plus-sign {background: transparent;}

/*Footer Icons Section*/
#SiteFooter .section.section-animation-list { max-width: 960px; padding: 0 0 20px;}
#SiteFooter .section.section-animation-list .grid-boxes .grid-box-image { padding-bottom: 100%;    margin-bottom: 0;}

/**AnimBoxes Section + Footer Boxes*/

.amimBoxSection .grid-boxes .box-image-animation:hover img,
#SiteFooter .grid-boxes .box-image-animation:hover img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.amimBoxSection .grid-boxes .box-image-animation:after,
#SiteFooter .grid-boxes .box-image-animation:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-size: cover;opacity: 0;transition: all 700ms ease-out;-webkit-transition: all 700ms ease-out;}
.amimBoxSection .grid-boxes .box-image-animation:hover:after,
#SiteFooter .grid-boxes .box-image-animation:hover:after{opacity:1}
.amimBoxSection .grid-boxes .grid-box:first-child .box-image-animation:after,
#SiteFooter .grid-boxes .grid-box:first-child .box-image-animation:after{background-image: url(../../../warehouse/temp/kalamata/01-1-min.gif);}
.amimBoxSection .grid-boxes .grid-box:nth-child(2) .box-image-animation:after,
#SiteFooter .grid-boxes .grid-box:nth-child(2) .box-image-animation:after{background-image: url(../../../warehouse/temp/kalamata/02-1-min.gif);}
.amimBoxSection .grid-boxes .grid-box:last-child .box-image-animation:after,
#SiteFooter .grid-boxes .grid-box:last-child .box-image-animation:after{background-image: url(../../../warehouse/temp/kalamata/03-1-min.gif);}
.amimBoxSection.grid-content-section .grid-box-title,
#SiteFooter .grid-content-section .grid-box-title{display:block;}
.amimBoxSection .grid-boxes .grid-box-title h3,
#SiteFooter .grid-boxes .grid-box-title h3{font-size: 140%;margin-top: 20px;}
.amimBoxSection .grid-boxes .grid-box-title h3 a,
#SiteFooter .grid-boxes .grid-box-title h3 a{color: #2d3077;}


/*Footer*/
footer { padding: 0;}
#SiteFooter { padding: 50px 0 0;}
#SiteFooter #partners-section { background: url(../../../warehouse/temp/kalamata/02-footer-bg.jpg); background-position: center; background-size: contain; padding: 45px 0;}
.site-credit.alternative {padding: 15px 0;}
.st0 { fill: #fff !important;}
a.AccessabilityLink:hover, a.AccessabilityLink:focus { color: #fff;}

/*****Inner Pages*****/
/*General Styles*/
section#GridTop:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.2);}
#GridPage { position: relative; padding-top: 0;}
.about-page #GridWrapInner, .events-page #GridWrapInner, .gift-card-page #GridWrapInner, .contact-page #contactview, .recipes-page #GridContent, .reservations-page #GridContent, .menuLobbyPage #GridWrapInner
    { position: relative; background: #fff; margin: -150px auto 0; padding: 100px 90px 50px;}
#GridContent { background: #fff;}
.about-page #GridWrapInner { margin-top: -310px;}
#headline { margin-bottom: 0;}
#headline h1 {display: inline-block; position: relative; color: #2d3077; font-size: 136%;}
#headline h1:after { content: ""; width: auto; height: 3px; display: block;  background: #55d6b8; margin: 10px 0 30px;}
#subheadline h2 {margin: 0;}

/*Form General Styles*/
#DynamicFormObject, #contactform { background: url('../../../warehouse/temp/kalamata/11-form-bg.gif'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 0;}

#DynamicFormObject:after, #contactform:after { display: none;}
.form-container-wide #DynamicFormObject{ padding: 25px 50px 45px 50px;}
#contactform {padding: 40px 50px 20px 50px;}
.normal-form textarea { width: 100%;}
.form-container-wide #DynamicFormObject .dynamicFormObjectField, #contactform .pull-right { padding: 0 5px;}
.normal-form input, .normal-form textarea,.normal-form select, #contactform textarea  { background: rgba(255,255,255,0.7); margin: 0 0 10px; padding: 6px 15px 6px 12px; 
    font-size: 76%; border-radius: 0; border: none;}
#DynamicFormObject input[type=submit], .normal-form input[type=submit] {background: #fff; color: #2d3077; font-size: 96%; border-radius: 0;    padding-top: 3px;}
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block; float: none;}
.must:before {top: 12%; right: 13px;}
.select-wrapper.must:before { top: 10%;}
.textareaWrapper.must:before { top: 2%;}

/*About Page*/
#SiteGrid.layout-bottom #GridPromo { margin-bottom: 0; padding-top: 80px;}    
div#pageview { width: 60%; margin: 0 auto;}
#text1 p:last-child { margin-bottom: 0;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 210%; color: #fff}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields, #contactform .contact-container { width: 100%; padding: 0;}
.form-container-wide #DynamicFormObject .dynamicFormEndText, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText {display: none;}
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%;}
.GridBottomGallery { max-width: 1180px; margin: 0 auto; padding-bottom: 0;}
.gallery-cubes > div { padding: 5px;}



/*menu Lobby Page*/
.menuLobbyPage #GridContent {float:none;}
.menuLobbyPage .sections .grid-content-section {max-width: 635px;}

/*Gift Card Page*/
.gift-card-page .textarea-wrapper.must:before { top: 4%;} 
.gift-card-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%;}
.gift-card-page #DynamicFormObject{background: url(../../../warehouse/temp/kalamata/giftform.jpg);}

/*Menus Pages*/
.categories-strip { max-width: 1170px; position: relative; margin: -150px auto 0;}
.menu #GridContent {padding: 20px 90px 50px;}
.categories-strip ul { background-color: #2d3077;}
.categories-strip ul li {margin-right: -6px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.categories-strip ul li.active, .categories-strip ul li:hover, .categories-strip ul li:focus { background: #fff; color: #333;}
.categories-strip ul li:first-child:hover, .categories-strip ul li:first-child:focus { background: transparent; color: #fff;}
.categories-strip ul li.active.menu-subCat.strip-item {color: #2b2e71;}


.menuModuleContentPart { margin-bottom: 0;}

/*Recipes Page*/
.faq-headline {background-color: #2d3077; color: #fff;font-size: 100%;}
.faq-headline.open { background-color: #2d3077;}
.faq-body>div{font-size:90%;}
.collapse.in {background: #fff;}
.collapse.in p { color: #333;}
.panel-group {margin-bottom: 0;}
.panel-group .panel+.panel:last-child { margin-bottom: 0 !important;}

/*Gallery Page*/
.gallery-page #GridContent {background: transparent;}
.gallery-page .gallery-cubes .image-link-container { /*opacity: 1;*/ -webkit-transition: none; transition: none;}
.gallery-page .gallery-cubes {opacity: 1;}

/*Contact Page*/
.contact-container .row { margin: 0;}
#contact-boxes { display: none;}
#contactform .contact-form-submit{
    margin-bottom: 0;
}
#contactform {margin-bottom: 0;}
#contactform .contact-form-comment {color: #fff;font-size: 76%;position: relative;top: -50px;}
.contact-page #GridContent { background: transparent;}
.contact-page #contactview { max-width: 1200px; background: #fff;}
#ContactModule #map-section #map-holder {margin: 50px 0 0;}
.contact-form-wrap.internal-form { margin-top: 30px;}
#contact-boxes { margin-bottom: 0;}
#contactDetails .contactDetailsText1 {margin-bottom: 0;}
#contactDetails .contactDetailsText1 p:last-child { margin-bottom: 0;}
#map-section #map-holder .overlay { background: rgba(0,0,0,0.5); }
#map-section .map-cover { background: #2d3077;}
#map-section .map-cover .open-map {color: #333;}
#contactform h3{color:#fff;margin-top: 0;}


/*Menu Pages*/
#MenuModule{padding-top:30px}
.menuModuleTextItemTitle {color: #2b2e71;}
.menuModuleContentPart{border-color: #2b2e71;    padding-bottom: 0px;}
.menuModuleContentPart .menuIconExp{padding-bottom: 45px;}
.menuModuleContentPart li.IconsExplanation {margin-top: 0px;}
.menuModuleTextItem0, .menuModuleTextItem1{margin-bottom:20px; }
.menu li.active.menu-subCat.strip-item {color: #2b2e71;}
.menuModuleTextItemDescription{font-size:90%;}
.menuModuleTextItemPrice:before{font-size:50%;}
#MenuModule .menuModuleNav a{font-size:100%}
#MenuModule .menuModuleNav a.selected{color: #2b2e71;}

#MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a.selected {border-bottom: 2px solid #ffbb43;color: #2b2e71;}
#MenuModule .menuModuleNav a{transition: all ease-in-out 200ms;transition: all ease-in-out 200ms;border-bottom: 2px solid transparent;border-radius: 0px;}
.menuModuleTextItemDescription{color: inherit;}

@media(min-width: 1440px) {
    #header2 .max-width { max-width: 1300px;}
    #header2 .header-top { width: auto; position: absolute; left: -40px; top: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);}
    #header2 .LogoCentered ul.menu li img {width: 100px; height: 100px; max-height: 100%;}
}

@media(max-width: 1440px) {
    #home-gallery .gallery-caption.caption-text { top: 52%;}
}

@media(min-width: 1170px) and (max-width: 1439px) {
    #header2 .max-width { max-width: 1120px;}
    #header2 ul.menu li { margin-left: 30px;}
    #header2 ul.menu li a { font-size: 85%;}
    #header2 .header-top-right a.lang { font-size: 85%; vertical-align: middle;}
    #header2 .LogoCentered ul.menu li img { width: 70px; height: 65px; }
}

@media(min-width: 1025px) {
    /*Header*/
    #header2 #header-left {display: none; }
    #header2 .menu-nav{ width: 1200px; margin-top: 0; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);}
    #header2 .header-right-section, #header2 .max-width {height: 140px; }
    #header2 .header-top { width: auto; position: absolute; left: -40px; top: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); z-index: 5;}
    #header2:after { content: ""; position: absolute; height: 102.5px; width: 100%; top: 70px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
        background: url(../../../warehouse/temp/kalamata/00-nav-shape.png); background-size: contain; background-repeat: no-repeat; pointer-events: none;}
   #header2.bg:after { background: url(../../../warehouse/temp/kalamata/00-nav-shape-scroll.png); height: 102.5px; background-size: contain; background-repeat: no-repeat; z-index: -1}
   #header2 .menu-sub { background: #fff;}
   #header2 ul.menu li .menu-sub a {color: #2d3077;}
   #header2.bg .menu-sub { background: #2d3077;}
   #header2.bg ul.menu li .menu-sub a {color: #fff;}
   #header2.bg ul.menu li a, #header2.bg .fa-angle-down:before { color: #2d3077;}
   #header2.bg .header-top-left svg { fill: #2d3077; }
   #header2 .LogoCentered ul.menu li.logoInMenu { margin-left: 40px; margin-right: -4px;}
   #header2 .header-top-left svg {width: 25px; height: 22px;}
    #header2 ul.menu li {  margin-left: 25px; }
    /*Top Banner*/ #home-gallery .gallery-logo img {max-width: 560px;}
        
    /*****Inner Pages*****/
    /*General Styles*/
    .about-page #GridTop { height: 762px;}
    #GridTop { height: 600px;}
    section#GridTop:after { height: 600px;}
    .gallery-page section#GridTop:after { display: none;}
    #GridWrapInner {max-width: 1170px; margin: 0 auto;} 

    /*About Page*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectField {width:25%;}


    /*Gift Card Page*/
    .gift-card-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33%;}
    .gift-card-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email{width:66.66%;}
    .gift-card-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-5 select{width:100%}
    .gift-card-page .normal-form input{width:100%;}
}

@media(min-width: 1441px) and (max-width: 1700px) {
    #header2:after { top: 55%;}
}

@media(min-width: 1281px) and (max-width: 1440px) {
    #header2:after { top: 83px}
    .TopVideo iframe { width: 112vw;}
}

@media(min-width: 1170px) and (max-width: 1280px) {
    #header2:after { top: 80px;}
    #header2 .header-top-left { margin-top: 4px;}
    #header2 .header-top-left svg { width: 20px; height: 17px;}
    .has-sub i.opensub {font-size: 80%;}
    #header2 .header-right-section, #header2 .max-width { height: 120px;}

    #home-gallery .gallery-caption.caption-text { top: 54%;}
    .TopVideo iframe { width: 118vw; }
}

@media(min-height: 600px) and (max-height: 768px) {
    #home-gallery .gallery-caption.caption-text { top: 56%;}
}

@media(min-width: 768px) {
    /*Gallery Page*/
    .gallery-page #GridContent {padding-top: 50px;}

    #SiteFooter .footer-address { display: none;}

    /*Form General Styles*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%;}
    #contactform .submit-btn>div {width: 28%;}


    .events-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit,
    .about-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit{margin-top: 20px;}

    

    

}

@media(max-width: 1170px) {
    #header2 .max-width { max-width: 980px;}
    #header2 .header-top-left { margin: 0 7px 0 0;}
    #header2 .header-top {left: -80px;}

    section#GridBottom { max-width: 91%; margin: 0 auto;}
    #SiteFooter .section.section-animation-list { max-width: 750px; }

    .categories-strip { max-width: 90%;}
    .normal-form textarea, .normal-form input { max-width: 100%;}
}

@media(max-width: 1024px) {
    /*Header*/
    #header2 { /*position: fixed;*/ background: rgba(255,255,255, 0.8);}
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; color: #2d3077;}
    #header2 .menu-nav {padding-right: 15px;}
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #2d3077;}
    .header-right-section { background: transparent;}
    #header2 ul.menu { width: 100vw; height: 100vh; background: url(../../../warehouse/temp/kalamata/1-inner-bg.jpg); background-position: center; background-size: cover; padding: 120px 0 0 0;}
    #header2 #header-left img { width: 40px;    margin-left: 20px;}
    #header2 .max-width { width: 100%; max-width: 100%;}
    #header2 ul.menu li a, #header2 .fa-angle-down:before, #header2 .fa-angle-up:before { color: #2d3077;}
    #header2 ul.menu li a {font-size: 166%;}
    #header2 ul.menu li.has-sub a{margin-right: 30px;}
    #header2 ul.menu li.has-sub ul{margin-right: -10px;}
    #header2 ul.menu .social-links a svg { fill: #2d3077; width: 27px; height: 24px;}
    .has-sub i.opensub { font-size: 130%; margin-bottom: 5px;}
    #header2 .menu-sub {background: transparent;}
    #header2 ul.menu li .menu-sub a {float: none; font-size: 136%;}
    #header2 ul.menu li.active { background: transparent;}
    #header2 ul.menu li.social-mobile{    padding-top: 40px;}
    #header2 .mobile-middle-kdm a { border: 2px solid #2d3077; color: #2d3077; padding: 6px 15px; border-radius: 0;}
    #header2 .languages { display: block !important; left: 10%;}
    #header2 .header-top-right a.lang {color: #2d3077;}

    /*Top Banner*/
    .TopVideo iframe { width: 240vw;}
    button.controlSlider.pause {display: none;}
    #home-gallery button.controlSlider { left: auto !important; right: 25px!important;}
    #home-gallery .gallery-caption {z-index: 5;}
    div#home-gallery:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.2); z-index: 2; pointer-events: none;}
    #home-gallery .gallery-caption.caption-text { top: 54%;}

    /*About Section*/
    .sections .grid-text-section { padding: 80px 0 30px; }
    .sections .grid-text-section .grid-text p { font-size: 141%;}

    /*Icons Section*/
    .sections .grid-content-section { max-width: 60%; padding: 30px 0 140px;}
    .home-page .sections .grid-content-section{padding-bottom:40px}
    .home-page .sections .grid-gallery-section{padding: 0 10px 30px}

    /*****Inner Pages*****/
    /*Forms General Styles*/
    #DynamicFormObject .must:before {right: 13px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 143%;display:block;    line-height: 1;padding-bottom: 20px}

    /*General Styles*/
    div#pageview { width: 100%;}
    .about-page #GridWrapInner, .events-page #GridWrapInner, .gift-card-page #GridWrapInner, .contact-page #contactview, .recipes-page #GridContent, .reservations-page #GridContent, .menuLobbyPage #GridWrapInner { padding: 50px; margin: -110px auto 0;}
    #GridTop { height: 400px;}
    #SiteFooter .section.section-animation-list { max-width: 80%;}
    #headline h1 { font-size: 114%;}

    /*About Page*/
    .about-page #GridTop { height: 509px;}
    section#GridTop:after { height:400px;}
    .about-page #GridWrapInner { margin-top: -220px;}
    

    
    

    /*Menus Page*/
    .categories-strip {padding: 0 15px;background: transparent; margin: -148px auto 0;}
    #MenuModule .menuModuleNav a { font-size: 107%;  margin: 0 7px 5px;}
    .menu #GridContent { padding: 20px 50px 50px;}

    /*Album Page*/
    .gallery-page section#GridTop:after { display: none;}

    /*General Forms*/
    .normal-form input{width:100%;}
    .form-container-wide #DynamicFormObject{padding-top:45px}

    /*Contact Page*/
    #GridPage .max-width { width: 90%; padding: 0 15px;}

    /*Gift Card Page*/
    .gift-card-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email{width:100%;}
    
    .gift-card-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-5 select{width:100%;}
    
}

@media(min-width:960px){
    /*Top Banner*/
    #home-gallery .gallery-caption .gallery-text { font-size: 203%; }
}
@media(min-width: 960px) and (max-width: 1024px) {
    /*Icons Section*/
    .sections .grid-content-section { max-width: 60%;}
}

@media(min-width: 768px) and (max-width: 959px) {
    /*Top Banner*/
    #home-gallery .gallery-logo img { min-width: 450px; }
    #home-gallery .gallery-caption .gallery-text { font-size: 190%;}
    #home-gallery .gallery-caption.caption-text { top: 47%;}

    /*About Section*/ 
    .grid-text-content { padding: 0; width: 75%;}

    /*Icons Section*/
    .sections .grid-content-section { max-width: 80%; padding-bottom: 100px;}
    
    /*Footer*/
    

    /*About Page*/
    .select-wrapper:after {left: 15px; }
    .select-wrapper.must:before {top: 12%;}
    .sections .grid-text-section .grid-text p { font-size: 120%;}

    /*Contact Page*/
    #contactform .pull-right { width: 33%;}
    #contactform .textareaWrapper.pull-right {width: 100%;}

    /*Gift Card Page*/
    .gift-card-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {width: 50%;}
}

@media(max-width: 767px) {
    /*Header*/
    .fa-phone:before { color: #2d3077;}
    #header2 .phone-icon a { font-size: 90%;}
    #header2 .phone-icon {left: -15px; top: 14px;}
    #header2.open .phone-icon{display:none;}
    #header2 ul.menu>li{padding:7px 0;}
    #header2 ul.menu li.social-mobile{padding-top: 30px;}
    #header2 ul.menu {padding: 60px 0 0 0;}
    #header2 ul.menu li a { font-size: 118%;}
    #header2 ul.menu li .menu-sub a { font-size: 118%;}
    #header2{z-index:18;}
    .has-sub i.opensub {font-size: 100%;}
    #home-gallery .gallery-caption.caption-text { top: 49%;}
    .home-page .sections .grid-text-section .grid-text p br{display:none;}
    #header2 .languages { left: -70%;}

    /*Top Banner*/
    #home-gallery .gallery-logo img { min-width: 270px;}
    #home-gallery .gallery-caption .gallery-text {font-size: 130%;}
    #home-gallery .scroll-down { bottom: 13%;}

    /*About Section*/
    .sections .grid-text-section .grid-text p { font-size: 100%;}

    /*Footer*/
    #SiteFooter .mobile-seperator span {font-size: 80%;margin-left:0px;}
    #SiteFooter { padding: 50px 0 55px;}

    /*Menu Page*/
    .menu .mobile-strip {background: #2d3077;}
    .menu #GridContent { padding: 20px 10px 50px;}
    .menuModuleTextItemTitle{max-width:81%;}

    /*Icons Section*/
    .sections .grid-content-section .grid-box.section-animation-item {width: 60%; padding: 0 0;}
    .grid-boxes .grid-box { width: 60%;}

    /*General Styles*/
    .about-page #GridWrapInner, .events-page #GridWrapInner, .gift-card-page #GridWrapInner, .contact-page #contactview, .recipes-page #GridContent, .reservations-page #GridContent, .menuLobbyPage #GridWrapInner {padding: 20px;}

    /*Form General Styles*/
    .form-container-wide #DynamicFormObject, #contactform{padding: 15px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit{padding: 0px 5px;}
    #DynamicFormObject .dynamicFormObjectField .must:before {right: 10px;}

    .form-container-wide #DynamicFormObject .dynamicFormObjectFields{margin-bottom:5px}
    
    /*Contact page*/
    #contactform .contact-form-comment{top:0}
    #map-section .map-cover h4 { font-size: 130%;}
    #map-section .map-cover .open-map { font-size: 86%;}

    /*Gallery Section*/
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after {width: 40px;height: 40px;background-size: cover;}
    .owl-carousel .owl-prev {right: 20px;}
    .owl-carousel .owl-next {left: 20px;}
}

@media(max-width: 360px) {
    #header2 .mobile-middle-kdm a { margin-right: 0;}
}

@media(max-width: 320px) {
    #header2 .menu-nav { padding-right: 7px;} 
    #SiteFooter .mobile-seperator span { font-size: 72%; }
    .normal-form select { width: 100%;}
    .select-wrapper:after { left: 20px;}
}

.blog-page:not(.contentInnerPage) #GridTop.blog { display: none; }
.blog-page:not(.contentInnerPage) #GridPage { margin-top: 226px; }
.blog-page:not(.contentInnerPage)#GridTop.blog { display: none; }
.blog-page:not(.contentInnerPage) #GridPage { margin-top: 226px; }
.blog-page:not(.contentInnerPage) #GridContent { background: none; }
.blog-page:not(.contentInnerPage) .blog-grid #GridPage .max-width { max-width: 1546px; }
.blog-page:not(.contentInnerPage) #GridWrapInner { max-width: 100%; }


.blog-page.contentInnerPage #GridTop.blog { height: 600px; }
.blog-page.contentInnerPage #GridPage { margin-top: -357px; }
.blog-page.contentInnerPage #GridPage .max-width { max-width: 100%; }
.blog-page.contentInnerPage #GridWrapInner { max-width: 100%; }
.blog-page.contentInnerPage #GridContent { background: transparent; }

#BlogView .blog-view { padding: 80px 100px; max-width: 970px; margin: 0 auto; background: #fff; }
#BlogView #headline { text-align: right; margin-bottom: 40px; }
#BlogView #headline h1 { line-height: 0.9; }

#BlogView #headline h1:after { display: none; }
#BlogView .share-strip a.share-icon { color: #2D3077; }
#BlogView .share-strip:before { display: none; }
#BlogView .share-strip { text-align: right; direction: rtl; display: flex; gap: 8px; align-items: center; margin-top:0px;}
#BlogView .share-strip span { line-height: 120%; letter-spacing: 0.14px; font-size: 0.7rem; color: #2d3077; }
#BlogView .share-strip:after { border-top: 2px solid #55d6b8; top: 11px; width: calc(100% - 175px); }
#BlogView #text1 p,
#BlogView #text2 p { font-size: 1rem; line-height: 1.1rem; margin-bottom: 24px; }
#BlogView #text1 p a, #BlogView #text2 p a { color: #2d3077; display: inline-block; margin-right: 6px; text-decoration: none !important; }
#BlogView #text1 p a:after, #BlogView #text2 p a:after { content: ""; width: auto; height: 2px; display: block; background: #55d6b8; margin: 0px 0 30px; }
#BlogView #text1 p a:hover:after,
#BlogView #text2 p a:hover:after,
#BlogView #text1 p a:focus:after,
#BlogView #text2 p a:focus:after { background: #2d3077; }
#BlogView h2,
#BlogView h3 { color: #2d3077; font-weight: normal; font-size: 1rem; }
#BlogView h2 { margin-bottom: 40px }
#BlogView h3 { margin: 0; margin-bottom: 24px; }
#BlogView #text1 h2 { margin-bottom: 24px; }
#BlogView #text1 { margin: 0; max-width: 100%; }
#BlogView .blog-related-posts > h2 { font-size: 2rem; text-align: center; display: inline-block; width: auto; float: none; margin-bottom: 34px; margin-top: 151px; }
#BlogView .blog-related-posts > h2:after { content: ""; width: auto; height: 3px; display: block; background: #55d6b8; margin: 0px 0 30px; }
#BlogView .blog-related-posts.row { text-align: center; margin: 0; }
#BlogView .gallery-container { display: none; }

.blog-post { text-align:right;}
.blog-posts, .blog-related-posts > div { display: flex; flex-wrap: wrap; width: 100%; max-width: 1546px; margin: 0 auto; float: none; }
.blog-post-content { background: #fff; padding: 14px 24px 24px 60px;; }
.blog-post-image { height: 250px; }
.blog-post-image img { height: 100%; object-fit: cover; }
.blog-post-title a { color: #2d3077; font-size: 1.2rem; text-align: right; display: block; }
.blog-post-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; padding: 0; font-size: 0.85rem; border: none; margin-top: 10px; margin-bottom: 0; }
.blog-post-button a { font-size: 0.85rem; color: #2d3077; display: inline-block; margin-top: 18px; }
.blog-post-button a:after { content: ""; width: auto; height: 2px; display: block; background: #55d6b8; margin: 0px 0 0; }
.blog-post-title { padding: 0; }
.blog-post-icons { display: none; }

@media(max-width:1450px) {
    .blog-page:not(.contentInnerPage) #GridPage { margin-top: 155px; }
}

@media(min-width:768px) {
    .blog-post { width: 33.33%; }
    .blog-post-content { height: 170px; }
    .blog-related-posts > div {justify-content: center; }
}

@media(max-width:767px) {
    .blog-page:not(.contentInnerPage) #headline h1:after { margin-bottom: 60px }
    .blog-page:not(.contentInnerPage) #GridPage { margin-top: 90px; }
    .blog-page:not(.contentInnerPage) .blog-grid #GridPage .max-width { width: 100%; }


    .blog-page.contentInnerPage #GridTop.blog { height:400px;}
    .blog-page.contentInnerPage #GridPage { margin-top: -126px; }

    #BlogView .blog-view { padding: 20px; }
    #BlogView #headline h1 { font-size: 2rem; }
    #BlogView .blog-related-posts.row .blog-posts { flex-wrap: nowrap; overflow-x: auto; gap: 16px; width: 100%; padding: 0px 15px; }
    #BlogView .blog-related-posts > h2 { margin-top: 100px; }
    #BlogView .blog-post { flex-basis: 90%; flex-shrink: 0; height: 100%; background-color: aqua; }
    #BlogView .blog-view > .share-strip { float: none; margin-bottom: 40px; align-items: center; }
    #BlogView .blog-view > .share-strip:last-child { margin-bottom: 0; }
    
    
    .blog-page.contentInnerPage #GridPage .max-width { width: 100%; padding: 0; }
    #BlogView .blog-view { max-width: calc(100% - 30px); }
    #BlogView .blog-post-content { height: 170px; }
    #BlogView #text1 p, #BlogView #text2 p { font-size: 0.85rem; line-height: 130%; letter-spacing: 0.17px; margin-bottom: 40px; }
    #BlogModule { overflow: visible; }

    .blog-post { padding: 0; margin-bottom: 40px; }
    .blog-post-title a { font-size: 1.1rem; }
    .blog-post-image { height: calc(54vw - 30px); }
    
    #BlogView h3 {line-height: 110%; letter-spacing: 0.19px; font-size: 0.95rem; }

}