﻿/*****Lager and Ale*****/

/*General Styles*/
body { font-size: 20px; background-color: #f4f3f0;}
section h2, section #headline h1, section .headline h1 { font-size: 240%; font-family: Cooperative-Regular;}
section { padding: 60px 0; }
span.scr-reader-only { color: transparent; }
#text1 { color: #15101d;}
.must:before { color: #000;}
#pic2 #ContentRegularModule { display: none;}
.SectionTopImage.ipadPro { margin-bottom: 0;}

/*Header*/
#header-logo img { max-height: 100%; width: 100%; max-width: 276px;}
#header ul.menu { direction: ltr; max-width: 1200px; margin: auto; font-size: 100%;}
header#header { background:-webkit-linear-gradient(top,rgba(0,0,0,0.9),rgba(0,0,0,0.7),rgba(0,0,0,0.4),transparent); padding: 25px 0;}
header#header.bg { padding: 25px 0;}
header ul.menu li { position: relative; margin-left: 40px; }
#header ul.menu li.active { color: #ddbb67; }
#header ul.menu > li.active:after {display: none;}
#header ul.menu li:hover, #header ul.menu li:focus { color: #ddbb67; }
header .LogoCentered ul.menu li.social-links a.social_icon_instagram:hover svg, header .LogoCentered ul.menu li.social-links a.facebook_icon_instagram:hover svg { fill: #ddbb67;}
li.social-links { direction: rtl; }
#header ul.menu li a { font-size: 116%; font-family: Cooperative-Regular}

/*Top Banner*/
#home-gallery .scroll-down { font-size: 100%; bottom: 100px;}
#home-gallery .scroll-down:before { content: ""; position: absolute; width: 36px; height: 20px; background-image: url('../../../warehouse/temp/lager and ail/00-banner-scroll-down.png'); background-size: cover;  
    transform: translateX(50%); -webkit-transform: translateX(50%); right: 49%; }
#home-gallery .scroll-down img, #home-gallery .scroll-down svg { width: 35px; min-width: 35px; height: 19px; opacity: 0;}
#about:before { content: ""; position: absolute; background-image: url('../../../warehouse/temp/lager and ail/01-about-topslant.png'); background-repeat: no-repeat; background-size: cover;
    top: -130px; width: 100%; height: 140px; pointer-events: none;}
#player-controls { bottom: 7%;}
.TopVideo iframe { height: 117vh;}

/*About Section*/
#about { padding: 60px 0 0;}
#about h1:before { content: ""; position: absolute; height: 3px; width: 297px; top: -16px; right: 50%; transform: translateX(50%); background-size: cover; background-position: center;  
    background: url('../../../warehouse/temp/lager and ail/01-header-black-deco.png'); background-repeat: no-repeat;}
#about h1:after { content: ""; position: absolute; height: 3px; width: 297px; bottom: -16px; right: 50%; transform: translateX(50%); background-size: cover; background-position: center;  
    background: url('../../../warehouse/temp/lager and ail/01-header-black-deco.png'); background-repeat: no-repeat;}
#about .popup-text { background: #f4f3f0;  padding: 40px 0 0; }
#about #text1 p:last-child { margin-bottom: 0; }

/*Branches Section*/
#branches {z-index: 1; padding: 30px 0 40px;}
#branches #headline { display: none; }
#branches .section { padding: 0;}
#branches .section-content { max-width: 1300px; }
.grid-boxes .grid-box-image { padding-bottom: 96%; }
section#branches:after { content: ""; position: absolute; bottom: -186px; width: 100%; height: 270px; background-image: url('../../../warehouse/temp/lager and ail/01-about-bottom-slant.png');
    background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1;}
.LobbyModule .grid-box { background: transparent;}
#branches .hideUntilHover p { font-size: 75%; }
.grid-boxes .box-image-animation:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.grid-box.textOnHover .grid-box-opacity-layer { background: rgba(0, 0, 0, 0.75);}

