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

    html{font-size: 60%;}

    .about-company-section::after{    width: 60rem;}

    .amenities-section::before{width: 5rem;}



}

.about-company-section .upper-box-wrapper .text-54 {

    display: none;

}



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

    .sticky-box {

        right: -15.5%;

        top: 61%;

    }

    .sticky-box-txt .text-23{font-size:  1.5rem}
    .about-company-section::after {
        width: 52rem;
    }
    .design-section .design-text-box{right: 13%;
        top: 13%;}
}





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

    html {font-size: 50%;}

    .sticky-box{right: -13%;gap:1rem;top: 58%;}

    .proj-over .text-29 {font-size: 2.5rem;}

    .about-company-section .upper-box-wrapper .left-box img{width: 25rem;}

    .proj-over-img img {width: 50px;}

    .main-banner-section{margin-bottom: 15rem;}

        

}



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

    html {font-size: 48%;}

}



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

    html {font-size: 46%;}

    .header .menu-item{margin-right: 1rem;}

    .main-banner-section h1 {font-size: 6.2rem;    }



    .footer .footer-wrap{gap: 2rem;}

    .design-section .design-text-box .text-53{font-size: 4rem;}

    .design-section .design-text-box{top: 15%;}

    .amenities-section .tab-btn-wrapper .text-38{font-size: 3rem;}

    .success-section .success-box-wrap {grid-template-columns: 1fr 1fr 1fr;gap: 5rem;}

    .success-box:nth-child(3){border-right: none;}

    .about-project-section .button-box .btn{display: block;text-align: center;margin-bottom: 3rem;}

    .player-info-box{grid-template-columns: 1fr 1fr;gap: 3rem;}

    .proj-over:nth-child(3){grid-column: 1 / 3;text-align: center;}

    /* .main-banner-section .banner-img img{    object-fit: cover;height: 89vh;} */

    .header-wrap .logo img{width: 90%;}

    .popup-form{width: 35%;}

    .popup-form .logo img {margin: 0 auto;width: 140px;}

    .resource-img-slider .slick-prev {

        left: 45%;

        right: auto;

    }

    .resource-img-slider .slick-next {

        right: 45%;

        left: auto;

    }

    .main-banner-section .banner-img img {

        object-fit: cover;

        height: auto;

    }

    .main-banner-section {

        height: auto;

    }
    .main-banner-section {
        margin-bottom: 8rem;
    }

    .sticky-box {

        right: -18%;

        top: 55%

    }

    .sticky-box-txt .text-23 {

        font-size: 1.8rem;

    }

}



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

    .resource-section .box-wrapper, .amenities-section .box-wrapper, .connectivity-section .box-wrapper > .container{gap: 5rem;grid-template-columns: 1fr;}

    .connectivity-section .right-box {padding-right: 0;}

    .about-project-section .button-box .btn{margin-bottom: 3rem;}

    .about-project-section .right-box,.about-project-section .left-box{display: block;width: 100%;padding: 0;}

    .player-info-box{margin-bottom: 5rem;}

    .about-company-section .upper-box-wrapper {grid-template-columns: 200px auto;gap: 3rem;}

    .main-banner-section h1 > br,.about-project-section .box-wrapper .text-53 > br{display: none;}

    .text-53 {font-size: 4.8rem;}

    .main-banner-section h1 {font-size: 5rem;}    

    /* .main-banner-section .left-box{padding: 0;} */

    .footer .footer-wrap{    grid-template-columns: 1fr 1fr;gap: 5rem;}

    .specification-tab-btn .text-38{    margin-right: 5.9rem;font-size: 3.4rem;}

    .design-section .design-text-box {width: 45%;right: 5%;top: 20%;}

    .design-section{    background-position: bottom;background-size: cover;}

    .about-project-section .button-box .btn{display: inline-block;}

    

