/**Joy Garden**/
@import url("https://p.typekit.net/p.css?s=1&k=dth4ztw&ht=tk&f=28112&a=16823177&app=typekit&e=css");

@font-face {
font-family:"boucherie-sans-inline";
src:url("https://use.typekit.net/af/af0ee3/00000000000000003b9ada50/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/af0ee3/00000000000000003b9ada50/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/af0ee3/00000000000000003b9ada50/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
} 
 /*font-family: "boucherie-sans-inline",sans-serif;*/

body {font-size: 20px; color: #232323; background: url(../../../warehouse/temp/joyGarden/siteBG.jpg); background-position: center center; 
    font-family: FbAdrenalin-Regular, BarlowRegular !important;}
.section-title h1, .section-title h2, .home-page .grid-text h2, #headline { font-size: 250%; font-weight: bold;}
#headline h1 { font-weight: bold;}
.section {position: relative; margin-bottom: 0; padding: 0;}
.row {margin: 0;}
.grid-rows .grid-row {background: none;}
p, .home-page .grid-content-section .section-title h3, ul.accessability-list {font-size: 85%;}
.grid-text p {margin-top: 0; line-height: 1.76;}
#allSectionsWrapper {z-index: 1;}

/*General Transition*/
.grid-text .sec-button, a, #DynamicFormObject input[type=submit], svg, #header2 ul.menu li a:after, .categories-strip ul li {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 {width: 145px; height: 45px; font-size: 85%; line-height: 44px;
    border: none; border-radius: 0; padding: 0; text-align: center;}
#DynamicFormObject input[type=submit] { height: 47px; font-size: 85% !important; line-height: 43px; 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] {background: #00A2AE; 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 {background: #232323; color: #fff; border: none;}
.grid-text .sec-button { margin-top: 30px;}

/*General Form Styles*/
#SiteGrid.layout-bottom #GridPromo {padding-top: 70px;}
.form-container-wide #DynamicFormObject { display: block; max-width: 940px; margin: 0 auto; padding: 40px 60px; border:none; color: #404041; box-shadow: 0 3px 66px 0 rgba(0, 0, 0, 0.1); 
    -webkit-box-shadow: 0 3px 66px 0 rgba(0, 0, 0, 0.1);}
.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: #fff;}
.normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%; background: #f2f2f2; color: #404041; border-radius: 0; border: none; 
    font-size: 70%; margin-bottom: 15px; padding-right: 20px; box-shadow: none; -webkit-box-shadow: none; /*border-right: 2px solid #ff0000;*/}
.normal-form input, .normal-form select { height: 40px;}
.normal-form textarea { height: 80px; }
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #404041; }
.must:before {right: 15px;}
#DynamicFormObject:after {content: ''; position: absolute; top: -10px; left: 10px; right: -10px; bottom: 10px; border: 2px solid #000; pointer-events: none; z-index: -1;}
#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;}

/*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: #404041; font-size: 85%; vertical-align: middle;}
#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: #00A2AE;}
#header2 ul.menu li a { width: auto; position: relative;}
#header2 ul.menu li a:after { content: ''; position: absolute; height: 2px; width: 100%; right: 0; bottom: -3px; background: transparent;}
#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-top-left svg, #header2 ul.menu .social-links a svg { fill: #232323;} /*Svg color*/
#header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg { fill: #00A2AE;}
#header2 .header-top .address {display: none;}

/*Top Banner*/
#home-gallery .gallery-caption {top: 30%;}
#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: 28px; height: 45px; background: url(../../../warehouse/temp/joyGarden/scrollDownIcon.png);
    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;}

