/**Shoshis Cakes**/

body {font-size: 20px; color: #333; background: #fbf7f1; background-size: cover;}
p {font-size: 80%; letter-spacing: 0.16px;}
section h2, section #headline h1, section .headline h1, #PopUpData .headline h1, .modal #PopUpData #headline h2, .modal #PopUpData .headline h2, 
    .form-modal .dynamicFormObjectTitle {font-size: 225%; color: #55403e; line-height: 1; padding: 15px 0 8px; border-bottom: 3px dashed #765754; 
        border-top: 3px dashed #765754;}
#text1 p:last-child {margin-bottom: 0;}
#accessability #text1 ul li { font-size: 90%;}
#form-thanks p { font-size: 100%; line-height: 1.2; color: #55403e;}
.modal.fade, .modal.fade.gallery {direction: ltr;}
section { padding: 50px 0;}

/*General Transition*/
a, .normal-form input[type="submit"], #DynamicFormObject input[type="submit"], .popupBtn, .moduleLayout .categories-strip li.menu-tag a 
    {transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}

/*General Button*/ 
.grid-boxes .grid-box-title h3 a, .normal-form input[type="submit"], .popupBtn, button.popupBtn.loadMore,  #DynamicFormObject input[type="submit"] {height: 45px; 
    width: 169px ; line-height: 48px; background: #55403e; line-height: 45px; border: 2px solid transparent;}

.normal-form input[type="submit"]:hover, .normal-form input[type="submit"]:focus, .aboutSec .grid-boxes .grid-box-title h3 a:hover, 
    .aboutSec .grid-boxes .grid-box-title h3 a:focus, .popupBtn:hover, .popupBtn:focus, button.popupBtn.loadMore:hover, button.popupBtn.loadMore:focus, 
    #DynamicFormObject input[type="submit"]:hover, #DynamicFormObject input[type="submit"]:focus {color: #55403e; background: none; border: 2px solid #55403e; } 

/*Header*/
header#header, header#header.bg {background: #f4f1ec; box-shadow: 0px 0px 45px 1px rgba(86, 65, 62, 0.23); -webkit-box-shadow: 0px 0px 45px 1px rgba(86, 65, 62, 0.23);}
header ul.menu { color: inherit; font-size: 80%;}
#header ul.menu li a {border-bottom: 2px solid transparent;}
#header ul.menu li:not(#header-logo).active a, #header ul.menu li:not(#header-logo):hover a, #header ul.menu li:not(#header-logo):focus a { border-bottom: 2px solid #f0a897;}
#header ul.menu li:hover {color: inherit;}
#header ul.menu > li.active:after {content: none;}
header ul.menu li.last-item { margin-left: 0;}
header .LogoCentered ul.menu li.social-links {display: none;}

/*Top Banner*/
#home-gallery {text-align: center;}
#home-gallery .gallery-logo {width: 100%;}
.flex-control-paging li a {width: 12px; height: 12px; border: 2px solid #fff; background: #fff;}
#home-gallery .flex-control-paging li a.flex-active {background: none;}
.iconBox img { max-width: 35px; max-height: 35px;}
.iconBox {margin-right: 10px;}
.iconBox:last-child { margin-right: 0;}
#home-gallery .scroll-down {position: relative; display: inline-block; width: auto; font-size: 180%; bottom: 100px;}
#home-gallery .scroll-down:after { content: ''; position: absolute; width: 135px; height: 80px; top: 30px; right: 50%; background: url(../../../warehouse/temp/shooshsCakes/scrollDown.png);
    background-size: cover; background-position: center center; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); 
    pointer-events: none;}
#home-gallery ol.flex-control-nav.flex-control-paging {bottom: 120px;}
#home-gallery .scroll-down img, #home-gallery .scroll-down svg {width: 135px; min-width: 80px; opacity: 0;}
#home-gallery .slides .slider-item:after {content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.3); pointer-events: none;}

/*About Section*/
.aboutSecTxt {padding: 100px 0 50px ;}
.aboutSec {padding: 0 0 95px;}
.aboutSec .section-content { max-width: 1110px; margin: 0 auto;}
.aboutSec .grid-content-section { padding: 100px 0 0;}
.aboutSecTxt #headline { margin-bottom: 25px;}
.aboutSec .lobbyview { display: none;}
.aboutSecTxt #text1 { max-width: 690px;}
.aboutSec .LobbyModule .grid-boxes { padding-top: 0;}
.aboutSec .LobbyModule .grid-box {width: 550px; margin: 0 -3px;}
.aboutSec .grid-boxes .box-image-animation img {max-width: 260px; margin: 0 auto;}
.aboutSec .LobbyModule .grid-box.aboutCakes {background: url('../../../warehouse/temp/shooshsCakes/aboutCakesBg.jpg'); background-size: cover; background-position: center center;}
.aboutSec .LobbyModule .grid-box.aboutOrders {background: url('../../../warehouse/temp/shooshsCakes/aboutOrdersBg.jpg'); background-size: cover; background-position: center center;}
.aboutSec .grid-boxes .box-image-animation {padding-top: 60px;}
.aboutSec .LobbyModule .grid-boxes .grid-box-title h3 {font-size: 100%; margin-bottom: 0;}
.aboutSec .grid-boxes .grid-box-title h3 a, .popupBtn {display: inline-block; color: #fff; font-size: 80%;}
.aboutSec .grid-box-title { position: absolute; bottom: 55px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%);}
.aboutSec .LobbyModule .grid-boxes .grid-box-image {padding-bottom: 473px; margin-bottom:0 ;}
.popupBtn { padding: 0; margin-bottom: 0;}
.aboutSecTxt .subCategories {width: auto; margin-top: 25px;}
#PopUpData #ContentRegularModule { max-width: unset; padding: 45px 0 10px;}
#multi-content-modal.modal.gallery .modal-content {max-width: 940px; }
#PopUpData .headline {margin-bottom: 20px;}
#PopUpData .headline h1 {display: inline-block;}
/*#PopUpData #ContentRegularModule #text1 { max-width: 80%;}*/
.popup-text {background: none; color: #333; padding: 0;}
.modal #PopUpData #headline, .modal #PopUpData .headline { display: inline-block; margin-bottom: 0;}
#multi-content-modal.modal.gallery .close {left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
#multi-content-modal.modal.gallery .section-content.gallery .galleryview { max-width: 90%;}
#multi-content-modal.modal.gallery .section-content.gallery .galleryview {/*overflow: auto;*/ direction: ltr; margin: 0 40px 20px; }
#multi-content-modal.modal.gallery .galleryview::-webkit-scrollbar-thumb, .form-modal .modal-content::-webkit-scrollbar-thumb, 
    .modal.fade.gallery::-webkit-scrollbar-thumb, .menuModuleContent::-webkit-scrollbar-thumb { background: #55403e;}
#multi-content-modal.modal.gallery .galleryview::-webkit-scrollbar-track,  .form-modal .modal-content::-webkit-scrollbar-track, 
    .modal.fade.gallery::-webkit-scrollbar-track, .menuModuleContent::-webkit-scrollbar-track { background: #fff;}

/*Menu Section*/
.menuSec .section-content { max-width: 100%;}
.lobbyview .grid-box, .LobbyModule .grid-box {background: none;}
.menuSec .lobbyview .grid-boxes, .menuSec .LobbyModule .grid-boxes { max-width: 1030px;}
.menuSec .LobbyModule .grid-boxes {padding-top: 0;}
.lobbyview .grid-boxes .grid-box-image, .LobbyModule .grid-boxes .grid-box-image {padding-bottom: 70%; overflow: visible;}
.grid-boxes .box-image-animation:hover img, .grid-boxes .box-image-animation:focus img {transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05);}
.grid-boxes .box-image-animation img {border-radius: 50%; border: 5px solid #f0a897;}
.menuSec .section-content .grid-boxes .grid-box .grid-box-title h3 a { background: none; color: #55403e; line-height: 1;}

/*New menu section*/
.newmenu ul { display: flex; flex-wrap: wrap; list-style-type: none; padding-right: 0; justify-content: space-evenly; }
.newmenu ul > li { padding-left: 10px; }
.newmenu ul > li button { background: transparent; border: none; color: #55403e; opacity: 0.5; }
.newmenu ul > li button.menubutton.active { border-bottom: 2px solid #f0a897 !important; opacity: 1; transition: border-bottom 0.2s ease; }

.newmenu .lobbyview .grid-box, .newmenu .LobbyModule .grid-box { width: 19%; margin-left: 10px !important; }
.newmenu .grid-boxes .box-image-animation:hover img { transform: none; }
.newmenu .menu-grid-boxes .menu-title { padding-bottom: 20px; position: relative; }
.newmenu .menu-grid-boxes .menu-title:before, 
.newmenu .menu-grid-boxes .menu-title:after { content: ""; border-bottom: 1px dashed #765754; width: 10%; display: inline-block; vertical-align: middle; }
.newmenu .menu-grid-boxes .menu-title h2 { font-size: 115%; border: none; padding: 0 20px; }
.newmenu .grid-boxes .grid-box-title h3, .newmenu .grid-boxes .grid-box-subtitle { line-height: normal; margin: 0; font-size: 90%; }

.newmenu .grid-boxes .grid-box-title h3 a { height: auto; width: auto; line-height: normal; }
.newmenu .grid-boxes .grid-box-title h3 a, .newmenu .grid-boxes .grid-box-subtitle, .newmenu .grid-box-fulltext { background: transparent; color: #55403e; margin: 0; }
.newmenu .grid-boxes .grid-box-title, .newmenu .grid-boxes .grid-box-subtitle, .newmenu .grid-boxes .grid-box-fulltext, .newmenu .grid-boxes .menuIcon { margin: 0; }
.newmenu .grid-boxes .menuIcon { display: inline-block; }

.newmenu .grid-boxes .box-image-animation { height: 100%; }
.newmenu .grid-boxes .box-image-animation img { position: static; width: 100%; height: 100%; object-fit: cover; border-radius: 0; border: none; }
.newmenu .grid-box-title { min-height: 60px; }
.newmenu .menuIcons { min-height: 40px; }
@media(max-width: 991px) {
    .newmenu ul { padding-right: 0; justify-content: center; }
    .newmenu ul > li { margin-bottom: 10px; }
    .newmenu .menu-grid-boxes .menu-title:before,
    .newmenu .menu-grid-boxes .menu-title:after { width: 20%; }
    .newmenu .menu-grid-boxes .menu-title h2 { padding: 0 10px; }
    .newmenu .lobbyview .grid-box, .newmenu .LobbyModule .grid-box { margin-left: 0; width: 46%; min-height: 280px; }
    .newmenu .grid-boxes .grid-box-title h3 { font-size: 100%; }
    .newmenu .grid-boxes .grid-box-subtitle, .newmenu .grid-boxes .grid-box-fulltext { font-size: 80%; }
    .newmenu .grid-boxes .grid-box-fulltext p { font-size: 100%; }

    .ui-selectmenu-icon.ui-icon { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .ui-selectmenu-button.ui-button { position: relative; border-radius: 0; border-color: #55403e!important; background: #55403e; color: #fff; }
    .ui-widget.ui-widget-content { background-color: #55403e!important; color: #fff!important; }
    .ui-selectmenu-text { text-align: right; margin-right: 0!important; }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none !important; background: transparent !important; }
    .ui-menu .ui-menu-item, .ui-selectmenu-text { font-family: 'Southwest-Light'; font-size: 90%; }
    .ui-menu .ui-menu-item:first-child { padding-top: 10px; }
    .ui-menu .ui-menu-item:last-child { padding-bottom: 10px; }
    .ui-button .ui-icon { background-image: url(/warehouse/temp/shooshsCakes/Arrow_white.svg) !important; width: 13px; height: 8px; background-position: unset; background-size: 100% 100%; }
}
/*Gallery Section*/
section.gallerySec { padding: 140px 0 87px; }
.gallerySec h2:after { content: ''; position: absolute; width: 113px; height: 26px; background: url(../../../warehouse/temp/shooshsCakes/gallerySecDeco.png); 
    background-size: cover; background-position: center center; top: -47px; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);}
section.gallerySec .headline {margin-bottom: 27px;}
.section-content.gallery .galleryview {max-width: 1130px; margin: 0 auto;}
section.gallery #headline, section.gallery .headline {display: block;}
.gallerySec .gallery-cubes { margin: 0 -9px;}
.gallery-container {width: 100%}
.gallery-cubes > div {padding: 13px;}
.gallery-cubes .image-link-inner svg {fill: #55403e;}

/*Media Section*/
/*.mediaSec,*/ .eventsSec {background-image: url('../../../warehouse/temp/shooshsCakes/mediaSecBgDesktop.jpg') !important; padding: 90px 0 40px;}
/*.mediaSec #pageview,*/ .eventsSec #pageview { max-width: 500px; background: rgba(85, 64, 62, 0.8); margin: 0 auto; padding: 40px 40px 70px; color: #fff;}
/*.mediaSec h2,*/ .eventsSec h2 { color: #fff; border-bottom-color: #fff; border-top-color: #fff;}
/*.mediaSec .btnsContainer,*/ .eventsSec .btnsContainer { position: relative; top: -75px; background: none;}
/*.mediaSec .btnsContainer .popupBtn,*/ .eventsSec .btnsContainer .popupBtn { background: none; border: 2px solid #fff;}
/*.mediaSec .btnsContainer .popupBtn:hover, .mediaSec .btnsContainer .popupBtn:focus { background: #fff; color: #55403e; }*/
.eventsSec .btnsContainer .popupBtn:hover, .eventsSec .btnsContainer .popupBtn:focus { background: #fff; color: #55403e; }

/*Old Media Section Content (Was media gallery)*/
.mediaSec #gridshort-view-media .owl-item > div { padding: 14px;}
.mediaSec .grid-short-box.box { background: #433332; color: #fff; margin-bottom: 0; padding-bottom: 182px;}
.mediaSec .grid-short-box.box .text-caption { font-size: 100%;}
.mediaSec #gridshort-view-media .grid-short-box-label { font-size: 85%; padding-top: 25px; font-family: BarlowMedium, Southwest-Light;} 
.mediaSec .grid-short-box.box .grid-short-box-text {color: #fff; font-size: 85%; padding-top: 18px; line-height: unset;}
.mediaSec .grid-short-box.box .grid-short-box-subtitle { border-bottom: 3px dashed #f0a897; padding-bottom: 22px;}
.mediaSec #gridshort-view-media { max-width: 840px;}
.mediaSec .owl-stage { margin: 0 -10px;}
#gridshort-view-media.owl-carousel .owl-next, #gridshort-view-media .owl-carousel .owl-next { left: -40px;} 
#gridshort-view-media.owl-carousel .owl-prev, #gridshort-view-media .owl-carousel .owl-prev { right: -20px;}
.owl-carousel .owl-nav div {top: 45%;}
.grid-short-box.box a:focus, #ContentGridReadMoreModule .grid-short-box.box a:hover , .grid-short-box.box a:focus, #ContentGridReadMoreModule .grid-short-box.box a:focus 
    {background: #FDDCCD; color: #433332;}
.grid-short-box.box a:hover .grid-short-box-text, .grid-short-box.box a:focus .grid-short-box-text { color: #433332;}

/*New Media Section - 27/1/2020*/
.modal-content { max-width: 1170px;}
#gridshort-view-media .owl-carousel .owl-next:after, 
    #gridshort-view-media .owl-carousel .owl-prev:after {background-image: url('../../../warehouse/temp/shooshsCakes/arr.png');}
#gridshort-view-media .owl-carousel .owl-next:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}

/*Events Section*/
.form-modal .modal-content {direction: ltr;}
#PopUpData #DynamicFormObject .dynamicFormObjectTitleAndText {font-size: 100%; margin-bottom: 0;}
.form-modal #DynamicFormObject .dynamicFormObjectFields, .form-modal .dynamicFormEndText {background: none; color: #333; padding: 0;}
.form-modal .dynamicFormEndText {margin-top: 30px;}
.form-modal .dynamicFormObjectTitle { display: inline-block;}

/*Contact Section*/
section.contactSec#contact { background: none; padding: 100px 0 144px;}
#contactview, .form-modal .formSection #DynamicFormObject.normal-form { max-width: 1015px; margin: 0 auto; padding: 50px 0 55px; background: url('../../../warehouse/temp/shooshsCakes/contactSecBg.jpg'); 
    background-size: cover; background-position: center center;}
.contactSec #headline {margin-bottom: 0;}
#contactDetails {font-size: 100%;}
#contactDetails .contactDetailsText1, #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; color: #55403e; margin: 30px 0 25px;}
#contactDetails .contactDetailsText1 p { margin-bottom: 0; font-size: 90%;}
#contactform h3 {margin: 0;}
#contactform .contact-form-submit {text-align: center; margin-bottom: 10px;}
.normal-form input[type="submit"], #DynamicFormObject input[type="submit"] { font-size: 90%; padding: 0; border-radius: 0;}
#contactform .contact-form-comment {font-size: 75%;}
.normal-form input, .normal-form textarea { width: 100%; max-width: 100%; color: #333333; border: none; background: #fff; border-radius: 0; font-size: 80%; 
    margin-bottom: 22px; letter-spacing: -0.32px;}
.normal-form input {height: 40px;}
.normal-form textarea {height: 89px;}
.normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #333;}
#contactform textarea {margin: 0 0 20px; padding-top: 10px;}
label.error, span.error {font-size: 80%; top: 10px;}

/*Footer Section*/
.footerSec { padding: 44px 0; background: url('../../../warehouse/temp/shooshsCakes/footerSecBg.jpg') !important; background-size: cover; background-position: center center;}
.footerSec:after { content: ''; position: absolute; width: 255px; height: 272px; top: 0; left: 0; background: url('../../../warehouse/temp/shooshsCakes/footerSecDeco.png');
    background-position: center center; background-size: cover; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.footerSec .headline, .footerSec #subheadline { display: none;}
#SiteFooter {background: #fff;}

/*Pop Up*/
.modal-backdrop.in { opacity: 0.7;}
.modal .close svg {width: 35px; height: 35px; vertical-align: middle;}
#multi-content-modal.modal .close, .form-modal .close {position: relative; display: inline-block; left: auto; font-size: 120%; margin-bottom: 35px;}
#MenuModule, #PopUpData #ContentRegularModule {background: url(../../../warehouse/temp/shooshsCakes/siteBg.jpg);}
#PopUpData #MenuModule { padding-top: 40px;}
#PopUpData #ContentRegularModule { overflow: auto;}
#PopUpData #text1 { max-height: 70vh; /*overflow:auto;*/ }
#accessability #text1 { overflow: auto; }
#MenuModule .menuModuleNav { padding: 45px 0 15px;}
#PopUpData #MenuModule .menuModuleNav a { color: #55403e; font-size: 90%;}
.menuModuleContent {background: none;}
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { border-bottom: 2px solid #f0a897;}
.menuModuleContentPart {color:#55403e;}
#PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 {border-bottom: 1px solid #55403e;}
.menuModuleTextItemPrice:before { content: none;}
.menuModuleTextItemTitle, .menuModuleTextItemPrice {font-size: 90%;}
.menuModuleTextItemDescription {font-size: 75%;}
.menuModuleContentPart .IconsExplanation svg {opacity: 0;}
.menuModuleContentPart .menuIconExp { margin-left: 8px;}
.menuModuleTextItemTitle span, span.menuIcon {position: relative;}
.menuModuleTextItemTitle span { margin-left: 10px;}
.menuModuleTextItemTitle span:first-child { margin-right: 7px;}
.menuModuleTextItemTitle span:last-child { margin-left: 0;}
span.veganIconWrapper:after, span.vegiIconWrapper:after, span.noGlutenIconWrapper:after, span.spicyIconWrapper:after 
    { content: ''; position: absolute; width: 32px; height: 32px; right: 0px; }
span.veganIconWrapper:after { background-image: url('../../../warehouse/temp/shooshsCakes/symbolVegan.png'); background-size: cover; background-position: center;
    background-repeat: no-repeat; top: -11px; right: -2px;}
span.vegiIconWrapper:after { background-image: url('../../../warehouse/temp/shooshsCakes/symbolSugarFree.png'); background-size: cover; background-position: center;
    background-repeat: no-repeat; top: -6px; right: -3px;}
span.noGlutenIconWrapper:after { background-image: url('../../../warehouse/temp/shooshsCakes/symbolGlutenFree.png'); background-size: cover; background-position: center;
    background-repeat: no-repeat; top: -6px; right: -3px;}
span.spicyIconWrapper:after { background-image: url('../../../warehouse/temp/shooshsCakes/symbolDairy.png'); background-size: cover; background-position: center;
    background-repeat: no-repeat; top: -9px; right: -3px;}
.menuModuleTextItemTitle span:after { top: -10px;}

.moduleLayout .categories-strip li.menu-tag {color: #55403e; border: none;}
.moduleLayout .categories-strip li.menu-tag.active { background: none;}
.moduleLayout .categories-strip li.menu-tag a {border-bottom: 3px dashed transparent; border-top: 3px dashed transparent; padding-top: 3px;}
.moduleLayout .categories-strip li.menu-tag.active a, .moduleLayout .categories-strip li.menu-tag:hover a, .moduleLayout .categories-strip li.menu-tag:focus a 
    { border-bottom: 3px dashed #765754; border-top: 3px dashed #765754;}
::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-thumb {width: 4px; background-color: #b7b7b7;}
::-webkit-scrollbar-track {background: #e5e5e5;}
.menuModuleContentPart .IconsExplanation svg.spicyIcon { fill: #e63030;}
#DynamicFormObject.thanks-mode .dynamicFormEndText, #PopUpData  #DynamicFormObject.thanks-mode .dynamicFormObjectFields .top-form { display: none;}
.form-modal #PopUpData #form-thanks #headline h3, .form-modal #PopUpData #form-thanks .headline h3, .form-modal #PopUpData #form-thanks #text1 {color: #55403e; font-size: 120%;}
#DynamicFormObject #form-thanks p {font-size: 100%;}
.iconsBoxRight .iconBox img { max-width: 100px; max-height: 100px; }

.site-credit.alternative .wrapped-container { display: flex; position: absolute; gap: 12px; }
.site-credit.alternative .wrapped-container li.privacy-policy:last-child { display: none; }
.site-credit.alternative .wrapped-container button.AccessabilityLink { position: static; transform: unset; }
.site-credit.alternative .wrapped-container li.privacy-policy { list-style: none; /* margin-bottom: 3px; */ z-index: 100; }
.site-credit.alternative .wrapped-container li.privacy-policy a.openInPop { font-size: 15px; cursor: pointer; }
.site-credit.alternative .wrapped-container li.privacy-policy a.openInPop:hover {text-decoration:underline;}

@media(min-width: 1025px) { header #header, header#header.bg { max-width: 1015px; right: 50%; top: 40px; padding: 18px 20px; transform: translateX(50%); -webkit-transform: translateX(50%); 
        -ms-transform: translateX(50%);}
    .LogoCentered #header-logo { width: 131px; margin: 0 20px 0 70px;}
    .LogoCentered #header-logo a { position: absolute; top: -15px; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
    #header-logo img { max-height: 100%;}
    header ul.menu li { margin-left: 50px; top: 2px;}
}

@media(min-width: 991px) {
    .menuSec .section-content .grid-boxes .grid-box { width: 17%; margin-bottom: 40px;}
}

@media(min-width: 768px) {
    .contact-container > .row > div { padding: 0 12px;} 
    .normal-form input[type="submit"], #DynamicFormObject input[type="submit"] { width: 200px;}
}

@media(max-width: 1440px) {
    .menuSec .section-content { max-width: 90%;}
}

@media(max-width: 1280px) {
    /*About Section*/
    .aboutSec .section-content { max-width: 1110px;}

    /*Gallery Section*/
    .section-content.gallery .galleryview { max-width: 90%} 
}

@media(max-width: 1170px) {
    #home-gallery .gallery-caption { width: auto; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
    #multi-content-modal.modal .close { line-height: unset;}
    #multi-content-modal .modal-content { overflow: hidden;}
    .menuModuleContent {max-height: 60vh; min-height: 60vh;}
    /*#PopUpData #ContentRegularModule #text1 { max-height: 60vh; overflow-y: scroll; padding: 20px; direction: ltr;}*/
    #PopUpData #ContentRegularModule #text1 * { direction: rtl;}
    #multi-content-modal .modal-content { margin-bottom: 0;}
    #multi-content-modal.modal.gallery .modal-content > .close { font-size: 100%; margin-bottom: 0; top: -40px;}
}

@media(min-width: 768px) and (max-width: 1170px) {
    #multi-content-modal .modal-content { overflow: visible;}
}

@media(max-width: 1024px) {
    /*Header*/
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after {height: 3px;
        background: #55403e;}
    header#header, header#header.bg { padding: 25px 20px;}
    #header-logo { position: absolute; left: 50%; top: -30px; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%);}
    #header-logo img { max-height: 120px;}
    header#header.open #header-logo { display: none;}
    .LogoCentered #header-logo { display: none;}
    #header ul.menu {height: 100vh; background: url(../../../warehouse/temp/shooshsCakes/siteBg.jpg); overflow: hidden; font-size: 100%; padding: 25vh 0px 0px 0px;}
    #header ul.menu > li { margin-left: 0; font-size: 160%;}
    #header ul.menu li.active { background: none; color: inherit;}

    .aboutSec .LobbyModule .grid-box {width: 50%;}
    /*#PopUpData #ContentRegularModule{ max-width: 90%;}*/

    #lobbyText img { width: 100%; object-fit: contain; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    #contactview { width: 90%;}
}

@media(max-width: 990px) {
    .aboutSecTxt { padding: 60px 0 30px;}
    .aboutSec { padding: 0 0 60px;}
    .aboutSec .LobbyModule .grid-boxes { width: 90%;}
    .aboutSec .grid-content-section { padding: 50px 0 0;}
    .aboutSecTxt #text1 { max-width: 440px;}
    .aboutSec .LobbyModule .grid-boxes .grid-box-image { padding-bottom: 320px; }
    .aboutSec .grid-boxes .box-image-animation img { max-width: 170px; }
    .aboutSec .grid-boxes .box-image-animation { padding-top: 40px;}
    .aboutSec .grid-box-title { bottom: 30px;}
    #PopUpData #ContentRegularModule #text1 { max-width: 90%; padding-bottom: 40px;}
    .aboutSecTxt #text1 p, #PopUpData #ContentRegularModule #text1 p { font-size: inherit;}
    #PopUpData #ContentRegularModule { width: 90%;}
    #multi-content-modal.modal.gallery .section-content.gallery .galleryview { overflow: auto;}

    section.gallerySec { padding: 110px 0 60px;}
    .gallery-cubes > div {padding: 7px;}

    .mediaSec, .eventsSec { padding: 60px 0 0;}
    .mediaSec #gridshort-view-media { max-width: 80%;}
    .owl-carousel .owl-nav div { display: block !important;}
    #gridshort-view-media .owl-dots { display: none !important;}
    #text1 p, #text2 p { font-size: 100%;}

    section.contactSec#contact { padding: 60px 0 100px;}
    #contactview { padding: 50px 0 30px;}

    .footerSec:after { width: 140px; height: 190px;}

    #MenuModule .menuModuleNav { width: 90%; margin: 0 auto;}
}

@media(min-width: 768px) and (max-width: 990px) {
    .contact-container > .row > div:not(.col-sm-12) { width: 33.333%;}
    .normal-form { max-width: 70%;}

    .menuSec .section-content .grid-boxes .grid-box { width: 30.333%;}
    .menuSec .section-content .grid-boxes .grid-box, .lobbyview .grid-box:nth-child(even), .LobbyModule .grid-box:nth-child(even) { margin-left: 20px;}
    .menuSec .section-content .grid-boxes { padding-right: 20px;}

    .mediaSec #pageview { max-width: 600px;}
}

@media(max-width: 767px) {
    section h2, section #headline h1, section .headline h1, #PopUpData .headline h1, .modal #PopUpData #headline h2, .modal #PopUpData .headline h2,
        .form-modal .dynamicFormObjectTitle { font-size: 180%;}

    header#header, header#header.bg { padding: 20px;}
    #header-logo { max-width: unset;}
    #header-logo img { max-height: 100px;}
    /*#header ul.menu { padding: 140px 0px 0px 0px;}*/
    #header ul.menu > li { font-size: 150%; padding: 8px 0;}
    #header ul.menu li > a { font-size: 100%;}

    #home-gallery .gallery-caption { width: 85%; top: 50%;}
    #home-gallery .scroll-down { bottom: 85px;}
    #home-gallery .flex-control-nav li { margin-bottom: 0;}
    #home-gallery .flex-control-paging li a { width: 12px; height: 12px;}
    .iconsBoxRight, .iconsBoxLeft { bottom: 20px;}
    .iconBox { margin-right: 4px;}
    .iconBox.showMobile img { max-height: 40px; max-width: 40px;}

    .aboutSecTxt #text1 { width: 90%;}
    .aboutSec .LobbyModule .grid-box { width: 100%;}
    .aboutSec .grid-boxes .box-image-animation img { max-width: 180px;}
    .aboutSec .grid-content-section { margin-bottom: 0;}
    .aboutSecTxt #text1 p, #PopUpData #ContentRegularModule #text1 p { font-size: 80%;}
    #multi-content-modal.modal.gallery .section-content.gallery .galleryview { margin: 0 20px 20px;}
    /*#multi-content-modal.modal.gallery .modal-content { margin-top: 65px;}*/
    #multi-content-modal.modal.gallery .modal-content { padding-top: 65px;}
    .modal #PopUpData .headline h2 { max-width: 100%;}
    .modal #PopUpData #headline, .modal #PopUpData .headline { margin-left: 9px; margin-right: 9px;}
    #multi-content-modal.modal.gallery .modal-content > .close { top: 20px;}
    #PopUpData #text1 { max-height: 55vh;}

    .grid-content-section { margin: 0 auto; padding-bottom: 0;}

    .eventsSec #pageview{ width: 90%; padding: 40px 30px 70px;}
    .mediaSec .owl-stage { margin: 0;}
    .mediaSec .grid-short-box.box { padding-bottom: 100%;}
    #gridshort-view-media.owl-carousel .owl-next, #gridshort-view-media .owl-carousel .owl-next { left: -20px;}
    .mediaSec #gridshort-view-media { max-width: 65%;}
    .form-modal .modal-content { max-width: 100%; padding: 0 10px;}
    #DynamicFormObject input[type="submit"] { width: 100%;}
    #text1, #text2 { max-width: 100%;}
    #text1 p, #text2 p { font-size: 80%;} 

    section.contactSec#contact { padding-top: 0;}
    #contactDetails .contactDetailsText1 { width: 244px; margin: 30px auto 25px;}
    .contact-container .row { margin: 0;}
    #contactform { margin-top: 0;}
    #contactform textarea { margin: 0 0 12px; }
    .normal-form input[type="submit"] { width: 100%;}
    .normal-form input { height: 50px;}

    .footerSec #text1 img { width: 140px;}
    .footerSec:after { width: 135px; height: 130px;}
    .AccessabilityLink { margin-bottom: 5px;}

    #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content {  max-height: 90vh; margin-top: 0;}
    #multi-content-modal.modal .close, .form-modal .close { margin-bottom: 15px;}
    #MenuModule .menuModuleNav { padding: 10px 0;}
    .menuModuleTextItemTitle, .menuModuleTextItemPrice { padding-top: 10px;}
    span.veganIconWrapper:after, span.vegiIconWrapper:after, span.noGlutenIconWrapper:after, span.spicyIconWrapper:after { width: 28px; height: 28px;}
    .menuModuleTextItemTitle span { margin-left: 5px;}
    .menuModuleTextItemTitle span:after {top: -6px;}
    .menuModuleContentPart .menuIconExp { margin-bottom: 10px;}
    #PopUpData #MenuModule .menuModuleNav a { font-size: 89%; margin:0 5px 3px;}
    .menuModuleContent { max-height: 50vh; min-height: 50vh;}
    .menuModuleContentPart { padding-bottom: 80px;}
    .moduleLayout .categories-strip { max-width: 90%; border: 2px solid #55403e; padding: 7px 0;}
    .mobile-strip, .mobile-strip .select-wrapper li.strip-item { color: #55403e;}
    .mobile-strip:after { top: -5px;}
    .moduleLayout .categories-strip span { padding-top: 0; font-size: 100%;}

    .flex-direction-nav { top: 40%; }

    .menuModuleTextItemTitle > span { width: 25px; height: 25px; }
    .menuModuleTextItemTitle { max-width: 90%; }
    .menuModuleTextItemPrice { padding-top: 7px; }
    .menuModuleTextItemTitle span:first-child { margin-right: 2px; margin-left: 0; }
    .menuModuleTextItemTitle span:after { top: 1px; width: 25px; height: 25px; right: 0; }
}

@media(max-width: 375px) {
    #header ul.menu { padding-top: 35%;}
}

@media(max-width: 320px) {
    #header ul.menu { padding-top: 30%;}
}