/*Menu Section*/
#menu { z-index: 0; background-color: #0C0612; padding: 0 0 140px;}
#menu h2 { color: #fff;}
#menu h2:before { content: ""; position: absolute; height: 3px; width: 199px; top: -16px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%);
    background-size: cover; background-position: center; background: url('../../../warehouse/temp/lager and ail/01-header-white-deco.png'); background-repeat: no-repeat;}
#menu h2:after { content: ""; position: absolute; height: 3px; width: 199px; bottom: -16px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%);
    background-size: cover; background-position: center; background: url('../../../warehouse/temp/lager and ail/01-header-white-deco.png'); background-repeat: no-repeat;}
#menu .SectionTopImage { margin-bottom: 0;}
#menu #headline { margin-bottom: 50px;}
#menu .section-content { padding-top: 80px; background-image: url('../../../warehouse/temp/lager and ail/02-drinks-bg.png'); background-size: cover; background-position: center;}
#menu .lobbyview .grid-box ,#menu .LobbyModule .grid-box { background-color: transparent; margin-left: 20px;}
#menu .grid-boxes .grid-box-image { padding-bottom: 61%; }
.gallery-cubes .image-link-inner { background: rgba(20,15,25, 0.8); width: 50px; height: 50px;}
.gallery-cubes .plus-sign { color: #fff; top: 35%; font-size: 133%; height: 20px;}
.grid-gallery-section { padding-top: 60px;}
section.section.stellar-static.section-animation-list.grid-content-section.lobby-view-section { padding: 30px 0 20px;}
#menu .grid-boxes.row { padding-top: 0;}
.lobbyview .grid-box, .LobbyModule .grid-box { margin-bottom: 0;}
#menu .grid-box.col-xs-4.col-sm-4.col-md-4.pull-right.box:after { content: ""; position: absolute; top: 7px; left: 0px; bottom: 7px; right: 0px; border: 1px solid #fff;
    border-radius: 16px; pointer-events: none;}
section#pic { padding: 0; }

/*Gallery Section*/
/*#gallery {z-index: 0; background:-webkit-linear-gradient(to bottom, rgba(20, 15, 25, 0.6), #140f19);}*/
#gallery .section-animation-item.headline.shown { display: inline-block; position: absolute; top: 8%; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); z-index: 10; }
#gallery h2 { color: #fff;}
#gallery h2:before { content: ""; position: absolute; height: 3px; width: 178px; top: -16px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%);
    background-size: cover; background-position: center; background: url('../../../warehouse/temp/lager and ail/01-header-white-deco.png'); background-repeat: no-repeat;}
#gallery h2:after { content: ""; position: absolute; height: 3px; width: 178px; bottom: -16px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%);
    background-size: cover; background-position: center; background: url('../../../warehouse/temp/lager and ail/01-header-white-deco.png'); background-repeat: no-repeat;}
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { background: none; width: 67px; height: 8px;}
.ms-skin-default .ms-nav-next { right: 70px;}
.ms-skin-default .ms-nav-prev { left: 70px;}
.ms-nav-next:before { content: ""; position: absolute; width: 67px; height: 8px; right: 0;  background: url('../../../warehouse/temp/lager and ail/00-banner-arrow-right.png'); 
    background-size: cover;}
.ms-nav-prev:before { content: ""; position: absolute; width: 67px; height: 8px; left: 0;  background: url('../../../warehouse/temp/lager and ail/00-banner-arrow-left.png'); 
    background-size: cover;}

/*Contact Section*/
#contactus { background-image: url('../../../warehouse/temp/lager and ail/04-contact-bg.png') !important; z-index: 1; padding: 40px 0 0;}
#contactus .popup-text { background: none; }
#contactus:before { content: ""; position: absolute; width: 100%; height: 141px; top: -130px; background: url('../../../warehouse/temp/lager and ail/04-contact-bg.png'); 
    background-size: cover;}
#contactus:after { content: ""; position: absolute; width: 100%; height: 203px; bottom: -190px; background: url('../../../warehouse/temp/lager and ail/04-contact-bg.png'); 
    background-size: cover; background-position: bottom;}