/*About Section*/
.home-page #allSectionsWrapper {padding-top: 100px;}
.home-page #allSectionsWrapper:after { content: ''; position: absolute; width: 165px; height: 170px; top: 0; left: -82px; pointer-events: none;
    background: url(../../../warehouse/temp/joyGarden/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 {max-width: 700px; margin: 0 auto 100px; padding: 70px 55px; background: #fff; text-align: center;
    box-shadow: 0 -3px 66px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 -3px 66px 0 rgba(0, 0, 0, 0.1);}
.home-page .grid-text-content {width: 100%; padding: 0;}
.home-page .grid-text h2 { /*line-height: 0.8;*/ margin-bottom: 15px;}
.home-page .grid-text h3 {font-weight: bold;}

/*Menu Section*/
.home-page .grid-content-section { max-width: 100%; background: #edecec; margin-bottom: 0; padding: 100px 0 90px;}
.home-page .grid-content-section:after { content: ''; position: absolute; width: 190px; height: 199px; top: -10px; right: 70px; pointer-events: none;
    background: url(../../../warehouse/temp/joyGarden/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%);}
.home-page .grid-content-section .section-title { margin-bottom: 35px;}
.home-page .grid-content-section .section-title h3 { margin: 15px 0 0 0;}
.grid-boxes { max-width: 1140px; margin: 0 auto;}
.grid-boxes .grid-box-image {overflow: visible; margin-bottom: 15px;}
.grid-boxes .grid-box-image-container { z-index: 1;}
.grid-boxes .grid-box-image:after { content: ''; position: absolute; top: -10px; left: 10px; right: -10px; bottom: 10px; border: 2px solid #000; pointer-events: none; }
.grid-box-opacity-layer {background: rgba(0,0,0,.3);}
.grid-box-image-text {width: 100%; font-size: 100%; font-family: "boucherie-sans-inline",sans-serif;}
.grid-box-image-text p { font-size: 200%;}
.grid-boxes .grid-box .grid-box-title h3 {font-size: 115%; margin-bottom: 0;} 
.grid-boxes .grid-box-title h3 a { color: #484848;}
.grid-boxes .grid-box-title h3 a:focus, .grid-boxes .grid-box-title h3 a:hover { text-decoration: underline;}

/*Activities Section*/
.grid-row-section { max-width: 1020px; margin: 0 auto; padding-top: 190px;}
.grid-row li.slider-item {overflow: visible;}
.grid-rows .grid-row {margin-bottom: 120px;}
.grid-rows .grid-row:last-child { margin-bottom: 0;}
.grid-rows .grid-row-text { padding: 70px 55px; background: #fff; text-align: center; box-shadow: 0 -3px 66px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 -3px 66px 0 rgba(0, 0, 0, 0.1);}
.grid-rows .grid-row-text h2 { font-size: 200%; font-weight: bold;}

.grid-rows .grid-row:nth-child(odd) li.slider-item:after {content: ''; position: absolute; top: -10px; left: -10px; right: 10px; bottom: 10px;  border: 2px solid #000; 
    pointer-events: none; z-index: -1;}
.grid-rows .grid-row:nth-child(even) li.slider-item:after {content: ''; position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px;  border: 2px solid #000; 
    pointer-events: none; z-index: -1;}

.grid-rows .grid-row:nth-child(odd) li.slider-item .grid-row-image-container:after { content: ''; position: absolute; width: 215px; height: 175px; top: 0; left: 0; 
    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%); 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: 220px; height: 220px; top: 0; right: 0; 
    background: url(../../../warehouse/temp/joyGarden/activitiesImgDecoTR.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;}

/*Gallery Section*/
.grid-gallery-section { margin-top: 115px;}
.owl-carousel .owl-item .topImg { height: 500px;} 
.gallery-cubes>div { padding: 10px;}
.owl-carousel .owl-item a.slide-bg-layer { pointer-events: none;}
.owl-carousel .owl-item .item .plus-sign {display: none;}
.owl-carousel .owl-nav div { width: 45px; height: 45px; border-radius: 50%; background: rgba(255,255,255,0.5);}
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 8px; height: 16px; position: absolute;top: 50%; right: 50%; transform: translate(50%, -50%); 
    -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
.owl-carousel .owl-prev:after {background: url('../../../warehouse/temp/joyGarden/arrRight.svg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.owl-carousel .owl-next:after {background: url('../../../warehouse/temp/joyGarden/arrLeft.svg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.owl-carousel .owl-prev { right: 46px;}
.owl-carousel .owl-next { left: 46px;}
.owl-carousel .owl-item img { height: 100%; object-fit: cover;}

/*Footer*/
footer {padding-top: 100px;}
#SiteFooter {position: relative;}
#SiteFooter .footer-address { display: none;}
#SiteFooter:after { content: ''; position: absolute; width: 150px; height: 135px; top: 0; left: 0; pointer-events: none;
    background: url(../../../warehouse/temp/joyGarden/decoFooter.png); background-size: cover; background-position: center center; background-repeat: no-repeat;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#SiteFooter .site-credit.alternative { padding: 10px 0;}
#SiteFooter .st0 {fill: #fff;}
#SiteFooter a.AccessabilityLink:hover, #SiteFooter a.AccessabilityLink:focus {color: #fff;}
.footer-text-divided {background: rgba(55, 173, 181, 0.2); padding: 19px 0;}
.footer-text-divided > div.footer-text-middle p:last-child { margin-top: 15px; font-size: 70%;}

/*Inner Pages*/
#GridPage {padding-top: 90px;}
#GridPage .max-width { padding: 0 15px;}
#GridTop:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.2); pointer-events: none;}
.top-caption {font-size: 350%; font-family: "boucherie-sans-inline",sans-serif; top: 57%;}
#text1, #text2, #lobbyText {max-width: 774px;}
.GridBottomGallery { max-width: 1280px; margin: 0 auto; padding-bottom: 0;}
#subheadline {text-align: center;}
#subheadline h2 {font-size: 130%; margin-bottom: 20px;}
.modal-text #text1 { max-width: 95%; width: 100%; padding: 0 10px; }
.modal .close svg {width: 30px; height: 30px; vertical-align: middle;}
.internalPage .grid-form-section { margin-top: 90px;}

/*About Page*/
.internalPage .grid-row-section { padding-top: 80px;}
.aboutPage .grid-text-section { padding-top: 70px;}
.aboutPage .grid-text-section a:hover, .aboutPage .grid-text-section a:focus { text-decoration: underline; color: inherit;}

/*Menu Page*/
.categories-strip { background: #d1e9ea; color: #231f20; }
.mobile-strip .select-wrapper li.strip-item {color: #231f20;}
.categories-strip ul li { font-size: 85%;}
#MenuModule {max-width: 1000px; margin: 0 auto;}
#MenuModule .menuModuleNav {position: relative; background: #fff; margin-top: 20px; padding: 50px 0 0 0; z-index: 2;}
#MenuModule .menuModuleNav a { font-size: 95%; color: #232323; border-bottom: 2px solid transparent; border-radius: 0;}
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { color: inherit; border-bottom-color: #00A2AE;}
.menuModuleContent { background: #fff; box-shadow: 0 3px 66px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 66px 0 rgba(0, 0, 0, 0.1);}
.menuModuleContentPart {margin-bottom: 0; border: none; padding-top: 30px;}
.menuModuleTextItemPart:after {border-bottom: 1px solid #AAE5E9;}
.menuModuleTextItemSubject {color: #232323; margin-bottom: 30px;}
.menuModuleTextItemSubjectTitle {font-size: 110%; font-weight: bold; margin-bottom: 0;}
.menuModuleTextItemTitle, .menuModuleTextItemPrice { color: #232323; font-size: 85%;}
.menuModuleTextItemDescription { color: #232323; font-size: 70%;}
.menuModuleTextItemPrice:before {font-size: 60%;}
.menuModuleTextItemDescription, .menuModuleTextItemTitle { width: 90%;}

/*Events Page*/
.grid-short-box-image {overflow: visible;}
.grid-short-box-image:after {content: ''; position: absolute; top: -10px; left: 10px; right: -10px; bottom: 10px; border: 2px solid #000; pointer-events: none; z-index: -1;}
.grid-short-box-image img {position: static; object-fit: cover; transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;
    transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1)}
#ContentGridShortModule .grid-short-box-image a:hover img, #ContentGridShortModule .grid-short-box-image a:focus img { transform: scale(1.1); 
    -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
#ContentGridShortModule .grid-short-box-image a {overflow: hidden;}
.grid-short-box .grid-short-box-label { font-size: 115%; color: #484848;}
.grid-short-box-link { color: #484848; font-size: 90%;}
.grid-short-box-link a:hover, .grid-short-box-link a:focus { text-decoration: underline; color: inherit;}

/*Activities Page*/
.activitiesPage .grid-boxes .grid-box-subtitle { color: #000; font-size: 95%;}
.activitiesPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText {display: block; width: 100%; font-size: 160%; padding: 0; margin-bottom: 10px;}
.activitiesPage .grid-content-section {padding: 0;}

/*Media Page*/
#gridshort-view-media { max-width: 1100px; text-align: center;}
#gridshort-view-media > div { padding: 0 12px;}
#gridshort-view-media > div .grid-short-box {background: #d1e9ea;}
#gridshort-view-media .grid-short-box.box .grid-short-box-subtitle {border-bottom: 1px solid #00b1bd; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; 
    -o-transition: all 400ms ease-in-out;}
#gridshort-view-media .grid-short-box.box .text-caption {font-size: 100%;}
#gridshort-view-media .grid-short-box-label,  #gridshort-view-media .grid-short-box.box .grid-short-box-subtitle, 
    #gridshort-view-media .grid-short-box.box .grid-short-box-text { font-size: 95%; color: #232323;}
#gridshort-view-media > div .grid-short-box:hover, #gridshort-view-media > div .grid-short-box:focus { background: #00b1bd;}
#gridshort-view-media > div .grid-short-box:hover .grid-short-box-subtitle, #gridshort-view-media > div .grid-short-box:focus .grid-short-box-subtitle 
    { border-bottom-color: #fff;}

/*Contact Page*/
.contactPage #text1 a:hover, .contactPage #text1 a:focus {text-decoration: underline; color: inherit;}  

@media(min-width: 1025px) {
    #header2 {max-width: 1220px; top: 40px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); padding-top: 21px; 
        padding-bottom: 21px;}
        #header2 ul.menu li { margin-left: 20px;}
    #header2 #header-left { width: 70px; height: 70px; position: absolute; left: 10px; top: -30px;}
    #header2 .header-top { position: absolute; width: auto; top: -13px; right: 30px; }
    #header2 .menu-sub { right: 40%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%);}
    #header2 ul.menu .menu-sub li { padding: 0 18px; font-size: 100%;}
        .menuModuleContentPart { padding-left: 100px; padding-right: 100px; }

}

@media(min-width: 991px){
    /*.home-page*/ .grid-row-cell.flexslider-box { width: 510px;}
    /*.home-page*/ .grid-row li.slider-item {padding-bottom: 580px;}
    /*.home-page*/ .grid-rows .grid-row-text {max-width: 440px; width: 100%;}

    /*.home-page*/ .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { padding-left: 70px;}
    /*.home-page*/ .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { padding-right: 70px;}
}

@media(min-width: 768px) {
    #DynamicFormObject input[type=submit] { width:160px;}
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.333%;}

    .grid-boxes .grid-box, #gridshort-view .flex-row > div { padding: 0 25px;}
    #gridshort-view .flex-row > div { width: 380px;}
    .grid-short-box-image { padding-bottom: 285px;}

    .grid-boxes .grid-box-image { padding-bottom: 285px;}

    .grid-rows .grid-row:nth-child(odd) {direction: ltr !important;}
    .grid-rows .grid-row:nth-child(even) {direction: rtl !important;}

    .home-page .grid-text-section:after { content: ''; position: absolute; width: 255px; height: 260px; top: 40px; right: 5px; pointer-events: none; z-index: -1;
        background: url(../../../warehouse/temp/joyGarden/activitiesDecoTR.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-rows .grid-row:nth-child(odd) .grid-row-cell-text:before {content: ''; position: absolute; top: 95px; right: 5px; width: 255px; height: 260px; 
        background: url(../../../warehouse/temp/joyGarden/activitiesDecoTR.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;}
    .grid-rows .grid-row:nth-child(even) .grid-row-cell-text:before {    content: ''; position: absolute; bottom: 38px; left: -10px; width: 255px; height: 260px; 
        background: url(../../../warehouse/temp/joyGarden/activitiesDecoBL.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;}

    .grid-gallery-section { padding: 0 4%;}

    .categories-strip ul li.strip-item.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus { background: rgba(0, 177, 189, 0.2);}
    .menuModuleTextItemPart.test2:after { right: 20px;}
    .activitiesPage .grid-box .grid-box-fulltext { max-width: 300px; margin: 0 auto;}

}

@media(min-width: 1025px) and (max-width: 1366px) {
    .grid-row-section { width: 75%;}
    .box-image-animation img { height: 100%; object-fit: cover;}
}

@media(max-wdith: 1366px){
    .GridBottomGallery { width: 90%; margin: 0 auto;}
}

@media(min-width: 1170px) and (max-width: 1280px) {
    #header2 ul.menu li { margin-left: 20px;}
}

@media(max-width: 1170px) {
    .grid-boxes { width: 90%;}
}

@media(max-width: 1024px) {
    
    #DynamicFormObject:before { width: 115px; height: 75px; top: -20px; left: 50px;}

    #header2 { padding: 0; }
    #header2 .max-width { width: 100%;}
    #header2 .menu-nav .closed, #header2 .menu-nav .opened {display: none !important; }
    #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: url(../../../warehouse/temp/joyGarden/siteBG.jpg); background-size: cover;
        background-position: center center; background-repeat: no-repeat;}
    #header2 .menu-sub { background: transparent;}
    #header2 ul.menu li { margin-left: 0;}
    #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;}

    .grid-rows .grid-row:nth-child(odd) li.slider-item .grid-row-image-container:after { width: 115px; height: 75px; top: -20px; left: 50px;}
    .grid-rows .grid-row:nth-child(even) li.slider-item .grid-row-image-container:after {width: 110px; height: 110px; top: -15px; right: 30px;}

    .grid-rows .grid-row:nth-child(odd) .grid-row-cell-text:before, .home-page .grid-text-section:after { width: 155px; height: 160px; top: 65px; right: 65px; }
    .grid-rows .grid-row:nth-child(even) .grid-row-cell-text:before { width: 155px; height: 160px; bottom: 35px; left: 70px; }
}

@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 button.controlSlider { left: auto !important;}

    .grid-boxes .box-image-animation img { height: 100% !important; object-fit: cover;}
    .grid-boxes .box-image-animation:hover img { transform: scale(1.1) translate(50%, -50%); -webkit-transform: scale(1.1) translate(50%, -50%); -ms-transform: scale(1.1) translate(50%, -50%);}

    .grid-row-section { width: 95%;}

    #gridshort-view .flex-row > div { width: 33.333%;}

}

@media(max-width: 990px) {
    .section-title h1, .section-title h2, .home-page .grid-text h2, #headline { font-size: 200%;}

    /*About Section*/
    .home-page #allSectionsWrapper { padding-top: 60px;}
    .home-page .grid-text-section {padding: 60px 0;}
    .home-page #allSectionsWrapper:after { width: 115px; height: 120px; left: -57px;}
    .home-page .grid-text-section { margin-bottom: 60px; padding: 30px;}

    /*Menu Section*/
    .home-page .grid-content-section { padding: 50px 0;}
    .home-page .grid-content-section:after { width: 130px; height: 133px; right: 40px;}

    /*Activities Section*/
    .grid-row-section { padding-top: 100px;}
    .grid-rows .grid-row { margin-bottom: 60px;}
    .grid-rows .grid-row-text { padding: 30px;}
    .grid-rows .grid-row-text h2 { font-size: 170%;}

    /*Gallery Section*/
    .grid-gallery-section { margin-top: 50px;}
    .gallery-cubes>div { padding: 7px;}
    .owl-carousel .owl-item .topImg { height: 400px;}
    /*.owl-carousel .owl-item img { height: 100%; object-fit: cover;}*/

    /*Footer*/
    footer {padding-top: 50px;}
    #SiteFooter:after { width: 100px; height: 85px;}
    .footer-text-divided>div.footer-text-middle img { width: 100px; height: 100px;}

    /*Inner Pages*/
    #GridPage {padding-top: 50px;}
    .top-caption {font-size: 200%;}
    .internalPage .grid-form-section {margin-top: 50px;}

    /*Media Page*/
    #gridshort-view-media > div { padding: 0 10px;}
    #gridshort-view-media > div .grid-short-box { margin-bottom: 20px;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .grid-boxes .grid-box, #gridshort-view .flex-row > div { padding: 0 15px;}

    .grid-boxes { width: 95%;}
    .grid-rows .grid-row { width: 95%; margin-left: auto; margin-right: auto;}
    .grid-row li.slider-item { padding-bottom: 440px;}
    .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { text-align: right;}
    .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { text-align: left;}
    .grid-rows .grid-row-text { width: 90%; margin-top: 0;}
    .box-image-animation img { height: auto !important; position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); -webkit-transform: translate(50%,-50%); 
        -ms-transform: translate(50%,-50%);}

    .home-page .grid-text-section, #text1, #text2, #lobbyText { width: 70%}
}

@media(max-width: 767px) {
    #SiteGrid.layout-bottom #GridPromo { padding-top: 70px;}
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block;}
    .form-container-wide #DynamicFormObject { padding: 40px 30px;}
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 14px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {margin-bottom: 15px;}

    /*Header*/
    #header2 .phone-icon { top: 20px; 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: 110px; }
    #header2 ul.menu li { font-size: 115%;}
    #header2 #header-left img { max-width: 55px;}

    /*Top Banner*/
    #home-gallery .gallery-caption { top: 35%;}
    #home-gallery .gallery-logo img { min-width: 250px; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 20%;}
    #home-gallery .scroll-down { bottom: 7%;}

    /*About Section*/
    .grid-text-section .section-title { margin-bottom: 0;}
    .home-page .grid-text h2 { line-height: 1;}

    /*Menu Section*/
    .home-page .grid-content-section .section-title h3 { max-width: 90%; margin: 10px auto 0;}
    .grid-boxes .grid-box { width: 90%; margin-bottom: 60px; }

    /*Activities Section*/
    .grid-rows .grid-row { overflow: hidden;}
    .grid-row-section { padding-top: 0;}
    .grid-row-cell.flexslider-box { width: 90%; display: block !important; margin: 0 auto; float: none !important; padding-top: 70px;}
    .grid-row .grid-row-cell.grid-row-cell-text { padding-top: 40px;}
    .grid-row li.slider-item { padding-bottom: 300px;}
    .grid-rows .grid-row-text { width: 100%; margin-top: -2px;}
    .grid-rows .grid-row-text p { font-size: 85%;}

    /*Gallery Section*/
    .owl-carousel .owl-item .topImg { height: 270px;}
    .owl-carousel .owl-prev { right: 15px; }
    .owl-carousel .owl-next { left: 15px; }

    /*Footer*/
    #SiteFooter .mobile-seperator {font-size: 87%;}
    #SiteFooter .mobile-seperator a { padding: 10px 0;}

    /*Inner Pages*/
    /*About Page*/
    .aboutPage .grid-row-section { padding-top: 60px;}

    /*Media Page*/
    #gridshort-view-media .grid-short-box-label, #gridshort-view-media .grid-short-box.box .grid-short-box-subtitle, 
        #gridshort-view-media .grid-short-box.box .grid-short-box-text { font-size: 80%;}
    #gridshort-view-media > div { width: 75%; display: inline-block; float: none !important;}

    /*Activities Page*/
    .activitiesPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 115%;}
    .activitiesPage .grid-boxes .box-image-animation img { height: 100%; width: 100%; object-fit: cover;}
}

@media(max-width: 360px) {
    #header2 .phone-icon {left: -55%;}
}

@media(max-width: 320px) {
    #header2 ul.menu { padding-top: 70px;}
}