@media screen and (max-width: 1700px) {
    .font-22{font-size: 20px;}
    .theme-btn{font-size: 18px;padding: 8px 27px;}


    .head-logo img{width: 100px}
    .header .head-container{padding: 10px 0;}

    .marquee-section p{font-size: 22px;}

    
    .commute-section .commute-wrapper .acrd-row .acrd-heading:before{width: 85px;height: 85px;}

    .popup-sec .popup-logo{width: 100px;}

    .enq-section .whastapp-box{    width: 60px;height: 63px;}
    .enq-section .call-box {width: 60px;height: 69px;}
    .enq-section .enq-box p{    font-size: 16px;}
    .enq-section .enq-box {height: 60px;
    width: 200px;    transform-origin: 24px 24px;}
    .enq-section{right: -144px;}
    /* .hero-banner-section .banner-text img{width: 85%;} */
    .hero-banner-section .banner-content img{width: 120px;}
    .hero-banner-section .banner-content{padding: 20px 20px 20px 20px;}
    .hero-banner-section .banner-content .mid-box{margin-top: 15px;}
    .hero-banner-section .banner-content .mid-box .mid-row{margin-top: 10px;}
    .hero-banner-section .banner-content .font-18{font-size: 16px; margin-top: 10px;}
    .hero-banner-section .banner-content .theme-btn{margin-top: 10px;}
    .hero-banner-section .banner-content{width: 350px;}
}

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

    p, li{font-size: 14px;}
    .heading02{font-size:30px;}
    .font-22{font-size: 18px;}
    .font-20{font-size: 16px;}
    .theme-btn{font-size: 16px;}
    .header .head-container .header-r-box .navlist li{    font-size: 16px;}

    .marquee-section p{font-size: 18px;}
    .grid-box{gap: 15px;}
    .con-box p{    font-size: 14px;}
    .convenience-grid .con-box i{width: 50px;}
    .con-box{padding: 22px 24px;border-radius: 20px;}
    .amenities-section .amenities-slider .amenities-box p{margin-top: 14px;}
    .amenities-section .amenities-slider .amenities-box{padding: 15px 0;}
    .booking-section .booking-form{gap: 10px;}

    .enq-section .enq-box{margin-top: 136px;}
    .enq-section i{    width: 49px;
    display: block;}
    .enq-section{right: -121px;}

    .update-section .update-wrapper .specification-box{    padding: 30px 30px 60px 30px;}
    .update-section .update-wrapper .specification-box .spec-content p{    margin-top: 24px;}
    .update-section .update-wrapper .specification-box .spec-content{    padding: 0 30px;}
    .project-section .project-tab-head .tab-btn i{width: 35px;}
    .project-section .project-tab-head .tab-btn{    gap: 8px;    border-radius: 8px;    padding: 6px 20px}
    .project-section .content-box .content-wrap{padding: 35px 15px;}
    .commute-section .commute-wrapper .acrd-row{margin-top: 70px;}
    .commute-section .commute-wrapper .acrd-row:before{top: -25px;}
    .commute-section .commute-wrapper .acrd-row .acrd-heading:before{width: 50px;height: 50px;}
    /* .commute-section .commute-inner-box{padding-left: 110px;} */
   .commute-section .commute-wrapper .acrd-row:before{width: 70px; height: 70px;}
   .commute-section .commute-inner-box .acrd-wrap.active:before{left: 35px;height: calc(100% + 88px);}

    .commute-section .commute-inner-box:before{    left: 20px;    width: 3px;   }
    .commute-section .commute-wrapper .commute-r-box{padding-left: 85px;}
    .commute-section{    padding: 55px 0 70px 0;}
    .gallery-section .theme-btn{margin-top: 25px}
    .project-section .btn-wrap .theme-btn{padding: 7px 25px;}
    .hero-banner-section .banner-content{right: 7%;}
    .grid-box h1{font-size: 24px;}
    .matters-sec .heading02{    padding-bottom: 15px;}
    .grid-right p{margin-top: 22px;}
    .amenities-section .amenities-slider .amenities-box img{height: 52px;width: 52px;}
    .about-wrapper{    grid-template-columns: auto 240px;}

    .footer .foot-container .quick-links li{margin-top: 14px;}

    .popup-sec img{width: 30px;}
    .popup-sec h2{margin-top: 22px;font-size: 25px;}
    .popup-sec{width: 370px;padding: 30px 30px;}
    .popup-sec .popup-form-input {margin-top: 30px;}
    .popup-bottom p{font-size: 14px;}
    .popup-bottom{padding-top: 30px;}

        .enq-section .call-box{width: 50px;height: 54px;}
    
    .enq-section .whastapp-box {
        border-radius: 13px 0 0 13px;
        width: 50px;
        height: 54px;}
        .enq-section .enq-box p {
        font-size: 14px;}
        .enq-section .enq-box {
        height: 50px;
        width: 170px;
        transform-origin: 24px 24px;border-radius: 13px 13px 0 0;}
        .enq-section .call-box{margin-top: 13px;border-radius: 13px 0 0 13px;}
    .enq-section .call-box img{    width: 16px;}
    .enq-section .whastapp-box img {
    width: 23px;
}