body.overflow{overflow: hidden;}

    .nav-menu-wrap .menu{position: fixed;background-color: var(--dark-green);width: 100%;height: 100%;left: 0;bottom: 0;transform: translateX(150%);z-index: 9;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;padding: 5rem;top: 80px;}

    .menu .menu-item:last-child{border-bottom: none;}

    .header .menu-item{display: block;color: var(--white);    line-height: 1.5;padding: 2rem;border-bottom: 1px solid var(--white);margin-right: 0;font-family: var(--museo500);}

    .nav-menu-wrap .menu.open{    transform: translateX(0);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}

    .header .menu-item .btn {padding: 1rem 4rem;}

    .header .logo img{width: 80%;}

    #nav-icon{display: block;}

    #nav-icon{

        width: 6rem;

        height: 4rem;

        position: relative;

        margin: 1rem auto;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-transition: .5s ease-in-out;

        -moz-transition: .5s ease-in-out;

        -o-transition: .5s ease-in-out;

        transition: .5s ease-in-out;

        cursor: pointer;

    }

    

    #nav-icon span {

        display: block;

        position: absolute;

        height: 0.9rem;

        width: 100%;

        background: var(--dark-green);

        border-radius: 0.8rem;

        opacity: 1;

        left: 0;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-transition: .25s ease-in-out;

        -moz-transition: .25s ease-in-out;

        -o-transition: .25s ease-in-out;

        transition: .25s ease-in-out;

    }

    

    #nav-icon span:nth-child(1) {

        top: 0px;

        -webkit-transform-origin: left center;

        -moz-transform-origin: left center;

        -o-transform-origin: left center;

        transform-origin: left center;

    }

    

    #nav-icon span:nth-child(2) {

        top: 1.8rem;

        -webkit-transform-origin: left center;

        -moz-transform-origin: left center;

        -o-transform-origin: left center;

        transform-origin: left center;

    }

    

    #nav-icon span:nth-child(3) {

        top: 3.6rem;

        -webkit-transform-origin: left center;

        -moz-transform-origin: left center;

        -o-transform-origin: left center;

        transform-origin: left center;

    }

    

    

    #nav-icon.open span:nth-child(1) {

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg);

        top: -3px;

        left: 1rem;

    }

    

    #nav-icon.open span:nth-child(2) {

        width: 0%;

        opacity: 0;

    }

    

    #nav-icon.open span:nth-child(3) {

        -webkit-transform: rotate(-45deg);

        -moz-transform: rotate(-45deg);

        -o-transform: rotate(-45deg);

        transform: rotate(-45deg);

        top: 3.9rem;

        left:1rem;

    }



    .player-info-box{grid-template-columns: 1fr 1fr 1fr;}

    .proj-over:nth-child(3){grid-column: unset;}

    .main-banner-section .banner-img img {object-position: 70%;object-fit: cover;height: 75vh;}

    .main-banner-section {height: 70vh;}

    .main-banner-section .left-box{padding: 10% 0;}

    .main-banner-section .left-box .text-29{font-size: 2.3rem;}

    .header .menu-item{height: auto;}

    .sticky-box {right: -23%;}

    .amenities-section .text-box{width: 80%;}

    .amenities-section::before {width: 8rem;height: 5rem;}

    .resource-img-slider .slick-next {

        right: 43%;

        left: auto;

    }

    .resource-img-slider .slick-prev {

        left: 43%;

        right: auto;

    }

    .resource-section .resource-img p{padding-bottom: 15px;}

}



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



    html {

        font-size: 50%;

    }



    #nav-icon span:nth-child(1) {top: 3px;}    

    #nav-icon span:nth-child(3) {top: 25px;}

    .design-section {background-position: 75%;}

    .design-section .design-text-box{width: 90%;    top: 15%;}

    .resource-section .heading-box{padding: 2.8rem 3rem;    font-size: 2.8rem;}

    #nav-icon.open span:nth-child(3){    top: 2.5rem;}

    /* .banner-img{display: none;} */

    .about-company-section .upper-box-wrapper,.main-banner-section .left-box{display: block;width: 100%;}

    .player-info-box{grid-template-columns: 1fr;gap: 3rem;    text-align: center;}

    .success-section .success-box-wrap{grid-template-columns: 1fr 1fr;    gap: 2rem;}

    .success-box:nth-child(even){border-right: none;}

    .success-box:nth-child(3){border-right: 2px solid #707070;}

    .resource-section .button-box .btn, .about-project-section .button-box .btn{display: block;text-align: center;}

    .footer .footer-wrap{grid-template-columns: 1fr;gap: 1rem;}

    .footer .logo{width: 80%;}

    .connectivity-section .toggle-box .flex{padding: 0;}

    .specification-tab-btn .text-38,.resource-section .button-box .btn{margin-bottom: 3rem;    margin-right: 2rem;}

    .resource-section .button-box{padding: 0 3rem;}

    #nav-icon span{height: 5px;}

    #nav-icon {width: 4rem;}

    .about-company-section .left-box{width: 180px;margin-bottom: 3rem;display: flex;align-items: center;justify-content: center;width: 100%;}

    .about-company-section .right-box{text-align: center;}

    .about-company-section .upper-box-wrapper .text-53{text-align: left;}

    .about-company-section .left-box img{margin: 0 auto;}

    .main-banner-section .left-box{position: static;margin: 0;text-align: center;padding:0;display: flex;align-items: center;flex-direction: column;justify-content: flex-start;height: 500px;margin-top: 20px;}

    .main-banner-section {margin-bottom: 3rem;}

    .connectivity-section .right-box .text-23{font-size: 2rem;}

    .popup-form{width: 85%;}

    .success-section:before,.amenities-section .icon-box ,.about-company-section::after,.amenities-section::before{display: none;}

    .amenities-section .text-box{padding-left: 0;}

    .sticky-box {right: -40%;}

    .sticky-box {width: 100%;}



    .sticky-box-txt img{width: 30px;}

    .proj-over{border-right: none;}

    .about-project-section .box-wrapper .text-23{text-align: center;}

    .proj-over .text-29,.about-project-section .box-wrapper .text-23{line-height: 1.5;}

    .amenities-section .box-wrapper .right-box{padding: 5rem 2rem;}

    .amenities-section .tab-btn-wrapper .text-38{margin-right: 2rem;}

    .amenities-section .right-box li{padding-left: 4.3rem;}

    .specification-tab-btn .text-38,.amenities-section .tab-btn-wrapper .text-38{font-size: 2.5rem;}

    .resource-section .box-wrapper .right-box, .resource-section .box-wrapper .left-box{display: block;width:auto}

    .slick-list.draggable {

        padding: 6rem 0 !important;

    }



    .slick-center{transform: none;}

    .sticky-box{bottom: 0;right: unset;left: 0;transform: none;top: unset;background-color: var(--dark-green);padding: 3rem 2rem;}

    .main-banner-section {

        height: 600px;

    }

    .specification-slider .slick-list.draggable{padding: 2rem 0 !important;}

    .specification-tab-btn{margin-bottom: 0;}

    .spec-tab-img {

        border-radius: 2rem

    }

    .resource-section .box-wrapper, .amenities-section .box-wrapper, .connectivity-section .box-wrapper > .container{gap: 1rem;}

    .resource-section{margin-bottom: 10rem;}

    /* .amenities-section .text-23{} */

    .amenities-section .text-box{width: 100%;text-align: center;}

    .success-section .success-box img{width: 80px;}

    .about-project-section .left-box .player img {box-shadow: 1rem 1rem var(--light-green);}

.footer{padding: 5rem 0;}

.footer .info-box .icon-box a{display:block; width: 5rem;}

/* .text-53{display: none;} */

.about-company-section .upper-box-wrapper .text-55 {

    display: block;

    line-height: 1.3;

    font-size: 2.9rem;

    font-family: var(--museo100);

    /* font-weight: bold; */

}

.about-company-section .upper-box-wrapper .text-54 {

    display: block;

    line-height: 1.3;

    font-size: 2.9rem;

    font-family: var(--museo100);

    font-weight: bold;

}

.about-project-section .left-box {display: block;width: 100%;padding-right: 10px;}



.text-55{

    font-size: 3rem;

}

.sticky-box-txt {

    display: inline-flex;

    align-items: center;

    gap: 0rem;

}

.amenities-section {

    position: relative;

    top: -45px;

    margin-bottom:0

}

.success-section .text-23{text-align: center;}

.main-banner-section .banner-img .desktop-img{object-position:92%;object-fit:cover;height:54vh;display: none;}

/* .main-banner-section .box-wrapper{background-image: url(../img/mob-bg.png);} */

.main-banner-section .box-wrapper .mob-img{display: block;width: 75%;margin: 0 auto;}

.main-banner-section h1{font-size: 3.5rem;}

.main-banner-section .call-back-btn{font-size: 1.5rem;}

.main-banner-section .box-wrapper .mob-img{height: auto;}

}



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

    .text-53 {

        font-size: 3.3rem;

    }

    .popup-form .text-23{margin-bottom: 10px;}

    .popup-info-wrap{margin-bottom: 1.5rem;}

    .popup-form{padding:1.5rem;border-radius: 15px;}

    .popup-form .logo{margin-bottom: 1.5rem;}

    .box-wrapper .amenities-img{height: 44rem}

    .main-banner-section .box-wrapper .mob-img {object-position: 58%;object-fit: cover;height: auto;width: 100%;}

}