@media screen and (max-width: 1700px) {
   
}


@media screen and (max-width: 1599px) {
    .loc-box{width: 83%;}
    .world-class-row .text-box .ups-wrap dt{font-size: var(--px-24);}

}


@media screen and (max-width: 1279px) {
    .nav-bar{column-gap: var(--px-24);}
    .page-wrapper-inner{width: 80%;}
    .enq-sticky-box{width: 20%;}
    .sticky-box{right: 20%;}
    .mid-container{width: 90%;}
    .banner-form{right: 9%;}
    .world-class-row{padding-right: 5%;grid-template-columns: 47% auto;column-gap: var(--px-32);}
    .sl-section .sl-container{column-gap: var(--px-24);}
    .loc-box .loc-row {padding: var(--px-12) 0;}
    .ft-container{width: 60%;column-gap: var(--px-40);}
    .spaces-slide .left-box .content-box .left-bottom{column-gap: var(--px-40);}
    .banner-form dl{border-radius: var(--px-6);}
    .banner-content{width: 38%;bottom: 10%;}

}

@media screen and (max-width: 1023px){
    .ft-container {width: 65%;}
    .tab-box dl dd, .tab-btn-row button[data-tab] span{font-size: var(--px-20);}
    .tab-btn-row button[data-tab]{grid-template-columns: auto var(--px-200);}
    .tab-box dl{padding: var(--px-18) var(--px-8);}
    /* .banner-form{width: 30%;right: 5%;} */
    .banner-form{margin: var(--px-20) auto 0;}
    .banner-content {bottom: 5%;}
    .nav-bar{column-gap: var(--px-12);}
    .nav-bar a{font-size: var(--px-16);}
    .enq-sticky-box .enq-head a, .enq-sticky-box .enq-head .enq-btn{font-size: 8px;}

}