.update-section .update-box{grid-template-columns: 66.5% 19%;gap: 1.5%;}
    .thankyou-content .wrapper-2 p{font-size: 20px;}
    .commute-section .commute-wrapper .acrd-row li span{    width: calc(100% - 195px);}
    .commute-section .commute-wrapper .acrd-row{padding-left: 110px;}
    .commute-section .commute-inner-box{max-height: 516px;}
    .commute-section .commute-wrapper .acrd-row li:before{top: 6px;}

    .footer .foot-container .logo-box .foot-logo img{width: 100px;}
    /* .hero-banner-section .banner-text img{width: 87%;} */
    .hero-banner-section .banner-content{width: 310px;}
    .hero-banner-section .banner-content{margin-top: 13px;}
    .hero-banner-section .banner-content img{width: 100px;}
    .hero-banner-section .banner-content .mid-box .mid-row{padding: 6px 14px;}
    .hero-banner-section .banner-content .font-18{font-size: 14px;}
    .hero-banner-section .banner-wrap{width: 26%;}
}

@media screen and (max-width: 1300px){
    .commute-section .commute-inner-box{max-height: 480px;}
}



@media screen and (max-width: 1279px) {
    .md-container{    width: 85%}
    .container{width: 90%;}
    .sm-container{    width: 80%}
    p, li{font-size: 12px}
    .font-18{font-size: 16px;}
    .font-22 {font-size: 16px;}
    .hero-banner-section .banner-content img{width: 100px;}
    .hero-banner-section .banner-content .font-18{    margin-top: 14px;}
    .hero-banner-section .banner-content .mid-box{    margin-top: 20px;}
    .hero-banner-section .banner-content .mid-box .mid-row{    padding: 6px 13px;border-radius: 8px;margin-top: 9px;}
    .hero-banner-section .banner-content{padding: 25px 18px 18px 18px;width: 275px;}
        .enq-section .enq-box {
        margin-top: 110px;
    }

    .enq-section {
        right: -102px;
    }

    .booking-section .booking-form{    gap: 10px;padding-left: 9px;}
    .booking-section .booking-l-box h4{font-size: 16px;}
    .booking-section .booking-form .input-box input{border-radius: 7px;}
    .booking-section .booking-l-box p{margin-top: 5px;}

    .matters-content{gap: 25px;}

    .matters-content{grid-template-columns: 45% auto;}
    .grid-box h1{font-size: 20px;}
    .grid-box p{font-size: 11px;margin-top: 7px;}
    .choice-grid{grid-template-columns: 55% auto;}

    .convenience-grid .con-box i{width: 45px;}
    .con-box{padding: 22px 20px;}
    .con-box p {font-size: 12px;gap: 13px;}
    .update-section .update-box{    grid-template-columns: 67% 19%;    gap: 1%;}
    .update-section .update-wrapper .specification-box{padding: 30px 20px 45px 20px;}
    .project-section .btn-wrap .theme-btn{padding: 7px 19px;}
    .project-section .btn-wrap{gap: 4px;}
    .theme-btn{font-size: 14px;}

    .gallery-section .gallery-wrapper .gallery-img{padding: 0 8px;}
    .gallery-section .gallery-wrapper{margin-inline: -8px;}

    .commute-section{padding: 35px 0 70px 0;}
    .about-wrapper{grid-template-columns: auto 200px;}
    .project-section .project-tab-head .tab-btn i{width: 30px}
    .project-section .project-tab-head{    gap: 7px;}
    .project-section .pro-tab-box img{    width: 67%;}
    .marquee-section p {font-size: 14px;}

    .popup-forms input{font-size: 16px;}
    .popup-sec .theme-btn{margin-top: 20px;}

        .enq-section .enq-box{height: 40px;width: 149px;}
        .enq-section .enq-box p {
        font-size: 13px;}
                .enq-section .call-box {
        width: 47px;
        height: 50px;
    }
        .enq-section .whastapp-box {
        width: 47px;
        height: 50px;
            margin-top: 9px;
    }
    .commute-section .commute-wrapper .commute-r-box{padding-left: 50px;}
    .commute-section .commute-wrapper .acrd-row{padding-left: 90px;}
    .commute-section .commute-wrapper .acrd-row:before{width: 60px;height: 60px;}
    .commute-section .commute-inner-box .acrd-wrap.active:before{    width: 4px;        left: 27px;}
    .thankyou-content .wrapper-2 h1{font-size: 55px;margin-bottom: 10px;}
     .commute-section .commute-inner-box{max-height: 440px;}

     .hero-banner-section .banner-content img{width: 75px;}
     .hero-banner-section .banner-content{padding: 15px 13px 13px 13px;}
     .hero-banner-section .banner-content .font-18{font-size: 12px;}
     .hero-banner-section .banner-content .font-18{margin-top: 7px;}
     .hero-banner-section .banner-content .theme-btn{margin-top: 5px;}
     .hero-banner-section .banner-content .mid-box{margin-top: 10px;}
     /* .hero-banner-section .banner-text img{width: 55%;} */
     .hero-banner-section .banner-content{margin-top: 5px;}
     .hero-banner-section .banner-content{width: max-content;}
     .hero-banner-section .banner-content .theme-btn{    font-size: 10px;}


}

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

    .md-container{width: 90%;}
    .font-22{font-size: 14px;}

    .theme-btn{padding: 5px 25px;border-radius: 8px;}

    /* .hero-banner-section .banner-content{padding: 12px 15px 12px 15px;width: 220px;} */
    .hero-banner-section .banner-content img{width: 80px;}
    .hero-banner-section .banner-content .mid-box{margin-top: 10px;}
    .hero-banner-section .banner-content .font-18{margin-top: 10px;}
    .hero-banner-section .banner-content .theme-btn{margin-top: 8px;}
    .hero-banner-section .banner-content .font-18{font-size: 13px;}

    .enq-section {
            right: -13.5%;}

    .header .head-container .header-r-box .navlist{gap: 20px;}
    .header .head-container .header-r-box .navlist li{font-size: 14px;}
    .header .head-container .header-r-box{gap: 20px;}

    .booking-section .booking-form{grid-template-columns: 1fr 1fr 1fr 100px;}
    .grid-box {gap: 9px;}
    .inner-box{border-radius: 9px;}
    .con-box{padding: 12px 10px;gap: 10px;}
    .convenience-grid{column-gap: 10px; row-gap: 12px;border-radius: 13px;}
    .amenities-section .amenities-slider .amenities-box img{height: 47px;width: 47px;}
    .update-section .update-wrapper .specification-box .spec-content{padding: 0px 0px;}
    .grid-right p {margin-top: 15px;}
    .project-section .content-box{width: 46%;position: static;transform: none;}
    .project-section .pro-tab-box img{width: 100%}
    .commute-section .commute-wrapper .acrd-row .acrd-heading:before{width: 40px;height: 40px;}
    .commute-section .commute-inner-box{padding-left: 50px;}
    .commute-section .commute-inner-box{padding-left: 70px; }
    .commute-section .commute-wrapper .acrd-row .acrd-heading:before{left: -90px;}
    .commute-section .commute-wrapper .acrd-row .acrd-heading:after{font-size: 30px;right: -40px;}
    /* .commute-section .commute-wrapper .acrd-row{margin-top: 80px;} */

    .footer .foot-container{flex-wrap: wrap;}    
    .address-box{margin-top: 30px;}
    .popup-forms input {
        font-size: 14px;
    }
    .popup-sec h2{font-size: 20px;}
    .popup-sec .theme-btn {
    font-size: 16px;
    padding: 4px 28px;}

    .commute-section .commute-inner-box{        padding-left: 0;}
        .commute-section .commute-wrapper .acrd-row li span {
        width: calc(100% - 100px);}
        .commute-section .commute-inner-box {
        max-height: 340px;
    }
    .hero-banner-section .banner-img{    height: 370px;
    object-fit: cover;
    object-position: 10%;}
    .hero-banner-section .banner-wrap{width: 32%;}

}

