﻿/**Marla***/

/***General Styles***/
body, html { font-size: 22px; font-family: toccidoregularwebfont; }
#SiteGrid { background: #1E1B18; color: #fff; }
.home-page .grid-rows .grid-row-text h2 { font-size: 340%; padding-bottom: 25px; }
#GridContent #headline h1 { font-family: toccidoregularwebfont; }
.food #GridContent #headline h1 { font-family: EBGaramond-Medium; }
.gallery-cubes-modal .modal-backdrop.in { opacity: 1; }
/***End General Styles***/

/*Header*/
#header2 { background: -webkit-linear-gradient(top,rgba(0,0,0,0.52),rgba(0,0,0,0.3),rgba(0,0,0,0.2),transparent); height: 200px; position: fixed; padding: 0; }
#header2.bg { background-color: rgba(8, 3, 1, 0.85); height: 100px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
#header2.bg .header-right-section { vertical-align: top; padding-top: 10px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
#header2.bg .header-top-left { line-height: 3; }
/*#header2.bg #header-left img { content: url('/warehouse/dynamic/57923.png'); padding: 25px 50px; transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms; width: 53%; }*/
#header-left a.logoHeader { display: inline-flex; align-items: center; justify-content: center; }
#header2 .max-width { max-width: 100%; }
#header2 #header-left img { width: 62%; /*padding: 35px 50px 0;*/ }
.address { display: none; }
#header2 .header-right-section { line-height: 1; padding-right: 50px; }
#header2 .header-top-left a { width: 34px; height: 35px; border: 2px solid #B39E81; margin: 0; text-align: center; line-height: 1.4; }
#header2 .header-top-left { direction: rtl; }
#header2 ul.menu li a:focus { border: none; opacity: 1; }
#header2 ul.menu li a { font-size: 116%; padding: 0; margin: 0; vertical-align: top; }
#header2 ul.menu li a:focus { outline: none; }
#header2 ul.menu li:hover > a { color: #fff; /*border-bottom: #B39E81 solid 3px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out;*/ }
#header2 ul.menu ul.menu-sub li:hover a { border-bottom: none; }
#header2 ul.menu li.has-sub:hover a { background: transparent; }
#header2 ul.menu li.has-sub:hover .opensub { color: #fff; }
#header2 ul.menu li.active a /*, #header2 ul.menu li.has-sub.active*/ { color: #fff; }
#header2 ul.menu > li:before { display: none; }
#header2 ul.menu > li.active:after { content: ""; display: block; width: 32px; border-bottom: #B39E81 solid 3px; }
#header2 ul.menu > li:hover:after { content: ""; display: block; width: 32px; border-bottom: #B39E81 solid 3px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }

#header2 ul.menu li.has-sub.active .opensub { color: #fff; }
#header2 ul.menu li.has-sub.active a { background: transparent; }
#header2 .menu-nav { width: 85%; }
#header2.bg .menu-nav { margin-top: 28px; }
#header2 .header-top { width: auto; float: left !important; }
#header2 ul.menu li { /*width:10%;*/ text-align: center; padding: 5px; margin-left: 20px; margin-right: 5px; }
/*#header2 ul.menu > li:before { border-top: 1px solid; content: ""; background: url('../../../warehouse/temp/marla singer/new-menu-line.svg'); background-repeat: no-repeat;display: block; width: 15px;  
   position: absolute; top: 0%; right: -25px; height: 35px;border-top: none;}*/


