﻿/*Asian Deli*/
@import url("https://p.typekit.net/p.css?s=1&k=hlu1pio&ht=tk&f=10879.10884.10886.15586&a=16823177&app=typekit&e=css");

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 500; }

/*.tk-futura-pt { font-family: "futura-pt",sans-serif; }*/

body { font-family: 'DIN-Medium', 'NarkisBlock', sans-serif !important; font-size: 15px; background: #384867; color: #fff; }
h1, h2 { position: relative; display: inline-block; }
h1:after, h2:after { content: ''; display: block; width: 65px; height: 3px; background: #fff; margin: 15px auto 30px; }
.section-title { margin-bottom: 0; }
.section-title h1, .section-title h2, .home-page .grid-text h2, .grid-rows .grid-row-text h2, #headline { font-size: 250%; color: #ab9866; line-height: 0.9; }
.section { position: relative; margin-bottom: 0; padding: 0; }
.row { margin: 0; }
.grid-rows .grid-row { background: none; color: #fff; }
p, ul.accessability-list { font-size: 115%; line-height: 1.4; }
.grid-text p { margin-top: 0; }
#allSectionsWrapper { overflow: hidden; }
.modal .textmode.modal-body { background-color: #000; }

/*General Transition*/
.grid-text .sec-button, a, #DynamicFormObject input[type=submit], .normal-form input[type=submit], svg, #header2 ul.menu li a:after, .categories-strip ul li,
#map-section .map-cover .open-map { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

/*General Button*/
.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, #FormResultPage #text1 a, .page-not-found a, #DynamicFormObject input[type=submit],
.normal-form input[type=submit] { width: 140px; height: 42px; display: inline-block; font-size: 105%; line-height: 40px; border: 1px solid #fff; border-radius: 0; padding: 0; text-align: center; }
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { font-size: 105% !important; border-radius: 0; margin-top: 5px; }
.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, #FormResultPage #text1 a, .page-not-found a, #DynamicFormObject input[type=submit],
.normal-form input[type=submit] { background: none; color: #fff; }
.grid-text .sec-button:hover, .grid-text .sec-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus,
#FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus, .page-not-found a:hover, .page-not-found a:focus,
#DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus { background: #fff; color: #001441; border: 1px solid #001441; }
.grid-text .sec-button { margin-top: 30px; }

/*General Form Styles*/
.form-container-wide #DynamicFormObject { display: block; max-width: 976px; margin: 0 auto; padding: 40px 60px; border: none; color: #404041; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; margin-bottom: 0; }
.normal-form { background-color: #1a2848; background-image: url(../../../warehouse/temp/asianDeliImgs/aboutDecoBR.png); background-size: 20vw; background-position: bottom right; background-repeat: no-repeat; }
.normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%; background: rgba(255,255,255,0.8); color: #101d49; border-radius: 0; border: none; font-size: 85%; margin-bottom: 20px; padding-right: 20px; box-shadow: none; -webkit-box-shadow: none; border-right: 3px solid #ab9866; }
.normal-form input, .normal-form select { height: 40px; }
.normal-form textarea { height: 90px; }
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #101d49; }
.must:before { right: 15px; }
#DynamicFormObject:before { content: ''; position: absolute; width: 215px; height: 175px; top: 0; left: 0; pointer-events: none; z-index: -1; background: url(../../../warehouse/temp/joyGarden/activitiesImgDecoTL.png); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, 50%); }
/*.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 85%; margin-bottom: 30px;}*/
.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 7px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; display: inline-block; float: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block; float: none; }
label.error, span.error { top: 8px; left: 15px; font-size: 65%; }
#DynamicFormObject .textarea-wrapper.must:before { top: 3px; }
.normal-form:after { content: none; }

/*Header*/
#header2 { max-width: 100%; color: #404041; background: #fff; box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); -webkit-box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; }
#header2 .max-width { max-width: 100%; position: relative; }
#header2 .menu-nav { margin-top: 0; }
#header2 ul.menu { margin-bottom: 0; text-align: center; }
#header2 ul.menu li { color: #001441; font-size: 110%; vertical-align: middle; margin-left: 20px; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu li.active, #header2 ul.menu li:hover, #header2 ul.menu .menu-sub li:hover { color: inherit; }
#header2 ul.menu li.active > a:after, #header2 ul.menu li:hover > a:after, #header2 ul.menu li:focus > a:after,
#header2 ul.menu li .menu-sub li.active > a:after, #header2 ul.menu li .menu-sub li:hover > a:after, #header2 ul.menu li .menu-sub li:focus > a:after { background: #ab9866; }
#header2 ul.menu li a { width: auto; position: relative; }
#header2 ul.menu li a:after { content: ''; position: absolute; height: 2px; width: 32px; right: 50%; bottom: -5px; background: transparent; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
#header2 ul.menu li a:focus { border-bottom: none; opacity: 1; }
#header2 .menu-sub { background: #fff; }
#header2 ul.menu li .menu-sub a { width: auto; float: none; padding: 0; }
#header2 ul.menu .menu-sub li { color: inherit; }
.has-sub i.opensub { font-size: 100%; }
#header2 .header-top-left { margin-right: 0; }
#header2 #header-left img { width: 52px; }
#header2 .header-top-left svg, #header2 ul.menu .social-links a svg { fill: #001441; }
/*Svg color*/
#header2 .header-top-left a { width: 30px; height: 30px; background: #ededed; text-align: center; margin-right: 10px; }
#header2 .header-top-left a svg { width: 16px; height: 16px; }
#header2 .header-top-left a:last-child { margin-right: 0; }
#header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg { fill: #ab9866; }
#header2 .header-top .address { margin-left: 15px; }

/*Top Banner*/
#home-gallery .gallery-caption { top: 45%; }
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .slides .slider-item:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.2); pointer-events: none; }
#home-gallery .flex-control-paging li a { background: #fff; border: 2px solid transparent; }
#home-gallery .flex-control-paging li a.flex-active { background: none; border-color: #fff; }
#home-gallery .scroll-down:after { content: ''; position: absolute; width: 29px; height: 37px; background: url(../../../warehouse/temp/asianDeliImgs/scrollDownIcon.png); background-size: cover; background-position: center center; background-repeat: no-repeat; right: 50%; bottom: 0; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); pointer-events: none; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { height: 45px; opacity: 0; }
#home-gallery .gallery-caption .gallery-text { font-size: 325%; font-family: "futura-pt",sans-serif; text-shadow: 0px 0px 20px rgba(0, 0, 0, 1) }

/*About Section*/
.home-page .grid-text-content { padding: 0; }
.home-page .grid-text-section.aboutSec { overflow: hidden; }
.home-page .grid-text-section.aboutSec:after, #GridPage:after { content: ''; position: absolute; width: 450px; height: 310px; top: 80px; left: 150px; pointer-events: none; background: url(../../../warehouse/temp/asianDeliImgs/aboutDecoTL.png); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, 50%); }
.home-page .grid-text-section.aboutSec img { max-width: 500px; margin-top: 10px; margin-bottom: 30px; }

/*Menu Section*/
.grid-text-section.menuTxtSec { padding-top: 100px; }
.grid-text-section.menuTxtSec:after, #GridContent:after { content: ''; position: absolute; width: 510px; height: 305px; top: 100px; right: 100px; pointer-events: none; background: url(../../../warehouse/temp/asianDeliImgs/aboutDecoBR.png); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
.grid-text-section.menuTxtSec .grid-text-content { max-width: 515px; }

/*Menu Icons Section*/
.home-page .grid-content-section { max-width: 1015px; padding: 50px 0 0 0; }
.grid-boxes .grid-box-image { padding-bottom: 160px; margin-bottom: 15px; border-radius: 50%; border: 6px solid #162546; }
.grid-boxes .box-image-animation img { border-radius: 50%; }
.grid-boxes .grid-box { width: 204px; padding: 0 16px; margin-bottom: 40px; }
.grid-boxes .grid-box-title h3 { font-size: 120%; margin-bottom: 0; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
.grid-boxes .grid-box-title h3 a:hover, .grid-boxes .grid-box-title h3 a:focus { text-decoration: underline; }

/*Services Section*/
.home-page .grid-row-section { padding: 60px 0 100px; }
.grid-rows .grid-row-text h2 { max-width: 240px; margin-bottom: 0; }
.grid-rows .grid-row-text h2:after { margin-bottom: 20px; margin-top: 20px; }
.grid-row li.slider-item { overflow: visible; }

.grid-rows .grid-row:nth-child(odd) li.slider-item .grid-row-image-container:after { content: ''; width: 400px; height: 390px; position: absolute; top: 50px; left: -80px; background: url(../../../warehouse/temp/asianDeliImgs/servicesDecoTL.png); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, 50%); pointer-events: none; z-index: -1; }
.grid-rows .grid-row:nth-child(even) li.slider-item .grid-row-image-container:after { content: ''; position: absolute; width: 400px; height: 390px; bottom: -50px; right: -70px; background: url(../../../warehouse/temp/asianDeliImgs/servicesDecoBR.png); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); pointer-events: none; z-index: -1; }

.grid-rows .grid-row-text { text-align: center; background: #1a2848; padding: 0 30px; }
.grid-rows .grid-row-text a.grid-row-button { color: #fff; }

/*Gallery Section*/
.gallery-container { max-width: 1410px; margin: 0 auto; padding: 0 8px; }
.grid-gallery-section .section-title { margin-bottom: 40px; }
.grid-gallery-section .section-title h2 { font-family: "futura-pt",sans-serif; font-size: 225%; }
.grid-gallery-section .section-title h2:after { content: none; }
.gallery-cubes > div { padding: 8px; }

/*Footer*/
footer { padding-top: 100px; }
.footer-text-divided { font-size: 105%; padding: 35px 0; background-color: #000527; background-image: url(../../../warehouse/temp/asianDeliImgs/footerLogoBg.png); background-size: 600px; background-position: center center; background-repeat: no-repeat; }
.footer-text-divided > div.footer-text-right p { font-size: 100%; }
span.footerLine { color: #988656; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
#SiteFooter .st0 { fill: #fff; }
#SiteFooter a.AccessabilityLink:hover, #SiteFooter a.AccessabilityLink:focus { color: #fff; }
#accessability h2:after { content: none; }
#SiteFooter .footer-address { display: none; }

/*Inner Pages*/
#GridContent { position: relative; }
#GridContent:after { top: 20%; z-index: -1; }
#GridPage { position: relative; overflow: hidden; }
#GridTop:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.3); pointer-events: none; }
#GridPage, .home-page .grid-text-section.aboutSec { padding-top: 90px; }
#GridPage .max-width { padding: 0 15px; }
.home-page .grid-text-content { max-width: 720px; }
#text1, #text2, #lobbyText { max-width: 800px; }
#headline { margin-bottom: 0; }
.modal .close svg { width: 30px; height: 30px; vertical-align: middle; }
.internalPage #subheadline { display: none; }
.internalPage .gallery-container { margin-top: 10px; }

/*About Page*/
#galleryview { max-width: 100%; }

/*Menu Page*/
.categories-strip ul, .categories-strip { color: #fff; background: #1a2848; }
.categories-strip ul li { font-size: 100%; }
.categories-strip ul li a:focus { text-decoration: none; }
#MenuModule .menuModuleNav a { font-size: 115%; color: #fff; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { color: #ab9866; }
.menuModuleContentPart { border: none; background: #fff; color: #101d49; margin-bottom: 0; }
.menuModuleContentPart:after { content: none; }
.menuModuleTextItemPrice, .menuModuleTextItemTitle { color: inherit; }
h2.menuModuleTextItemSubjectTitle:after { content: none; }
.menuModuleTextItemSubject { color: #ab9866; font-size: 200%; margin-bottom: 20px; }
.menuModuleTextItemSubjectDescription { font-weight: bold; font-size: 21px; color: #101d49; }
.menuModuleTextItemTitle { font-weight: bold; font-size: 105%; }
.menuModuleTextItemPrice { font-size: 95%; color: #89724e; }
.menuModuleTextItemPrice:before { content: none; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #89724e; }
.menuModuleTextItemDescription { color: #101d49; font-size: 100%; }
.menuModuleTextItemTitle, .menuModuleTextItemDescription { width: 93%; }
svg.spicyIcon /*, span.menuIcon.spicyIconWrapper svg*/ { fill: #d80f0f; }

/*Media Page*/
#ContentGridReadMoreModule #pageview { margin-bottom: 20px; }
#gridshort-view-media { text-align: center; }
#gridshort-view-media > div .grid-short-box { background: #192847; margin-bottom: 30px; color: #fff; }
#gridshort-view-media > div .grid-short-box:hover, #gridshort-view-media > div .grid-short-box:focus { background: #000527; }
.grid-short-box.box .grid-short-box-text { color: #fff; }
.grid-short-box.box .grid-short-box-subtitle { border-bottom: 1px solid #ab9866; }
#gridshort-view-media .grid-short-box-label { line-height: 1; }
.mediaPage .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; }
.mediaPage .owl-carousel .owl-item .item { padding: 0; }
.mediaPage .owl-carousel .owl-item .item:hover .plus-sign { display: none; }
.mediaPage .GridBottomGallery { padding-bottom: 0; }

/*Contact Page*/
.contactPage footer { padding-top: 0; }
.contactPage #GridPage .max-width { padding: 0; }
.contactPage #contactDetails { font-size: 100%; }
.contactPage #contactDetails .contactDetailsText1 { font-size: 100%; line-height: unset; margin-top: 0; }
.contactPage .contactDetailsText1 a:hover, .contactPage .contactDetailsText1 a:focus { text-decoration: underline; color: inherit; }
#contactDetails .contactDetailsText1 h2:after { content: none; }

#contactview.max-width-center { max-width: 970px; padding: 0 15px; }
.contact-form-wrap { padding: 0; }
#contactform { margin-bottom: 60px; border: none; }
#contactform h3 { margin: 0; }
#contactform .contact-container { width: 100%; }
#contactform textarea { margin: 0 0 10px 0; }
#contactform .contact-form-submit { text-align: center; margin-bottom: 0; }
#contactform .contact-form-comment { font-size: 85%; margin-bottom: 0; }
#contactform .contact-container .row > div { padding: 0 10px; }

#ContactModule #map-section #map-holder { margin-bottom: 0; }
#map-section .map-cover { background: #1a2848; }
#map-section #map-holder .overlay { background: rgba(0,0,0,.5); }
#map-section .map-cover:after { content: none; }
#map-section .map-cover .open-map { height: 40px; font-size: 105%; line-height: 40px; padding: 0 10px; border-radius: 0; }
#map-section .map-cover h4 { margin-top: 0; }
#map-section .map-cover .open-map { background: none; border: 1px solid #fff; color: #fff; }
#map-section .map-cover .open-map:hover, #map-section .map-cover .open-map:focus { color: #001441; background: #fff; }

@media(min-width: 1025px) {
    #header2 ul.menu { padding: 14px 0; }
    #header2 #header-left { width: 52px; height: 65px; position: absolute; right: 70px; top: -3px; }
    #header2 .header-top { position: absolute; width: auto; top: 5px; left: 70px; }
    #header2 .menu-sub { right: 40%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }

    .grid-rows { max-width: 1000px; }
    .grid-row { max-width: 940px; margin: 0 auto; }
    .grid-rows .grid-row:nth-child(odd) { margin-left: 7%; }

    .footer-text-divided > div.footer-text-left { padding-left: 100px; }
    .footer-text-divided > div.footer-text-right { padding-right: 100px; }

    .menuModuleContentPart { padding-right: 110px; padding-left: 110px; }

    .mediaPage .owl-carousel .owl-item .item { height: 600px; }
    .mediaPage .owl-carousel .owl-item img { height: 600px; object-fit: cover; }
}

@media(min-width: 991px) {
    .grid-rows .grid-row-text { height: 400px; width: 355px; }

    .grid-row .grid-row-cell.grid-row-cell-text { height: 400px; }
    .grid-rows .grid-row:nth-child(odd) { margin-right: 12%; }
    /*.grid-rows .grid-row:nth-child(even) {margin-right: 8%;}*/
    .grid-rows .grid-row:nth-child(even) { margin-right: -4%; }
}

@media(min-width: 768px) {
    #DynamicFormObject input[type=submit] { width: 140px; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.333%; }

    .menuModuleTextItemPart.test2:after { right: 20px; }

    .grid-rows .grid-row-text { display: flex; display: -webkit-box; display: -ms-flexbox; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
    .grid-rows { margin: 0 auto; }
    .grid-rows .grid-row-text p { max-width: 286px; }
    .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; margin-bottom: 100px; }
    .grid-rows .grid-row:nth-child(even) { direction: rtl !important; margin-bottom: 100px; /*margin-right: -4%;*/ }
    .grid-rows .grid-row:last-child { margin-bottom: 0; }
    .eventsPage .grid-rows .grid-row:after { content: ''; position: absolute; width: 56px; height: 100%; top: 0; left: -60px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background-size: cover; background: url('../../../warehouse/temp/gray/musicCaption.png'); background-position: center; background-repeat: no-repeat; }
    .grid-row-cell.flexslider-box { width: 100%; max-width: 795px; display: block !important; margin: 0 auto; }
    .grid-row .grid-row-cell.grid-row-cell-text { width: auto; position: absolute; }
    .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { right: -9.5%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { left: -9.5%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .grid-row li.slider-item { padding-bottom: 525px }

    /*.categories-strip ul li.strip-item.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus {background: rgba(171, 152, 102, 0.8); }*/
    .categories-strip ul li.strip-item.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus { background: none; color: #ab9866; }

    #contactform { padding: 60px; }
}

@media(min-width: 1025px) and (max-width: 1400px) {
    #header2 .header-top { left: 10px; }
    #header2 #header-left { right: 10px; }
    #header2 ul.menu li { font-size: 100%; margin-left: 20px; }
}

@media(min-width: 991px) and (max-width: 1280px) {
    .grid-rows { width: 75%; }
    .eventsPage .grid-rows .grid-row:after { left: -5px; }
    .grid-rows .grid-row:nth-child(even) { margin-right: -7%; }
}

@media(max-width: 1170px) {
    .grid-rows .grid-row-text { margin-top: 0; }
}

@media(max-width: 1024px) {
    #header2 { padding: 0; }
    #header2 .max-width { width: 100%; }
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; }
    #header2.open #nav-toggle span:after, #header2.open #nav-toggle span:before, #header2.open #nav-toggle-mobile span:after,
    #header2.open #nav-toggle-mobile span:before { background: #fff; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #212327; }
    #header2 ul.menu { width: 100vw; height: 100vh; margin-bottom: 0; background-color: #001033; background-image: url(../../../warehouse/temp/asianDeliImgs/aboutDecoBR.png); background-size: 70vw; background-position: bottom right; background-repeat: no-repeat; }
    #header2 .menu-sub { background: transparent; padding: 10px 0; }
    #header2 ul.menu .menu-sub li { font-size: 80%; }
    #header2 ul.menu li { margin-left: 0; color: #fff; }
    #header2 ul.menu li.active, #header2 ul.menu li:hover, #header2 ul.menu .menu-sub li:hover { color: #fff; }
    #header2 ul.menu li.active { background: none; }
    #header2 ul.menu li.has-sub > a { margin-right: 30px; }
    #header2 .header-right-section { background: none; padding: 20px 20px 20px 0; }
    #header2 #header-left { width: 70px; padding: 10px 0 10px 20px; }
    #header2.open #header-left { opacity: 0; pointer-events: none; }
    #header2 ul.menu .social-links a svg { width: 30px; height: 30px; fill: #fff; }
    #header2 ul.menu li a:after { height: 3px; width: 40px; bottom: -10px; }

    /*Footer*/
    .footer-text-divided { background-size: 50vw; }
}

@media(min-width: 991px) and (max-width: 1024px) {
    .grid-rows .grid-row:nth-child(odd) .box-image-animation img, .grid-rows .grid-row:nth-child(even) .box-image-animation img { height: auto !important; }
    .grid-rows .grid-row:nth-child(odd) .box-image-animation img { margin-left: -25%; }
    .grid-rows .grid-row:nth-child(even) .box-image-animation img { margin-right: -25%; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    #DynamicFormObject .must:before { right: 14px; }

    #header2 ul.menu { padding-top: 130px; }
    #header2 ul.menu li { font-size: 190%; }

    #home-gallery:not(.video-slider) button.controlSlider { left: auto !important; }

    .categories-strip ul li { font-size: 105%; }
}

@media(max-width: 990px) {
    .section-title h1, .section-title h2, .home-page .grid-text h2, .grid-rows .grid-row-text h2, #headline { font-size: 200%; }

    /*Top Banner*/
    #home-gallery .gallery-caption .gallery-text { font-size: 280%; }

    /*About Section*/
    .grid-text-section.menuTxtSec { padding-top: 50px; }
    .home-page .grid-text-section.aboutSec:after, #GridPage:after { width: 320px; height: 230px; left: 20px; }

    /*Menu Section*/
    .grid-text-section.menuTxtSec:after, #GridContent:after { width: 302px; height: 180px; right: 10vw; top: 50px; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }

    /*Menu Icon Section*/
    .home-page .grid-content-section { width: 95%; }
    .grid-boxes .grid-box { width: 170px; padding: 0 10px; margin: 0 0 30px 0; }
    .grid-boxes .grid-box-image { padding-bottom: 138px; }

    /*Services Section*/
    .home-page .grid-row-section { padding: 40px 0 50px; }
    /*.grid-rows { padding-bottom: 50px;}*/
    .grid-rows .grid-row:nth-child(odd) li.slider-item .grid-row-image-container:after { width: 260px; height: 270px; top: 30px; left: -50px; }
    .grid-rows .grid-row:nth-child(even) li.slider-item .grid-row-image-container:after { width: 260px; height: 270px; bottom: 0; right: -50px; }

    /*Footer*/
    footer { padding-top: 50px; }
    .footer-text-divided > div { vertical-align: middle; }

    /*Inner Pages*/
    #GridPage, .home-page .grid-text-section.aboutSec { padding-top: 50px; }
    #GridContent:after { top: 25%; }

    /*Menu Page*/
    .menuModuleTextItemSubject { font-size: 130%; }
}

@media (min-width: 768px) and (max-width: 990px) {
    .home-page .grid-text-content, #text1, #text2, #lobbyText { width: 70% }

    .grid-row { max-width: 80%; margin: 0 auto; }
    .grid-rows .grid-row-text { width: 350px; padding: 30px 30px; }
    .grid-row .grid-row-cell.grid-row-cell-text { height: auto; }
    .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { right: -10%; }
    .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { left: -10%; }

    /*.sitesPage*/ .grid-rows .grid-row:nth-child(odd), /*.sitesPage*/ .grid-rows .grid-row:nth-child(even) { margin-bottom: 30px; }
    /*.sitesPage*/ .grid-row-cell.flexslider-box { display: block !important; }
    /*.sitesPage*/ .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text, /*.sitesPage*/ .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { position: relative; display: block !important; width: 100%; right: auto; left: auto; top: -50px; transform: none; -webkit-transform: none; }
    /*.sitesPage*/ .grid-rows .grid-row-text { width: 90%; }
    /*.sitesPage*/ .grid-row li.slider-item { padding-bottom: 400px; }
    .home-page .grid-row-section .box-image-animation img { width: 100%; height: 100% !important; object-fit: cover; }

    .footer-text-divided > div.footer-text-right { padding-right: 80px; }
    .footer-text-divided > div.footer-text-left { padding-left: 80px; }

    #contactform .contact-container .row > div:not(.textareaWrapper) { width: 33.333%; }
}

@media(max-width: 767px) {
    h1:after, h2:after { margin-bottom: 20px; }

    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
    .form-container-wide #DynamicFormObject, #contactform { padding: 40px 20px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 14px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 15px; }
    #DynamicFormObject input[type=submit], .normal-form input[type=submit] { width: 100%; }

    /*Header*/
    #header2 .phone-icon { top: 25px; left: -45%; }
    #header2 .phone-icon a { color: #212327; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 .header-right-section { padding: 10px 20px 10px 0; }
    #header2 #header-left { width: 130px; display: inline-block; float: left; padding: 10px 0 10px 10px; }
    #header2.open #header-left, #header2.open .phone-icon { opacity: 0; pointer-events: none; }
    #header2 ul.menu { padding-top: 50px; }
    #header2 ul.menu li { font-size: 135%; }
    #header2 #header-left img { max-width: 55px; }
    #header2 ul.menu .social-links a svg { width: 23px; height: 23px; }
    #header2 ul.menu { overflow: auto; }

    /*Top Banner*/
    #home-gallery .gallery-caption { width: 90%; top: 45%; text-align: center; }
    #home-gallery .gallery-caption .gallery-text { white-space: unset; font-size: 230%; line-height: 1; }
    #home-gallery .gallery-logo img { min-width: 250px; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 20%; }
    #home-gallery .scroll-down { bottom: 11%; }
    .iconsBoxLeft, button.controlSlider { bottom: 8%; }
    #home-gallery .iconBox img { max-width: 85px; }

    /*About Section*/
    .grid-text-section .section-title { margin-bottom: 0; }
    .grid-text-section .section-title h1 { max-width: 260px; }
    .home-page .grid-text-section.aboutSec img { max-width: 90%; margin-bottom: 15px; }

    /*Menu Icons Section*/
    .home-page .grid-content-section .grid-box.col-xs-6 .grid-box-title h3 { font-size: 120%; }
    .box-image-animation { overflow: visible; }
    .grid-boxes .grid-box-image { border: none; padding-bottom: 150px; overflow: visible; }
    .grid-boxes .box-image-animation img { border: 6px solid #162546; }

    /*Services Section*/
    .home-page .grid-row-section { padding-bottom: 30px; }
    .grid-rows .grid-row { margin-bottom: 20px; }
    .grid-rows .grid-row-text h2 { /*font-size: 140%;*/ max-width: unset; margin-bottom: 0; }
    .grid-rows .grid-row:last-child { margin-bottom: 0; }
    .grid-rows .grid-row-text { width: 90%; padding: 35px 20px; margin-top: -2px; }
    .grid-row-cell.flexslider-box { margin-bottom: -2px; }
    .grid-rows .grid-row:nth-child(odd) li.slider-item .grid-row-image-container:after,
    .grid-rows .grid-row:nth-child(even) li.slider-item .grid-row-image-container:after { content: none; }
    .grid-row .grid-row-cell.grid-row-cell-text { top: -40px; z-index: 10; }
    .grid-boxes .grid-box .grid-box-title h3 { font-size: 130%; }
    /*Media Page*/
    #gridshort-view-media > div { width: 75%; display: inline-block; float: none !important; }

    /*Gallery Section*/
    .grid-gallery-section .section-title { margin-bottom: 20px; }
    .grid-gallery-section .section-title h2 { font-size: 180%; }

    /*Footer*/
    #SiteFooter { padding-bottom: 45px; }
    #SiteFooter .footer-text-divided > div.footer-text-middle img { max-width: 65px; }
    #SiteFooter .mobile-seperator { font-size: 87%; }
    #SiteFooter .mobile-seperator a { padding: 10px 0; }

    /*Inner Pages*/
    #text1, #text2, #lobbyText { width: 95%; }

    /*Menu Page*/
    .mobile-strip span, .mobile-strip:after { color: #ab9866; }
    .menuModuleContentPart { z-index: 1; }

    /*Media Page*/
    .mediaPage .owl-carousel .owl-item img { height: 230px; object-fit: cover; }

    /*Contact Page*/
    .contactPage #contactDetails .contactDetailsText1 { margin-bottom: 50px; }
    #contactform .contact-form-comment { margin-top: 20px; }

    #home-gallery .gallery-caption { top: 38%; }

    #home-gallery .gallery-logo img { min-width: unset; max-width: 180px; }
    #header2 .phone-icon { top: 11px; }
}

@media(max-width: 320px) {
    #header2 ul.menu { padding-top: 70px; }
    #header2 .phone-icon { left: -75%; }

    .iconsBoxLeft { bottom: 10%; }

    .home-page .grid-content-section { width: 100%; }

    .grid-boxes .grid-box { width: 150px; }
    .grid-boxes .grid-box-image { padding-bottom: 118px; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #header2 .header-top { left: 30px; }
    #header2 .menu-nav {width:90%;}
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
}


@media (max-width: 767px) {
    /* 25.6.24 mobile animations fix */
    .section-animation-item { margin-top: 100px !important; opacity: 0 !important; transition: 0.7s all ease !important; animation: unset !important; }
    .section-animation-item.up { margin-top: 0px !important; opacity: 1 !important; }
}