@media screen and (max-width: 700px) {
    .sm-container{width: 90%;}
        .heading02 {
        font-size: 24px;
    }
    .mt-25 {margin-top: 18px;}

    .enq-section .enq-box {height: 40px;width: 126px;}
    .enq-section .enq-box p{font-size: 10px;}
        .enq-section {
        right: -90px;
        border-radius: 9px 9px 0 0;
    }
    .enq-section .call-box{width: 40px; height: 45px;border-radius: 9px 0 0 9px;}
    .enq-section .whastapp-box{width: 40px; height: 45px;border-radius: 9px 0 0 9px;}
    .enq-section .call-box img{width: 14px;}
        .enq-section .whastapp-box img {
        width: 18px;}
        .slick-arrow.slick-prev{background-image: url(../img/gallery-prev-arrow.png);left: -3%;}
.slick-arrow.slick-next{background-image: url(../img/gallery-next-arrow.png); right: -3%;}

        .header .head-container .header-r-box .navlist li:hover a{color: #FFFFFF;}
.header .head-container .header-r-box .navlist{
        position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    display: block; 
    padding: 40px;
    background-color: #EB7026;
    transform: translateX(100%);
    transition: .3s all ease;
    z-index: 9;
}
.header .head-container .header-r-box .navlist.active{transform: translateX(0);}
.menu-btn {

    width: 25px;
    height: 20px;
    background: none;
    border: none;
    border-bottom: solid 2px #965D28;
    cursor: pointer;
}
.menu-btn:before, .menu-btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #965D28;
    margin: 4.5px 0;
    transform-origin: 8px 1px;
    transition: ease .3s all;
}
.menu-btn.active {
    border-bottom: none;
}
.menu-btn.active:before {
    transform: rotate(45deg);
}
.menu-btn.active:after {
    transform: rotate(-45deg);
}
.menu-btn{display: block;}
.header .head-container .header-r-box .navlist li{padding: 18px 0; font-size: 18px; border-bottom: 1px solid #fff;}
.header .head-container .header-r-box .navlist li a{color: #FFFFFF;}    
.hero-banner-section .banner-content{position: static;
        transform: none;
        margin: 0 auto;
        margin-block: 20px;width: 80%;}
        .booking-section .md-container{grid-template-columns: auto;}
        .choice-grid{grid-template-columns: auto;}
        .booking-section .booking-form{grid-template-columns: auto;padding-left: 0; margin-top: 10px;}
        .booking-section .booking-form .theme-btn{padding: 5px 20px;}
        .matters-content{grid-template-columns: auto;}
        .choice-grid{gap: 20px;}
        .update-section .update-wrapper{grid-template-columns: 100%;}
        .update-section .update-box{grid-template-columns: 72% 27%;}
        .explore-section .explore-warpper{display: block;}
        .explore-section .explore-warpper img{margin-top: 10px;}
        .project-section .btn-wrap{justify-content: center;}
        .project-section .content-box{width: 100%;}
        .project-section .project-tab-head .tab-btn{padding: 6px 15px;}
        .project-section .project-tab-head{flex-wrap: wrap;}

        .commute-section .commute-wrapper{grid-template-columns: 100% ;}
        .commute-section .commute-wrapper .commute-r-box{padding-left: 0px;}
        .commute-section .commute-wrapper .acrd-row .acrd-heading:before{width: 28px;height: 28px;}
        .commute-section .commute-inner-box:before{left: 12px;}
        .about-wrapper{        grid-template-columns: auto;gap: 20px;}
        .about-wrapper p{padding-right: 0;}
        .about-wrapper img{margin: 0 auto;}
        .amenities-section .amenities-slider{width: 100%;}
            .commute-section {
        padding: 30px 0 30px 0;
    }
    .grid-box h1{font-size: 19px;}
    .convenience-grid{grid-template-columns: 1fr 1fr;}
    .con-box{border-radius: 9px; display: block;}
    .convenience-grid .con-box i{display: block; margin-bottom: 10px;width: 40px;}
    .con-box p br{display: none;}
        .head-logo img {
        width: 75px;
    }
    .project-section .content-box .content-wrap{margin: 0 auto;}
    .footer .foot-container .quick-links{margin-top: 30px;}
    .popup-sec{width: 90%;}
    .thankyou-content .wrapper-2 h1{font-size: 42px;}
    .thankyou-content .wrapper-2 p{font-size: 16px;}

    .enq-section .enq-box{margin-top: 83px;}
    .slick-arrow{width: 23px;height: 23px;}
    .commute-section .commute-wrapper .acrd-row{padding-left: 68px;padding-right: 13px;}
    .commute-section .commute-wrapper .map-box iframe{height: 350px;}
    .update-section .update-box .update-r-box .update-thumb-img{padding: 2px 0;}
    .update-section .update-box .update-r-box{margin: -2px 0;}

    .booking-section .booking-form .input-box span{position: static;}
    .header .head-container .header-r-box .navlist li:hover a, .header .head-container .header-r-box .navlist li.active a{color: #ffffff;font-family: 'GilroyBold';}
    .enq-section i{width: 36px;}
    .hero-banner-section .banner-img, .hero-banner-section .dekstop-text{display: none;}
    .hero-banner-section .banner-mobile, .hero-banner-section .mobile-text{display: block;}
    .hero-banner-section .banner-wrap{position: static; transform: none; width: auto;}
    .banner-text{position: absolute;
    top: 0%;
    left: 0%; right: 0; width: 100%;}
    /* .hero-banner-section .banner-img{height: auto;
        object-fit: cover;
        object-position: 10%;} */
    .hero-banner-section .banner-text img{width: 70%; margin: 0 auto;}
    .gallery-section .gallery-wrapper{margin-inline: auto;width: 90%;padding-inline: 0;}
    .matters-content .heading02{text-align: center;}
    .gallery-wrapper .slick-arrow.slick-next{right: -9%;}
    .gallery-wrapper .slick-arrow.slick-prev{left: -9%;}
    .enq-section .call-box{margin-top: 8px;}
    .choice-sec:before, .choice-sec:after, .explore-section:before, .explore-section:after{content: none;}
    .footer .foot-container .logo-box .relator-logo img{width: 65px;}
    .footer .foot-container .logo-box .foot-logo img{width: 90px;}
    .footer .foot-container .logo-box .foot-logo p, .footer .foot-container .logo-box .relator-logo p{font-size: 11px;}
    .footer .foot-container .logo-box .relator-logo{padding-left: 10px;}
    .footer .foot-container .logo-box .foot-logo{padding-right: 10px;}
    .commute-section .commute-wrapper .acrd-row li span{width: calc(100% - 110px);}
    .commute-section .commute-inner-box{max-height: 500px;}
    .commute-section .commute-wrapper .acrd-row li:before{top: 5px;}
    .footer-disclamier{width: 90%;padding: 20px 20px;max-height: 80vh;z-index: 999999;}
    .footer-disclamier p{height: 40vh;overflow-y: scroll;}
}