#header2 ul.menu > li:first-child:before { content: none; }
#header2 .menu-sub { background: #B39E81; padding: 10px 0; min-width: 200px; }
#header2 ul.menu li .menu-sub a { color: #080301; text-align: right; border-bottom: none; font-size: 137%; }
#header2 ul.menu .menu-sub li { font-size: 70%; padding: 10px; }
/*#header2 ul.menu .menu-sub li:hover { background:#7A6D5A; }*/
#header2 ul.menu .menu-sub li:hover a { color: #fff; }
/*.fa-angle-down:before { content: url('../../../warehouse/temp/marla singer/dropdown-arrow-white.png'); width: 15px; height: 10px;}*/
.has-sub i.opensub { font-weight: 500; font-size: 100%; margin: 0; color: #fff; }
#header2 ul#menu li:nth-child(3) ul.menu-sub { font-family: EBGaramond-Medium; }
#header2 ul#menu li:nth-child(3) ul.menu-sub li { font-size: 52%; }
#header2 .mobile-middle-kdm { display: none; }

/***Inner Pages***/
#GridContent #headline h1 { font-size: 130%; position: relative; }
#GridContent #headline h1:after { content: ""; display: block; position: absolute; background: url('../../../warehouse/temp/marla singer/3-stars.png'); width: 70px; height: 20px; top: 115%; right: 50%; background-size: 100%; background-repeat: no-repeat; transform: translateX(50%); }
#GridContent #headline { margin-bottom: 70px; }
#GridPage { padding-top: 100px; }
/*#menuModuleContentPart0 { margin-bottom: 95px;}*/
.menuModuleContentPart { margin-bottom: 0; }
.menuPage #GridContent { padding-bottom: 50px; }
#SiteGrid.layout-bottom #GridPromo { margin: 0; padding-bottom: 120px; }
.form-container-wide #DynamicFormObject { background: url('../../../warehouse/temp/marla singer/contactForm_bg.png'); background-repeat: no-repeat; background-size: cover; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #AD9E81; font-size: 135%; margin-bottom: 16px; }
#DynamicFormObject input[type=submit] { border: none; background: #de8315; color: #000; font-size: 100%; border-radius: 0; width: 180px; line-height: 1.36; }
#DynamicFormObject:after { content: none; }
#DynamicFormObject { border: none; }
.normal-form input, .normal-form textarea { border-radius: 0px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
.normal-form input, .normal-form textarea, .normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #fff; }
.must:before { top: 3%; right: 20px; color: #fff; }
.normal-form input, .normal-form textarea, .input-time-wrapper select { background: rgba(255, 255, 255, 0.12); border: solid 1px #080301; font-size: 90%; padding-right: 15px; border-radius: 0; }
.dynamicFormObjectField.textareaField { float: none !important; width: 100%; }
.dynamicFormObjectSubmit { float: none !important; margin: auto; }
.form-container-wide #DynamicFormObject { padding: 3% 12%; }
.dynamicFormObjectField.col-xs-12.textareaField { width: 100% !important; }
option { background: #342E2A; border: solid 1px #080301; }

/***Food & Alcohol Pages***/
.categories-strip ul { background: #151310; color: #fff; height: 60px; }
.categories-strip ul li { height: 100%; padding: 15px 0; margin: 0 15px; }
.categories-strip ul li.active { border-bottom: #B39E81 solid 3px; color: #fff; background: none; }
.categories-strip ul li:hover, .categories-strip ul li:focus { border-bottom: #B39E81 solid 3px; color: #fff; background: none; transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms; }
.categories-strip ul li a:focus { text-decoration: none; }
ul.hidden-xs li { font-size: 90%; }
ul.hidden-xs li:first-child:hover { background: none; color: #fff; border: none; }
ul.hidden-xs li.strip-item:last-child:after { content: none; }
ul.hidden-xs li { position: relative; }
ul.hidden-xs li.strip-item:after { content: ""; background: url('../../../warehouse/temp/marla singer/new-menu-line.svg'); background-repeat: no-repeat; display: block; width: 15px; position: absolute; top: 11px; left: -25px; height: 35px; }
.menuModuleTextItemTitle { color: #fff; font-size: 115%; position: relative; margin-left: 10px; padding-left: 13px; text-align: right; }
.menuModuleTextItemSubject { padding-top: 50px; }
.menuModuleTextItemTitle { font-size: 112%; }
/*.alcohol .menuModuleTextItemTitle { margin-left: 0;}*/
h3.menuModuleTextItemTitle:after { content: ""; display: block; position: absolute; top: 0; left: 0; height: 30px; width: 3px; background: #fff; }
.menuModuleTextItemPrice { float: right; color: #de8315; font-size: 112%; }
.menuModuleTextItemDescription { color: #dcd7d0; font-size: 90%; margin-bottom: 25px; line-height: 1.2; text-align: right; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #B39E81; }
.menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even) { padding: 0; }
.menuModuleContent { padding: 30px 80px; }
.menuModuleContentPart { border: 1px solid #b1a38d; }
.menuModuleTextItem0, .menuModuleTextItem1 { margin-bottom: 24px; }
.menuModuleContentPart:before { content: ""; display: block; background-image: url('../../../warehouse/temp/marla singer/top-right-corner.png'); background-repeat: no-repeat; background-size: 100%; background-color: #1E1B18; width: 51px; height: 54px; top: -7px; right: -7px; position: absolute; }
.menuModuleContentPart:after { content: ""; display: block; background-repeat: no-repeat; background-size: 100%; background-color: #1E1B18; background-image: url('../../../warehouse/temp/marla singer/left-top-corner.png'); width: 51px; height: 54px; position: absolute; top: -7px; right: 96%; z-index: 0; border: none; }
.menuModuleContent { position: relative; padding-bottom: 0; overflow: visible; display: inline-block; }
.menuModuleContent:before { position: absolute; content: ""; display: block; background-image: url('../../../warehouse/temp/marla singer/right-bottom-corner.png'); background-repeat: no-repeat; background-size: 100%; background-color: #1E1B18; width: 51px; height: 54px; bottom: -7px; right: 74px; z-index: 1; }
.menuModuleContent:after { position: absolute; content: ""; display: block; background-image: url('../../../warehouse/temp/marla singer/left-bottom-corner.png'); background-repeat: no-repeat; background-size: 100%; background-color: #1E1B18; width: 51px; height: 54px; bottom: -6px; left: 74px; }
#MenuModule { text-align: center; }
.food ul.hidden-xs li:first-child { padding: 12px 15px; }
.food ul.hidden-xs li.strip-item { font-family: EBGaramond-Medium; font-size: 70%; }
.food ul.hidden-xs li.strip-item, #GridContent #headline { font-family: EBGaramond-Medium; height: 100%; }
.menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd) { padding-left: 55px; }
.menuModuleTextItemPart:after { width: calc(100% - 55px); }
.menuModuleTextItemPart.test2:after { width: calc(100% - 1px); }
ul.menuModuleContentPart li:last-child .menuModuleTextItemPart:after { content: none; }

/***End Food & Alcohol Pages***/


/***Home Page***/
/*Header*/
#home-gallery .flex-control-paging li a.flex-active { background: #fff; }
#home-gallery .flex-control-paging li a { background: transparent; border: 1px solid #fff; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 15%; }

/*About Section*/

.home-page .section { padding: 0; margin: 0; }
.home-page .slides .box-image-animation img { max-width: 500px; max-height: 500px; }
.home-page .grid-row .pull-right { float: right !important; }
.home-page .grid-row .flexslider-box { float: left !important; }
.home-page .grid-rows .grid-row { height: 705px; width: 1170px; margin: auto; background-color: transparent; }
.grid-rows { background: url('../../../warehouse/temp/marla singer/events-bg.png'); background-size: cover; }
.home-page .grid-rows .grid-row-text { text-align: center; position: absolute; top: 25%; right: 15%; font-family: 'EBGaramond-Medium',toccidoregularwebfont; }
.home-page .grid-rows .grid-row-text h2, .home-page .grid-rows .grid-row-text p { color: #fff; }
.home-page .grid-rows .grid-row-text p { line-height: 1.36; padding-top: 5px; }
.home-page .grid-rows .grid-row-text h2 { position: relative; }
.home-page .grid-rows .grid-row-text h2::after { content: ""; display: block; position: absolute; background: url('../../../warehouse/temp/marla singer/3-stars.png'); width: 70px; height: 20px; top: 80%; right: 50%; background-size: 100%; background-repeat: no-repeat; transform: translateX(50%); }
.home-page .grid-rows .grid-row-text a.grid-row-button { border: none; background: #de8315; font-size: 100%; border-radius: 0; line-height: 1.36; margin-top: 30px; width: 180px; padding: 6px 15px; }
.home-page .grid-row .grid-row-cell.grid-row-cell-text { background-image: none; }
.home-page .grid-row ul.slides { position: absolute; top: 54%; left: 50%; height: auto; width: 100%; transform: translate(-50%, -50%); }
.home-page .grid-row li.slider-item { padding-bottom: 84%; }
.grid-rows .grid-row-text { width: 70%; }

/*Image Section*/

.grid-image-section { height: auto; }
.home-page .image-section-data { height: 600px; position: relative; }
.home-page .image-section-data:after { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0.25; }
.home-page .grid-text-section .section-animation-item { max-width: 700px; }
.home-page .grid-text .sec-button { border: none; background: #de8315; color: #000; font-size: 100%; border-radius: 0; width: 180px; line-height: 1.36; margin-top: 30px; font-family: 'EBGaramond-Medium',toccidoregularwebfont; }

/*The Menu Section*/

.home-page .grid-text-section .grid-text { height: 480px; }
.home-page .grid-text p { margin: 0; color: #fff; line-height: 1.36; }
.home-page .sections .grid-text-section { background: url('../../../warehouse/temp/marla singer/menu-bg.png'); background-repeat: no-repeat; background-size: cover; }
.home-page .grid-text h2 { color: #fff; font-size: 340%; padding-bottom: 25px; padding-top: 9%; margin-bottom: 3%; }
.home-page .grid-text h2:after { content: ""; display: block; position: absolute; background: url('../../../warehouse/temp/marla singer/3-stars.png'); width: 60px; height: 20px; top: 38%; right: 50%; background-size: 100%; background-repeat: no-repeat; transform: translateX(50%); }
.hvr-float:active, .hvr-float:focus, .hvr-float:hover { -webkit-transform: none; transform: none; }
.home-page .grid-text .sec-button:hover { color: #fff; transition: all ease-out 200ms; -webkit-transition: all ease-out 200ms; }
/***End Home Page***/

/*Lower Gallery Section*/

.owl-carousel .owl-next:after { background: url('../../../warehouse/temp/marla singer/arrow-left.png'); width: 34px; height: 34px; margin-left: 30px; background-size: 100%; }
.owl-carousel .owl-prev:after { background: url('../../../warehouse/temp/marla singer/arrow-right.png'); width: 34px; height: 34px; margin-right: 30px; background-size: 100%; }
.owl-carousel .owl-item .item { padding: 0; }
.img-background-flex.slider.flex-active-slide { background: #000; }
.gallery-cubes > div { padding: 10px; }

/*Footer*/
.footer-text { width: 400px; position: absolute; top: 37%; right: 29%; transform: translate(-50%, -50%); z-index: 1; }
.footer-address { display: none; }
.footer-text p { width: 370px; color: #fff; font-size: 123%; text-shadow: 0 0 75.4px rgba(0, 0, 0, 0.7); }
#SiteFooter { position: relative; }
.topImg { position: relative; }
.topImg:after { position: absolute; content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.3; }
.home-page .footer-text p { position: relative; }
.footer-text span p:after { content: ""; display: block; width: 3px; height: 25px; background: #fff; position: absolute; bottom: 3%; right: 59%; }
div#SiteFooter { background: #151414; }
.GridFooterGallery, .footer-text { display: none; }
#SiteFooter #partners-section { padding: 20px; }
#SiteFooter #partners-section img { max-width: 130px; margin-left: 15px; }
#SiteFooter #partners-section img:last-child { margin-left: 0; }
#partners-section a { padding: 0 7px; }

/***About Page***/
#text1 { max-width: 70%; margin-bottom: 55px; line-height: 1.36; }
.about .dynamicFormObjectField.textareaField, .events .dynamicFormObjectField.textareaField { display: inline-block; }
/***End About Page***/

/***Events Page***/

/***Beer Page***/
#MenuModule .menuModuleNav a { color: #fff; border-radius: 0; font-size: 110%; padding: 5px 7px; }
.hard-liquer #MenuModule .menuModuleNav a { font-size: 80%; }
#MenuModule .menuModuleNav a.selected { background: #7B6E5A; color: #080301; }
#MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { background: #7B6E5A; color: #080301; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; }
/***End Beer Page***/

/***Alcohol Page***/
.hard-liquer #MenuModule .menuModuleNav, .hard-liquer .menuModuleTextItemSubject { font-family: EBGaramond-Medium; }
/***End Alcohol Page***/

/***Contact & RVSP Page***/
#contactDetails .contactDetailsText1 p { font-size: 95%; }
#contactform h3, #tableorder-form h3 { font-size: 135%; margin: 0 0 16px; color: #AD9E81; }
.normal-form { border: none; }
.normal-form:after { content: none; }
#tableorderform, #contactform { background: url('../../../warehouse/temp/marla singer/contactForm_bg.png'); background-repeat: no-repeat; background-size: cover; margin-bottom: 10%; }
.normal-form input[type=submit] { border: none; background: #de8315; color: #000; font-size: 100%; border-radius: 0; width: 180px; line-height: 1.36; }
.normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { background: #fff; }
#contactform { padding: 3% 15%; }
#contactform .contact-container { width: 100%; }
.input-time-wrapper select { color: #fff; }
#tableorderform { padding: 3% 12%; }
#map-section #map-holder .overlay { background: #000; opacity: 0.8; }
#map-section .map-cover { background: #AC9D80; }
#map-section .map-cover .open-map { background: #7A6D5A; font-size: 100%; border-radius: 0; line-height: 1.36; color: #fff; }
#ContactModule #map-section #map-holder { margin: 0; }
#map-section .map-cover h4 { color: #080301; }
#map-section .map-cover:after { content: none; }
.owl-carousel .owl-item .item:focus .plus-sign, .owl-carousel .owl-item .item:hover .plus-sign { opacity: 0; }
.owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; }
.contact .textareaWrapper.must textarea { padding-right: 17px; }
.contact .textareaWrapper.must:before { top: 11%; right: 21px; }

/***End Contact & RVSP Page***/

/*General Footer Styles*/
footer { padding: 0; }

@media(min-width: 1800px) and (max-width: 1850px) {
    #header2.bg .header-top-left, #header2 .header-top-left { margin-right: 30px; }
    #header2 .header-top { width: 1%; }
    #header2 .menu-nav { width: 72%; }
}

@media(min-width: 1025px) {
    .menuPage .menuModuleContentPart { max-width: 1100px; }
    #header2.bg .header-top-left, #header2 .header-top-left { position: absolute; right: 0; margin-right: 50px; }
    #header2 .header-top-left { line-height: 2.2; }
    #header2.bg .header-top-left { line-height: 3.1; }
    #header2 ul.menu, #header2.bg ul.menu { text-align: center; }
    #header2 ul.menu .menu-sub li { width: 100%; margin-right: 0; }

    #header2 .menu-sub { background: rgba(8,3,1,.85); min-width: 100%; border-radius: 0 0 8px 8px; top: 95%; }
    #header2.bg .menu-sub { padding-top: 25px; }
    #header2 ul.menu li .menu-sub a { color: #fff; position: relative; }
    #header2 ul.menu li .menu-sub a:after { content: ""; bottom: -10px; position: absolute; width: 100%; display: block; background: #2c221e; height: 1px; }
    #header2 ul.menu li .menu-sub > li:last-child a:after { content: none; }
    #header2 ul.menu .menu-sub li:last-child { padding: 10px 10px 0px; }
    #header2 ul.menu .menu-sub li:hover a { color: #ac9d80; }
    #header2 ul.menu > li:after { content: ""; display: block; width: auto; border-bottom: 3px solid transparent; }
    #header2 .menu-nav { margin-top: 18px; }
    #header2 .header-right-section { vertical-align: middle; padding-top: 20px; }
    /*#header2 { height: 100px; background: rgba(8,3,1,0.85);}*/
    #header2 ul.menu li.has-sub:nth-child(4) .menu-sub { width: 100px; min-width: 100px; }
    #header2 ul.menu li.has-sub:nth-child(3) .menu-sub > li { padding: 13px 10px; }
    #header2 ul.menu li.has-sub:nth-child(3) .menu-sub > li > a:after { bottom: -14px; }
    #header2 ul.menu li.has-sub:nth-child(3) .menu-sub > li:last-child { padding-bottom: 0; }

    #header2 ul.menu > li > a, #header2.bg ul.menu > li > a { position: relative; }
    #header2 ul.menu > li > a:after, #header2.bg ul.menu > li > a:after { content: ""; background: url('../../../warehouse/temp/marla singer/new-menu-line.svg'); background-repeat: no-repeat; display: block; width: 15px; position: absolute; top: -15%; left: -25px; height: 35px; }
    #header2 ul.menu > li.has-sub > a:after, #header2.bg ul.menu > li.has-sub > a:after { left: -40px; pointer-events: none; }
    #header2 ul.menu li.last-item > a:after, #header2.bg ul.menu li.last-item > a:after { content: none; }
}

@media(min-width: 1441px) and (max-width: 1799px) {
    #header2 #header-left img { margin-left: 50px; width: 93px; padding: 35px 0px 0; }
    #header2.bg #header-left img { width: 73px; padding: 25px 0; }
    #header2 .menu-nav { width: 90%; }
    #header2 .header-top { width: 2%; }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    #header2 #header-left img { margin-left: 50px; width: 93px; padding: 35px 0px 0; }
    #header2.bg #header-left img { width: 73px; padding: 25px 0; }
    .footer-text { right: 22%; }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .footer-text { right: 19%; }
    #header2.bg #header-left img, #header2 #header-left img { padding: 25px 20px; }
    #header2 #header-left img { width: 65%; }
    #header2.bg #header-left img { width: 55%; }
    #header2.bg .header-top-left, #header2 .header-top-left { margin-right: 20px; }
    #header2 ul.menu li a { font-size: 85%; }
    #header2 ul.menu li { margin-left: 20px; }
    #header2 .menu-nav, #header2.bg .menu-nav { width: 90%; }
    #header2 .header-top, #header2.bg .header-top { width: 0; }
    #header2 ul.menu li.last-item { margin-left: 0; }
    #header2 .max-width { max-width: 100%; }
    #header2 .header-right-section { line-height: 1.2; }
    .home-page .grid-rows .grid-row { width: 990px; }
}


@media(min-width: 1170px) and (max-width: 1440px) {
    /*Menu*/
    #header2 ul.menu li a { font-size: 85%; }
    #header2 ul.menu li { margin-left: 20px; }
    #header2 .menu-nav, #header2.bg .menu-nav { width: 90%; }
    #header2 .header-top, #header2.bg .header-top { width: 10%; }
    #header2 ul.menu li.last-item { margin-left: 0; }
    #header2 .max-width { max-width: 100%; }
    #header2 .header-right-section { line-height: 1.2; }
    /*#header2 .header-top-left { line-height: 2.2;}*/

    /***Home Page***/
    /*About Section*/
    .home-page .grid-row ul.slides { top: 48%; }
}

@media(min-width: 1025px) and (max-width: 1170px) {
    /***Home Page***/
    /*About Section*/
    .home-page .grid-rows .grid-row-text { right: 25%; top: 18%; }
    .footer-text { right: 15%; }
}

@media(max-width: 1024px) {
    /*Header*/
    #header2 .header-right-section { vertical-align: top; }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 .header-right-section { padding-right: 20px; line-height: 3; }
    #header2 .menu-nav { margin-top: 6px; }
    #header2 #header-left img { width: 80%; padding: 20px; }
    /*#header2 {background: #080301;}*/
    #header2 .header-right-section { width: 60%; background: transparent; }
    /*#header2 .mobile-middle-kdm { width: auto;}*/
    #header2 .menu-nav .nav-menu-anim.open span.closed { display: none; }
    #header2 .menu-nav .nav-menu-anim.open span.opened { display: none; }
    #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 { height: 4px; width: 40px; background: #AD9E81; }
    #nav-toggle-mobile.active span:before, #nav-toggle.active span:before, #nav-toggle-mobile.active span:after, #nav-toggle.active span:after { background: #000; }
    #header2 ul.menu li { width: 100%; }
    #header2 ul.menu { background: #AD9E81; width: 200px; }
    #header2 ul.menu li a, .fa-angle-down:before { color: #fff; }
    #header2 ul.menu > li:before { content: none; }
    /*#header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none;}*/
    #header2 .header-top .address { display: none; }
    #header2 ul.menu li.active { color: #080301; background: none; }
    #header2 ul.menu li.active a { color: #ac9d80; }
    #header2 .menu-sub { background: rgb(8,3,1) }
    #header2 ul.menu .menu-sub li:hover a { color: #fff; }
    #header2 ul.menu .menu-sub li { padding: 10px 0; }
    #header2 ul.menu li.active a, #header2 ul.menu li.has-sub.active { background: transparent; }
    #header2 ul.menu li.active a, #header2 ul.menu li.has-sub.active { border-bottom: none; }
    #header2 ul.menu li .menu-sub a { text-align: center; margin: 0; color: #fff; }
    #header2 ul.menu { width: 100vw; height: 100vh; }
    #header2 ul.menu { position: fixed; }
    #header2.bg { padding: 0 0 2%; }
    #header2.bg .header-right-section { padding: 15px; }
    #header2.bg #header-left img { padding: 20px; width: 80%; }
    #header2.bg .header-right-section { line-height: 1; }
    .has-sub i.opensub { color: #080301; }
    #header2 ul.menu { padding: 20% 0 0; background: rgb(8,3,1); }
    #header2 ul.menu li:hover > a { border-bottom: none; }
    #header2 ul.menu li.has-sub.active .opensub { color: #fff; }
    #header2 ul.menu li.has-sub.active.open .opensub, #header2 ul.menu ul.menu-sub li.active a { color: #ac9d80; }
    #nav-toggle-mobile.active span:before, #nav-toggle.active span:before, #nav-toggle-mobile.active span:after, #nav-toggle.active span:after { background: #AD9E81; }

    #header2 ul.menu > li.active:after { content: none; }
    #header2 ul.menu > li:hover:after { content: none; }

    /***Form Styles***/
    .form-container-wide #DynamicFormObject { padding: 3% 0%; }
    #tableorderform, #contactform { padding: 3% 4%; }
    .normal-form .input-time-wrapper select { width: 47%; }
    #tableorderform .pull-right, #contactform .pull-right { width: 33%; }
    .normal-form-submit { width: 100%; }
    .col-xs-12.col-md-12.col-sm-12.pull-right.textareaWrapper { width: 100% !important; }
    #tableorder-form .no-pad fieldset div:nth-child(9) { width: 100%; }
    #tableorder-form .row:nth-child(3) .pull-right { float: none !important; margin: auto; }
    /***End Form Styles***/

    /***Home page***/
    /*About Section*/
    .home-page .grid-rows .grid-row-text h2, .home-page .grid-text h2 { font-size: 210%; }
    /*46px*/
    .home-page .slides .box-image-animation img { max-width: 300px; max-height: 300px; }
    .home-page .home-page .grid-row ul.slides { top: 45%; left: 56%; }
    .home-page .grid-rows .grid-row-text { top: 11%; right: 25%; }
    .home-page .grid-row ul.slides { top: 60%; }
    .home-page .grid-rows .grid-row-text h2::after { top: 78%; }

    /*Menu Section*/
    .home-page .grid-text-section .section-animation-item { max-width: 550px; }
    .home-page .grid-text-section .grid-text { height: 400px; }
    .home-page .grid-text p { font-size: 90%; }
    .home-page .grid-text h2 { padding-top: 13%; }

    /*Events Section*/
    .home-page .grid-rows .grid-row { height: 550px; width: 100%; }
    /***End Home page***/

    .rvsp #GridPage .max-width { width: 90%; }
    .contact #GridPage .max-width-center { max-width: 90%; }

    /***About Page***/
    #SiteGrid.layout-bottom #GridPromo { padding-bottom: 60px; }
    #text1 { max-width: 83%; }
    /***End About Page***/

    /***Events Page***/
    #SiteGridContainer { min-height: 100%; }
    /***End Events Page***/

    /*Footer*/
    .footer-text { right: 10%; }
    .footer-text p { width: 300px; font-size: 100%; margin: auto; }
}

@media(max-width: 991px) {
    #SiteFooter #partners-section img { max-width: 90px; }
}

@media(min-width: 960px) and (max-width: 1024px) {
    #header2 { height: 130px; }
    .menuModuleContentPart:after { right: 94.3%; }
    .must:before { right: 27px; }
    .normal-form .input-time-wrapper select { margin-left: 0; }
    #tableorder-form .no-pad fieldset div:nth-child(9) { width: 65.6%; margin-right: 5px; }
    #header2 #header-left img { width: 80%; }
    .footer-text span p:after { right: 57.3%; }
    #header2.bg #header-left img { width: 50%; }
}

@media(min-width: 768px) and (max-width:959px ) {
    #header2 { height: 100px; }
    #header2.bg #header-left img { width: 65%; }
    .menuModuleContentPart:after { right: 92.3%; }
    .home-page .image-section-data { height: 400px; }
    .footer-text { right: -2%; }
    .footer-text span p:after { right: 56.5%; }
    .home-page .grid-rows .grid-row-text { top: 18%; right: 10%; }
    .grid-rows .grid-row-text { width: 90%; }
    .home-page .grid-row ul.slides { top: 53%; }
}

@media(min-width: 768px) and (max-width:1024px) {

    #header2 ul.menu li { padding: 5px 0; margin-left: 0; margin-right: 0; }


    .footer-text span p:after { height: 21px; }

    /*RVSP Page*/
    #tableorder-form .no-pad fieldset div:nth-child(9) { width: 66%; height: 58px; }
    #tableorder-form .no-pad fieldset div:nth-child(9) textarea { min-height: 41px !important; height: 41px; }
    .normal-form input { margin-bottom: 10px; }
    #header2.bg .header-right-section { padding: 20px; }
    #header2.bg .menu-nav { margin-top: 6px; }
    #header2.bg .header-right-section { line-height: 2.5; }
}

@media(max-width: 767px) {

    /***General Styles***/
    #GridPage { padding-top: 40px; }
    #GridContent #headline { margin-bottom: 50px; }
    #SiteGrid.layout-bottom #GridPromo { padding-bottom: 30px; }
    #header2 ul.menu li { padding: 5px 0; }
    #SiteFooter #partners-section img { max-width: 60px; }

    /*Header*/
    /*.mobile-middle-kdm pull-right { display: none;}*/
    #header2 { height: 65px; padding-top: 0; background-color: rgba(8, 3, 1, 0.7); }
    #header2 .header-right-section, #header2.bg .header-right-section { width: 100%; line-height: 1.3; padding-top: 17px; }
    #header2 .header-top-left, #header2 .phone-icon { display: block; }
    #header2 .phone-icon a { display: inline-block; width: 34px; height: 35px; line-height: 2; border: 2px solid #ac9e83; text-align: center; }
    /*#header2 .mobile-middle-kdm { width: 19%; }*/
    #header2 .phone-icon, #header2.bg .phone-icon { /* left: 100px !important; */ /* top: 17px !important; */ /* font-size: 85%; */ /* position: absolute !important; */ float: left; position: relative; left: 0; top: 0; font-size: 18px; }
    #header2 .header-top-right { float: left; }
    #header2 .header-top-left svg { width: 10px; height: 15px; }
    #header2 .header-top-left .social_icon_instagram svg { width: 17px; height: 17px; }
    #header2 .header-top-left { margin-right: 5px; width: 80px; }
    #menu li.social-mobile .social-links { display: none; }
    #header2.open .header-top-left svg { fill: #fff; transition: all ease-out 200ms; -webkit-transition: all ease-out 200ms; }
    /*display:none;*/
    #header2.open .phone-icon .fa-phone { color: #fff; transition: all ease-out 200ms; -webkit-transition: all ease-out 200ms; }
    /*display:none;*/
    #header2 #menu li:nth-child(3) ul.menu-sub li { font-size: 50%; }
    #header2 ul.menu li { margin: 0; }
    .has-sub i.opensub { color: #080301; }
    #header2.bg { height: 65px; }
    #header2 #header-left { padding-left: 10px; }
    #header2 #header-left img, #header2.bg #header-left img { width: 21vw; height: auto; padding: 0; }
    #header2.bg .menu-nav { margin-top: 2%; }
    #header2.bg .header-right-section { padding-right: 20px; }
    #header2.bg .header-top-left { line-height: 0; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 20%; }
    button.controlSlider { bottom: 10%; }

    .header-right-section a.hvr-fade { display: inline-block; border: 2px solid #ac9e83; text-align: center; padding: 4px 5px; color: #fff; float: left; margin-left: 5px; /* position: absolute; */ left: auto; right: 70px; font-size: 80%; }
    .header-right-section a.hvr-fade:focus, .header-right-section a.hvr-fade:hover { color: #fff; }
    #header2 .menu-nav { width: auto; }
    #header2 .nav-menu-anim { width: 40px; }
    .fa-phone:before { font-size: 17px; }
    /***Form Styles***/
    #GridPromo #DynamicFormObject { margin: 0 35px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; font-size: 90%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 23px; }
    #tableorderform .pull-right, #contactform .pull-right { width: 100%; }
    .normal-form-comment { font-size: 16px; margin-top: 10px; }
    #contactform .contact-form-comment { font-size: 16px; }
    #contactform h3, #tableorder-form h3 { font-size: 100%; }
    #contactform h3 { margin: 0 auto 16px; }
    #contactDetails .contactDetailsText1 { font-size: 82%; max-width: 88%; margin: auto; margin-bottom: 30px; }
    #DynamicFormObject input[type=submit] { width: 140px; }
    #tableorderform, #contactform { margin: 2% 8% 10%; }
    .normal-form input[type=submit] { width: 140px; }
    #tableorderform, #contactform { padding: 3% 5%; }
    .contact .row { margin: auto; }
    .contact-form-wrap { padding: 0; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 95%; }
    /***End Form Styles***/

    /***Home Page***/
    /*Banner Section*/
    #home-gallery .scroll-down { bottom: 13%; }

    /*About Section*/
    .home-page .grid-rows .grid-row { height: auto; }
    .home-page .grid-rows .grid-row-text { position: static; margin-top: 0; padding: 60px 0; }
    .grid-rows .grid-row-text p { font-size: 85%; }
    .home-page .image-section-data { height: 200px; }
    /*.home-page .sections section:nth-child(4) .image-section-data { height: 200px;}*/
    .grid-rows .grid-row-text { width: 95%; }

    /*Events Section*/
    .home-page .grid-row .flexslider-box { display: none !important; }

    /*Menu Section*/
    .home-page .grid-text h2:after { top: 16%; }
    a.sec-button.hvr-float:active, a.sec-button.hvr-float:focus, a.sec-button.hvr-float:hover { -webkit-transform: none; transform: none; }
    .home-page .grid-text-section .grid-text { height: auto; padding: 60px 0; }
    .home-page .grid-text h2 { padding-top: 0; }

    /***End Home Page***/

    /***About Page***/
    #GridContent #headline h1 { font-size: 100%; }
    #text1 { font-size: 90%; margin-bottom: 30px; }
    /***End About Page***/

    /***Food & Alcohol Pages***/
    .mobile-strip { background: #AD9E81; }
    .alcohol #MenuModule .menuModuleNav a { font-size: 100%; color: #fff; }
    .hard-liquer #MenuModule .menuModuleNav { font-size: 60%; }
    .mobile-strip span, .mobile-strip .select-wrapper li.strip-item, #MenuModule .menuModuleNav a { font-size: 80%; color: #080301; }
    .food .mobile-strip span { margin-top: 3px; }
    .mobile-strip:after { font-size: 110%; top: 3px; color: #080301; }
    .menuModuleContent { padding: 30px 0; }
    .menuModuleContentPart:after { right: 86.5%; }
    .menuModuleContent:before { bottom: 24px; right: -6px; }
    .menuModuleContent:after { bottom: 24px; left: -6px; }
    .menuModuleTextItemTitle, .menuModuleTextItemPrice { font-size: 90%; }
    h3.menuModuleTextItemTitle:after { height: 24px; }
    .beer .menuModuleTextItemPrice { width: 100%; text-align: right; }
    .beer .menuModuleContent ul:first-child li:nth-child(9) .menuModuleTextItemPart:first-child h3.menuModuleTextItemTitle { width: 100%; }
    .menuModuleTextItemDescription { font-size: 75%; }
    .food #headline { font-size: 160%; }
    .food .mobile-strip span { padding: 10px 0; }
    .mobile-strip span { padding: 7px 0; }
    .menuModuleContentPart { width: 330px; }
    .categories-strip ul { height: 100%; }
    ul.menuModuleContentPart li:last-child, ul.menuModuleContentPart li:last-child .menuModuleTextItemPart:last-child .menuModuleTextItemDescription { margin-bottom: 0; }
    .menuModuleTextItemSubject { padding-top: 0; }
    .cocktail .menuModuleTextItemTitle, .cocktail .menuModuleTextItemPrice { font-size: 98%; }
    .cocktail .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd), .cocktail .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd) { padding-left: 0; }
    ul.menuModuleContentPart li:last-child .menuModuleTextItemPart:first-child:after { content: ""; border-bottom: 1px solid #B39E81; position: absolute; bottom: 0; width: calc(100% - 55px); right: 0; }
    ul.menuModuleContentPart li:last-child .menuModuleTextItemPart.test2:last-child .menuModuleTextItemPart:after { display: none; }
    .beer ul#menuModuleContentPart1 li:last-child .menuModuleTextItemPart:after { display: none; }
    .cocktail ul#menuModuleContentPart0 li:last-child .menuModuleTextItemPart:after { display: none; }
    .hard-liquer ul#menuModuleContentPart1 li:last-child .menuModuleTextItemPart:after { display: none; }
    .hard-liquer ul#menuModuleContentPart3 li:last-child .menuModuleTextItemPart:after { display: none; }
    .hard-liquer ul#menuModuleContentPart4 li:last-child .menuModuleTextItemPart:after { display: none; }
    .hard-liquer ul#menuModuleContentPart6 li:last-child .menuModuleTextItemPart:after { display: none; }
    .hard-liquer ul#menuModuleContentPart8 li:last-child .menuModuleTextItemPart:after { display: none; }
    .hard-liquer ul#menuModuleContentPart12 li:last-child .menuModuleTextItemPart:after { display: none; }
    .meat-fish ul#menuModuleContentPart0 li:last-child .menuModuleTextItemPart:after { display: none; }
    .sandwiches ul#menuModuleContentPart0 li:last-child .menuModuleTextItemPart:after { display: none; }
    .sandwiches ul#menuModuleContentPart0 li:last-child .menuModuleTextItemPart { margin-bottom: 0; }
    .meat-fish ul#menuModuleContentPart0 li:last-child .menuModuleTextItemPart { margin-bottom: 0; }
    .beer ul#menuModuleContentPart1 li:last-child .menuModuleTextItemPart { margin-bottom: 0; }
    .cocktail ul#menuModuleContentPart0 li:last-child .menuModuleTextItemPart { margin-bottom: 0; }
    .menuModuleTextItemPart.test2:after { width: calc(100% - 55px); }
    .categories-strip ul { background: none; }
    .categories-strip ul li { margin: 0; }
    .categories-strip ul li:hover, .categories-strip ul li:focus { border: none; }

    /***End Food & Alcohol Pages***/

    /***Contact Page***/
    #map-section .map-cover h4 { font-size: 100%; }
    #map-section .map-cover .open-map { font-size: 73%; }
    .contact .must:before { top: 3%; right: 13px; }
    .contact .textareaWrapper.must:before { top: -1%; right: 13px; }
    /***End Contact Page***/

    /*Footer*/
    .footer-text { top: 22%; right: 8%; width: auto; margin-top: 35px; }
    .footer-text p { width: 130px; font-size: 75%; }
    .owl-carousel .owl-next:after { content: none; }
    .owl-carousel .owl-prev:after { content: none; }
    #SiteFooter { padding-bottom: 48px; }
    .site-credit.alternative { padding: 0; }
    .topImg { height: 250px; }
    .topImg img { height: 100% !important; }
    .footer-text span p:after { content: none; }


    /*Mobile Waze*/
    #SiteFooter .mobile-seperator a { font-size: 75%; padding: 10px 3px; }
}

@media(min-width: 375px) and (max-width: 399px) {

    .footer-text { right: 9%; }
}

@media(min-width: 400px) and (max-width: 430px) {
    .footer-text { right: 14%; }
    .home-page .grid-text h2:after { top: 19%; }
}
@media(max-width: 320px) {
    /***Home Page***/
    .home-page .grid-text h2:after { top: 20%; }

    /*About Section*/
    .home-page .grid-rows .grid-row-text a.grid-row-button { width: 140px; padding: 6px 15px; font-size: 75%; }

    /*Menu Section*/
    .home-page .grid-text .sec-button { width: 140px; font-size: 75%; }

    /*Events Section*/
    .grid-row-cell.section-animation-item.grid-row-cell-text.col-sm-6.col-xs-12.pull-right, .home-page .grid-text-section .grid-text { height: auto; }
    .grid-rows .grid-row-text { padding: 16% 0 10%; }
    .home-page .sections .grid-text-section { height: 470px; }
    .home-page .grid-text-section .section-animation-item { padding: 15px 15px 0; }
    /***End Home Page***/

    /***Food Page***/
    .food .mobile-strip span, .food .mobile-strip .select-wrapper li.strip-item { font-size: 75%; }
    /***Food Page***/

    /***Alcohol Page***/
    .alcohol #MenuModule .menuModuleNav a { font-size: 70%; }
    .menuModuleContentPart:after { right: 85.3%; }
    /***Alcohol Page***/

    /***Food & Alcohol Pages***/
    .mobile-strip:after { top: 4px; }
    .mobile-strip span { padding: 7px 0; }
    .menuModuleContentPart { width: 100%; }
    /***Food & Alcohol Pages***/

    /***Contact Page***/
    .contact .GridFooterGallery { height: 130px; }
    /***Contact Page***/

    /*Footer*/
    .footer-text { right: 2%; }
    .site-credit.alternative { padding: 0; }
    /*#SiteFooter { padding-bottom: 48px;}*/
}