#contactus h1:before { content: ""; position: absolute; height: 3px; width: 180px; top: -16px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%);
    background-size: cover; background-position: center; background: url('../../../warehouse/temp/lager and ail/01-header-black-deco.png'); background-repeat: no-repeat;}
#contactus h1:after { content: ""; position: absolute; height: 3px; width: 180px; bottom: -16px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%);
    background-size: cover; background-position: center; background: url('../../../warehouse/temp/lager and ail/01-header-black-deco.png'); background-repeat: no-repeat;}

/*Lower Banner Section*/
#pic2 { padding: 60px 0 0;}
.SectionTopImage { margin-bottom: 0;}
#pic #ContentRegularModule { display: none;}


/*****Pop Up*****/
/*General Styles*/
.modal .close svg { width: 47px; height: 47px;}
#multi-content-modal.modal .close, .form-modal .close { top: 10px;}
.menuModuleContentPart { background-color: #fdf7e9; padding: 40px 50px 10px;}
#MenuModule .menuModuleNav { padding: 10px 0;}
.menuModuleTextItemSubject { margin-bottom: 30px;}
.menuModuleTextItemSubjectTitle { font-size: 126%; color: #403837; }
.menuModuleTextItemTitle { color: #232323;}
.menuModuleTextItemDescription { color: #232323; font-size: 90%;}
.menuModuleTextItemPrice {font-size: 90%; }
.menuModuleTextItem0 { width: 45%; margin-left: 5%;}
.menuModuleTextItem0, .menuModuleTextItem1 { height: 80px;}
#PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 { border-bottom: 1px solid #000;}

/*Franchising Pop Up*/
#multi-content-modal .popup-text.section-animation-item { background-image: url('../../../warehouse/temp/lager and ail/05-popup-contact-bg.jpg'); background-size: cover; 
    background-position: center; position: relative; }
#multi-content-modal .popup-text.section-animation-item:before { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; border: 1px solid #fff; 
    pointer-events: none;}
#multi-content-modal .normal-form input, .textarea-field textarea { background-color: #fff; border-radius: 4px;}
#PopUpData .headline.section-animation-item.shown { margin-bottom: 50px; }
#PopUpData .headline h1 { font-size: 240%; font-family: Cooperative-Regular; color: #dfbc68; }
#multi-content-modal #text1 p:last-child {margin-bottom: 0; }
.normal-form input, .textarea-field textarea { background: #fff; font-size: 85%; color: #403837;}
.normal-form input::-webkit-input-placeholder, .textarea-field textarea::-webkit-input-placeholder { color: #403837; }
#PopUpData .normal-form { background: transparent;}
#DynamicFormObject .dynamicFormObjectFields {  margin-bottom: 0;}
.dynamicFormObjectTitle{ color: #15101d;}
#DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%;  color: #15101d;}
.dynamicFormObjectTitle { font-size: 77%; }
.dynamicFormObjectField.col-xs-12.textarea-field { width: 100%; }
.dynamicFormObjectSubmit.col-xs-12 {float: none; margin: 0 auto; display: inline-block; }
#DynamicFormObject input[type="submit"] {background: #15101d; border-radius: 0;}
.form-control { box-shadow: none; -webkit-box-shadow: none;}
#DynamicFormObject #form-thanks h3 {color: #15101d; font-size: 160%;}

/*Beer Pop Up*/
#PopUpData #MenuModule .menuModuleNav a {font-size: 190%; font-family: Cooperative-Regular; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms;}
#PopUpData #MenuModule .menuModuleNav a.selected { border-bottom: none; color: #ddbb67 !important; }
#PopUpData #MenuModule .menuModuleNav a:hover, #PopUpData #MenuModule .menuModuleNav a:focus { color: #ddbb67; }

/*Street Food Pop Up */
#PopUpData #MenuModule h2 { font-size: 200%; font-family: Cooperative-Regular; padding: 10px 0;}
#snifim-access { padding: 30px 37px 0; }
#snifim-access .popupBtn { background-color: transparent; font-size: 70%; text-align: right; margin-bottom: 0; padding: 0; }
#snifim-access .popupBtn::before { content: ''; display: inline-block; vertical-align: middle; height: 22px; width: 22px; margin-left: 6px; background-image: url(/warehouse/temp/lager%20and%20ail/accessibility.png); background-repeat: no-repeat; background-size: 100%; }
#snifim-access .popupBtn:hover { color: inherit; text-decoration: underline; }
#snifim-access ul { width: 100%; margin: 0; text-align: right; }
#snifim-access ul.subCategories.media-boxes-filter li { width: auto; display: inline-block; }

#snifim-access .section-content {
    max-width: unset;
}

#snifim-access #headline {
    margin: 0;
    display: none;
}



@media(min-width: 1025px) {
    /*Header*/
    #header ul.menu { position: relative; display: flex; justify-content: center; align-items: center; }
    header ul.menu li { order: 2;}
    header .LogoCentered ul.menu li.social-links { order: 1; align-self: center; top: -5px; margin-left: 0 !important;}
    /*ul.menu:before { content: ""; position: absolute; width: 100%; height: 1px; top: 14px; right: -50%; background-color: #fff; transform: translateX(50%); 
        -webkit-transform: translateX(-50%); }
    ul.menu:after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 14px; right: -50%; background-color: #fff; transform: translateX(50%); 
        -webkit-transform: translateX(-50%); z-index: 0;}*/
    li#header-logo:before, li#header-logo:after { content: ''; position: absolute; width: 430px;   height: 70%; border-bottom: 1px solid #fff; border-top: 1px solid #fff; top: 14%; pointer-events: none;}
    li#header-logo:before { right: 100%; margin-right: 15px; }
    li#header-logo:after { left: 100%; margin-left: 15px; }
    .LogoCentered #header-logo {padding: 0 15px; z-index: 1;}
    a.social_icon_instagram { margin-left:5px; }

    /*Top Banner*/
    #home-gallery .flex-direction-nav { display:none;}

    /*Menu Section*/
    #menu .SectionTopImage { height: 500px;}

    /*Gallery Section*/
    #gallery .SectionTopImage, .ms-view { height: 950px !important;}
    #gallery .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {height: 950px !important;}
    #gallery #masterslider .ms-slide {height: 950px !important;}
    #gallery .ms-mask-frame {height: 950px !important;}

    /*Contact Us*/
    #contactus #ContentRegularModule {padding-top: 80px;}
}

@media (min-width: 768px) {
    /*Branches Section*/
    .grid-box.textOnHover .grid-box-image-text { width: 90%;}

    /*Menu Section*/
    .gallery-cubes .col-sm-3 { width: 24%; margin-left: 15px; }
    .gallery-cubes .col-sm-3:first-child { margin-left: 0;}

    /*****Pop Up*****/
    /*Franchise Pop Up*/
    .dynamicFormObjectField.col-xs-12 { width: 33%; }
    .dynamicFormObjectSubmit.col-xs-12 { width: 30%}
    #DynamicFormObject .dynamicFormObjectSubmit {width: 140px; padding: 0;}
}

@media(min-width: 1280px) and (max-width: 1440px) {
    #header ul.menu li a { font-size: 1.55vw; }
    li#header-logo:before, li#header-logo:after { width: 410px;}
}

@media(min-width: 1170px) and (max-width: 1279px) {
    #header ul.menu li a { font-size: 1.44vw; }
    li#header-logo:before, li#header-logo:after { width: 360px;}
    header .LogoCentered ul.menu li.social-links { top: 0; left: 12px;}
}

@media(min-width: 1170px) and (max-width: 1440px) {
    /*Header*/
    ul.menu:before, ul.menu:after {right: -50%;}
    #header ul.menu { display: flex; justify-content: center; align-items: center; width: 90%;}
    li.social-links { float: none; top: -6px; left: 0; order: 1 !important; position: relative !important;}
    a.social_icon_instagram { margin-left: 5px; }
    header .LogoCentered ul.menu li.social-links { top: -2px;}

    /*Branches Section*/
    .lobbyview .grid-boxes, .LobbyModule .grid-boxes {width: 90%;}
    #branches .hideUntilHover p { font-size: 62%; }
    .grid-box.textOnHover .grid-box-image-text { width: 93%; }

    /*Contact Section*/
    #contactus:before {top: -80px;}
    #contactus:after { bottom: -151px;}
}

@media(min-width: 1170px) and (max-width: 1280px) {
    /*General Styles*/
    #about .section-content, #contactview, #gridshort-view-media { max-width: 90%; margin: auto; }

    /*Header*/
    li.social-links { top: -4px;}

    /*Menu Section*/
    .gallery-cubes .col-sm-3 { width: 23.8%; }

    /*****Pop Up*****/
    /*Franchise Pop Up*/
    #PopUpData #ContentRegularModule { padding: 0 10px 10px;}
    /*#multi-content-modal .section-content { max-width: 100%;}*/
    #multi-content-modal .modal-content { max-width: 90vw;}
}

@media(max-width: 1170px) {
    #home-gallery .gallery-caption { left: 50%; width: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .LobbyModule .grid-boxes { max-width: 85%;}
    section#branches:after { bottom: -100px; height: 160px;}
    .SectionTopImage {background-attachment: fixed !important;}
    #header ul.menu .social-links a svg { width: 43px; height: 40px; }
    #header ul.menu li a { font-size: 235%; }
}

@media(min-width: 960px) and (max-width: 1024px) {    
    /*About Section*/
    #about:before {top: -70px;}

    /*Contact Section*/
    #contactus:after { height: 146px; bottom: -130px;}
}


@media(min-width: 768px) and (max-width: 959px) {
    /*About Section*/
    #about:before {top: -55px;}

    /*Contact Section*/
    #contactus:after { height: 152px; bottom: -112px;}
}

@media(max-width: 1024px) {
    /*General Styles*/
    #text1 p {font-size: 100%; }
    section h2, section #headline h1, section .headline h1 {font-size: 210%; }
    .must:before { right: 17px;}

    /*Header*/
    header#header, header#header.bg { padding: 30px 20px;}
    #header ul.menu {height: 100vh; background-color: #0C0612;}
    #header ul.menu li { margin-left: 0; }
    #header ul.menu li.active {background: transparent; }
    #header-logo img {width: 160px; }
    li#header-logo { display: none; }

    /*#header ul.menu > li{ opacity: 0; transform: translateY(10px); -webkit-transform: translateY(10px); transition: all 1500ms cubic-bezier(.17,.67,.83,.67);
    -webkit-transition: all 1500ms cubic-bezier(.17,.67,.83,.67);}
    #header.open ul.menu > li{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: opacity 2000ms ease-in, transform 1000ms ease-in;
    -webkit-transition: opacity 2000ms ease-in, transform 1000ms ease-in; }*/

    /*Top Banner*/
    #home-gallery .gallery-logo {width: 84%; }
    #home-gallery .flex-direction-nav .flex-prev { left: 30px; }
    #home-gallery .flex-direction-nav a.flex-next { right: 30px; }
    #home-gallery .scroll-down { bottom: 70px; }

    /*About Section*/
    #about {padding: 50px 0 0; }
    #about h1:before, #about h1:after { width: 251px;}
    #about .popup-text {padding: 10px 0 0; }

    /*Branches Section*/
    #branches {padding: 10px 0 0; }
    .lobbyview .grid-box,.LobbyModule .grid-box {width: 46% !important; margin-left: 0; padding: 0 9px;}
    .grid-box-fulltext p {font-size: 90%; }
    #branches .section { padding: 0;}
    #branches .hideUntilHover p { font-size: 65%; }

    /*Menu Section*/
    .gallery-cubes .col-sm-3 { width: 23%; }
    .lobbyview .grid-box, .LobbyModule .grid-box { margin-bottom: 10px;}

    /*Gallery Section*/
    #gallery .SectionTopImage, .ms-view { height: 600px !important;}
    #gallery .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {height: 600px !important;}
    #gallery #masterslider .ms-slide {height: 600px !important;}
    #gallery .ms-mask-frame {height: 600px !important;}

    /*Contact Section*/
    #contactus:before { top: -90px;}

    /*Lower Banner Section*/
    #pic {padding: 30px 0 0; }

     /*****Pop Up*****/
     /*General Styles*/
    .menuModuleContent {background-color: #fdf7e9; }

    /*Franchise Pop Up*/
    #multi-content-modal .popup-text.section-animation-item { margin: 10px;}
    #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 85%;}
    .normal-form { max-width: 100%;}
    #DynamicFormObject .dynamicFormObjectField {padding: 0 10px;}
    .headline.section-animation-item { margin-bottom: 30px; }
    #DynamicFormObject input[type="submit"] { font-size: 110%;}
}

@media(max-width: 767px) {
    /*General Styles*/
    section h2, section #headline h1, section .headline h1 { font-size: 175%; }
    .grid-content-section { margin: 0; }
    #text1 p { font-size: 90%; }

    /*Header*/
    #header-logo img {width: 90px; }
    header#header, header#header.bg {padding: 15px 20px; }
    #header ul.menu { padding-top: 55px;}
    #header ul.menu li a { font-size: 140%; }
    #header ul.menu > li {padding: 9px 0;}

    /*Top Banner*/
    #home-gallery .flex-direction-nav .flex-prev {  margin-top: -10px;}
    #home-gallery .scroll-down { bottom: 80px; }
    #home-gallery .flex-direction-nav a.flex-next { right: 10px; }
    #home-gallery .flex-direction-nav .flex-prev { left: 10px; }


    /*About Section*/
    #about {padding: 60px 0 0; }
    #about h1:before, #about h1:after { width: 197px; }
    #about:before { top: -30px; height: 70px;}

    /*Branches Section*/
    #branches .section {margin: 0 auto 20px;}
    .lobbyview .grid-boxes, .LobbyModule .grid-boxes { padding-top: 20px; }
    .lobbyview .grid-box,.LobbyModule .grid-box { width: 89% !important; }
    section#branches:after { bottom: -90px; height: 120px; }
    /*.grid-boxes .grid-box-image { padding-bottom: 130%; }*/
    .grid-box.textOnHover .grid-box-image-text { position: absolute;top: 50%;left: 50%;transform:  translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);font-size: 150%;
        width: 90%; color: #ffffff;z-index: 2;pointer-events: none;}
    .grid-box.textOnHover .grid-box-opacity-layer { background: rgba(0, 0, 0, 0.75);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;pointer-events: none;}
    .grid-box.textOnHover { cursor: pointer; }
    .grid-box-image .hideUntilHover{ opacity: 0; transition: all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out; }
    .grid-box.textOnHover .grid-box-opacity-layer { display: block; }
    #branches .hideUntilHover p { font-size: 60%; }
    .grid-box.textOnHover .grid-box-image .box-image-animation { overflow: hidden;}

    /*Menu Section*/
    #menu { padding: 30px 0 60px;}
    #menu h2:before, #menu h2:after { width: 108px;}
    #menu .grid-boxes .grid-box-image { padding-bottom: 63%; }
    #menu .lobbyview .grid-bo,#menu .LobbyModule .grid-box { margin: 0 0 20px;}
    .lobbyview .grid-box, .LobbyModule .grid-box { margin-bottom: 30px;}

    /*Gallery Section*/
    .grid-gallery-section { padding-top: 20px; }
    .gallery-cubes .col-sm-3 {width: 50%;padding: 5px; }
    #gallery .SectionTopImage, .ms-view { height: 400px !important;}
    #gallery .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {height: 400px !important; /*background-size: cover;*/}
    #gallery #masterslider .ms-slide { height: 400px !important;}
    #gallery .ms-mask-frame {height: 400px !important;}
    .ms-skin-default .ms-nav-next { right: 20px; }
    .ms-skin-default .ms-nav-prev { left: 20px; }
    #gallery h2:before, #gallery h2:after {width: 80px;}
    #gallery .section-animation-item.headline.shown {width: 100%;}
    #gallery .ms-slide .ms-slide-bgcont img { height: auto !important;}

    /*Contact Section*/
    #contactus {padding: 0;}
    #contactus #pageview { padding-top: 30px; }
    #contactus .headline.section-animation-item { margin-bottom: 0;}
    #contactus .popup-text {padding: 30px 30px 10px; }
    #contactus h1:before, #contactus h1:after { width: 173px;}
    #contactus:before {top: -50px; }
    #contactus:after {height: 60px; bottom: -27px;}

    /*Lower Banner Section*/
    #pic2{ padding: 0; }


    /*****Pop Up*****/
    /*General Styles*/
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 17px; }
    #multi-content-modal #text1 p {font-size: 81%;}

    /*Franchise Pop Up*/
    #PopUpData .headline h1 { font-size: 170%; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 78%; }
    .modal .close svg { width: 20px; height: 20px; }
    #PopUpData .headline.section-animation-item.shown { margin-bottom: 20px; }
    #multi-content-modal.modal .close, .form-modal .close { top: 15px; line-height: 0;}
    #multi-content-modal .popup-text.section-animation-item:before { display: none;}
    #multi-content-modal .popup-text.section-animation-item {padding: 20px 10px 220px; overflow: scroll; height: 100vh;}
    #multi-content-modal #pageview { position: relative; }
    /*#multi-content-modal #pageview:before { content: ""; position: absolute; top: 40px; right: 0px; bottom: 27%; left: 0px; border: 1px solid #fff; pointer-events: none; z-index: 1; }*/
    #multi-content-modal #pageview:before { display: none;}
    #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 140%; margin: 10px 0;}
    #PopUpData .normal-form { padding: 0;}
    #multi-content-modal .normal-form input, .textarea-field textarea {margin-bottom: 10px;}
    #multi-content-modal .modal-content:after { content: ""; position: absolute; bottom: 0; width: 100%; right: 0; height: 30px; background: #000; }
    DynamicFormObject input[type="submit"] { font-size: 100%; }
    #DynamicFormObject #form-thanks h3 { font-size: 110%; }
    #multi-content-modal form { display: flex; flex-direction:column;}
    #multi-content-modal .dynamicFormObjectField:nth-child(1) { order: 2; }
    #multi-content-modal .dynamicFormObjectField:nth-child(2) { order: 1; }
    #multi-content-modal .dynamicFormObjectField:nth-child(3) { order: 0; }
    #multi-content-modal .dynamicFormObjectField:nth-child(4) { order: 2; }
    #multi-content-modal .dynamicFormObjectSubmit { order: 2; }

    /*Beer Pop Up*/
    .menuModuleContentPart {padding: 10px 30px 10px; }
    .menuModuleTextItem0, .menuModuleTextItem1 { width: 100%;}
    #PopUpData #MenuModule .menuModuleNav a { font-size: 127%; margin: 0 5px; }
    .menuModuleTextItemTitle { font-size: 90%; }
    .menuModuleTextItemDescription {font-size: 75%; }
    .menuModuleTextItemPrice { font-size: 72%; line-height: 2; }
    .menuModuleTextItem0, .menuModuleTextItem1 { height: auto; }
    .menuModuleTextItemSubject {margin: 10px 0; }
    .menuModuleTextItemSubjectTitle {font-size: 95%; }

    /*Street Food Pop Up*/
    .modal #PopUpData #headline, .modal #PopUpData .headline { margin: 0;}
    #PopUpData #MenuModule h2 {font-size: 161%; max-width: 100%;}

    #snifim-access ul { text-align: center;}
}

@media(max-width: 320px) {
    #multi-content-modal .popup-text.section-animation-item {padding: 20px 10px 180px;}
    #multi-content-modal #pageview:before { bottom: 175px;}
    #multi-content-modal[data-class="franchising"] .modal-content:after { height: 20px;}
    #branches .hideUntilHover p { font-size: 55%; } 
     #about:before { top: -23px; }
}