@media screen and (max-width: 700px){
    .page-wrapper-inner, .enq-sticky-box {width: 100%;}
    .mid-container{width: 94%;}
    p, .world-class-row .text-box .ups-wrap dd{font-size: var(--px-20);}
    .enq-sticky-box{bottom: 0;opacity: 0;transform: translateY(100%);transition: transform 1s linear;}
    .menu-btn, .close-btn{display: block;}
    .menu-btn{width: var(--px-36);}
    .close-btn{width: var(--px-24);position: absolute;right: 5%;top: 2%;}
    .enq-sticky-box.active{opacity: 1;transform: translateY(0);z-index: 99;}
    .enq-sticky-box .enq-head a, .enq-sticky-box .enq-head .enq-btn {font-size: var(--px-20);padding: var(--px-16) var(--px-6);}
    .sticky-box{right: auto;width: 100%;bottom: 0;left: 0;top: auto;transform: none;z-index: 999;}
    .sticky-box a{margin: 0;height: 36px;display: flex;justify-content: center;}
    .sticky-box .desk{display: none;}
    .sticky-box .mob{display: grid;grid-template-columns: 70% 15% 15%;height: 36px;}
    .sticky-box a img{height: 100%;object-fit: cover;}
    .sticky-box a:first-child{background: #8b6536;}
    .sticky-box a:nth-child(2){background: #977f5b;}
    .sticky-box a:last-child{background: #29a71a;}
    .banner-form{position: static;width: 100%;}
    .world-class-row{grid-template-columns: 1fr;row-gap: var(--px-32);padding-right: 0;}
    .world-class-row .text-box{padding: 0 5%;}
    .walk-through-row p{width: 100%;}
    .video-row{column-gap: var(--px-12); width: 100%;}
    .presenting-section p{width: 100%;}
    .presenting-section .tab-box{grid-template-columns: repeat(2, 1fr);}
    .presenting-section .tab-box dl{grid-column: auto !important;padding: var(--px-18);justify-content: flex-start;}
    .spaces-slide{grid-template-columns: 1fr;row-gap: var(--px-12);display: block;}
    /* .spaces-slide .right-box{grid-template-columns: 1fr 1fr;column-gap: var(--px-12);}
    .spaces-slide .left-box .content-box{bottom: 10%;width: 90%;}
    .spaces-slide .left-box .content-box .left-bottom{column-gap: var(--px-12);margin-top: var(--px-24);}
    .spaces-slide .left-box .content-box{width: 96%;}
    .spaces-slide .left-box .content-box .left-head h3{margin-top: var(--px-8);} */
    .spaces-slide .right-box{display: block;}
    .spaces-sm-slider .space-slide{margin: 0 var(--px-6);}
     .spaces-sm-slider{margin: 0 calc(var(--px-6) * -1);}
    .slick-dots {margin-top: var(--px-8);margin-bottom: var(--px-8);}
    .family-row{grid-template-columns: 1fr;margin-left: 0;margin-right: 0;}
    .family-row .content-box{margin: 0;margin-top: var(--px-24);}
    .family-row .content-box a{margin-top: var(--px-40);}
    .sl-section .sl-container{grid-template-columns: 1fr 1fr;column-gap: var(--px-16);}
    .sl-section figure:nth-child(2n) {margin-top: var(--px-32);}
    .location-section .mid-container{grid-template-columns: 1fr;}
    .loc-box {margin-top: var(--px-20);width: 100%;}
    .witness-section .witness-container{display: block; margin-top: var(--px-24);}
    .witness-section .witness-container .img-box{margin: var(--px-8)}
    .about-container{grid-template-columns: 1fr;padding-right: 0;margin: 0 auto;}
    .about-section{padding-bottom: var(--px-52);}
    .ft-container{grid-template-columns: 1fr;width: 52%;}
    .divider{height: 1px;margin: var(--px-24) 0;}
    .ft-bottom-row{column-gap: var(--px-18);}
    .ticker{padding-right: 0;text-align: center;font-size: var(--px-16);}
    .nav-bar{position: fixed;top: 0;right: 0;width: 70%;height: 100vh;background: #000;z-index: 99;display: block;padding: var(--px-32);padding-top: var(--px-44);transform: translateX(100%);opacity: 0;transition: transform .5s linear;}
    .nav-bar.active{transform: translateX(0);opacity: 1;}
    .nav-bar a{color: #fff;display: block;font-size: var(--px-20);padding: var(--px-20) 0;border-bottom: solid 1px rgba(255, 255, 255, 0.3);}
    .header .container{padding: 0;}
    .logo {width: 120px;}
    .world-class-row .text-box .ups-wrap{grid-template-columns: auto auto;}
    .map-section .btn-row{text-align: left;width: 100%;}
    .map-section .btn-row:before{content: none;}
    .thankyou-content .wrapper-2 h1 {font-size: 48px;}
    .tab-btn-row button[data-tab] i{display: none;}
    .tab-btn-row button[data-tab] {grid-template-columns: 1fr;padding: var(--px-8);}
    .walk-through-row .heading02, .presenting-section .heading02, .design-row .heading02, .location-content .heading02{width: 90%;}
    .sl-section .heading02, .witness-section .heading02{width: 70%;}
    .location-map{margin-left: 0;}
    .banner-form dl{font-size: var(--px-18);padding-top: var(--px-16);}
    .video-row {margin-top: var(--px-28);}
    .walk-through-row {margin-top: var(--px-60);}
    .tab-btn-row{column-gap: var(--px-8);}
    .sea-all{margin-top: var(--px-40);}
    .sl-section .sl-container {margin-top: var(--px-40);}
    .sl-section figcaption{font-size: var(--px-18);padding: var(--px-16) var(--px-12);}
    .social-box{width: 24px;}
    .page-wrapper{padding-bottom: 36px;}
    .enq-sticky-box{padding-bottom: var(--px-36);}
    .enq-sticky-box h4 {margin-top: var(--px-20);font-size: var(--px-28);}
    .enq-sticky-box p{font-size: var(--px-20);line-height: 1;}
    .enq-sticky-box .enq-box {padding: var(--px-32) var(--px-28);}
    .enq-sticky-box .form-box .tc-box span {font-size: var(--px-16);line-height: 1.2;}
    .enq-sticky-box .form-box .tc-box {margin-top: var(--px-20);}
    .enq-sticky-box .call-bk .rcb-btn{font-size: var(--px-18);}
    .enq-sticky-box .call-bk{grid-template-columns: var(--px-200) 28px;}
    .enq-sticky-box .form-box .sub-btn{margin-top: var(--px-20);}
    .left-box .spaces-lg-slider .spaces-desk-img{display: none;}
    .left-box .spaces-lg-slider .spaces-mob-img{display: block;}
    .dekstop-banner{display: none;}
    .mobile-banner{display: block;}


}


@media screen and (max-width: 479px){
    .banner-content{position: static;width: 100%;margin-top: -22%;}
    .hero-section .heading01{width: 80%;margin: 0 auto;}
   
}