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


@media screen and (max-width: 1599px) {
/* 1366, 1280 */
}


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

}

@media screen and (max-width: 1023px){
    p, li{font-size: var(--px-18);}
    .heading02 + .subtext{font-size: var(--px-18);}
    .sub-heading{letter-spacing: 7px;}
    .hero-banner-section img{height: 300px; object-fit: cover;}
    .ft-logo-box p{font-size: var(--px-18);}
    .hero-banner-section .banner-head-box{left: 24%;}

    .about-wrapper .about-card.lg-card{margin-top: calc(var(--px-68) * -1);}
    .amenities-section .amenities-upper-slider .amenities-slides img{width: var(--px-60); height: var(--px-60);}
}

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

    .theme-btn{font-size: var(--px-18); padding: var(--px-6) var(--px-20);}
    .header{z-index: 999;}
    .social-icon a{width: var(--px-72);height: auto;margin-right: calc(var(--px-12) * -1);}
    .heading01{font-size: var(--px-48);}
    .hero-banner-section .banner-head-box p{margin-top: var(--px-16); font-size: var(--px-18);}
    .hero-banner-section .banner-head-box .heading02{font-size: var(--px-28);}
    .hero-banner-section .banner-head-box{top: 11%; left: 24%;}
    .hero-banner-section img{height: auto;}

    .homeowners-section .sm-container{grid-template-columns: 100%; gap: var(--px-20);}
    .homeowners-section .homeowners-l-box{padding-right: 0; padding-top: 0;}
    .homeowners-section .sm-container{padding: var(--px-22);}
    .homeowners-section .homeowners-r-box{gap: var(--px-6); }

    .homeowners-section .homeowners-l-box .btn-wrap{gap: var(--px-12);}
    .btn-wrap{    gap: var(--px-12);    justify-content: center;    margin-top: 0;}
    .connectivity-section .sm-container{grid-template-columns: auto;}

    .amenities-section .detailing-box{padding-right: 0; grid-template-columns: 100%; background: transparent; gap: var(--px-16);}
    .amenities-section .detailing-box .detailing-l-box{padding: var(--px-12); border-radius: var(--px-12); background-color: #F5F5F5;} 
    .amenities-section .detailing-box .detailing-r-box{padding: var(--px-40);border-radius: var(--px-12); background-color: #F5F5F5;}

    .footer .ft-top{flex-wrap: wrap; padding-right: 0; padding: var(--px-60) 0;}
    .footer p, .footer a, .footer p, .footer span{font-size: var(--px-20);}
    .footer .ft-top{gap: var(--px-32);}
    .ft-logo-box a{width: var(--px-200);}
    .ft-social{width: 5.2%;}

    .video-section .video-wrap{width: 100%;}
    .cr-box span, .cr-box a{font-size: 12px;}
    .hero-banner-section .banner-content{position: static; transform: none; width: 90%; margin: 0 auto; margin-top: 20px;}

    .header .header-r-box .navlist{position: fixed; right: 0; left: 0; bottom: 0; background: linear-gradient(334deg, rgba(165, 109, 30, 1) 0%, rgba(204, 130, 18, 1) 100%); z-index: 9; padding: var(--px-80) var(--px-40); transform: translateX(100%); display: block; transition: .3s all ease;}
    .header .header-r-box .navlist li{padding: var(--px-20) 0; border-bottom: 1px solid #FFFFFF78; font-size: var(--px-24); color: #FFFFFF;}
    .header .header-r-box .navlist li a{color: #FFFFFF;}
    .menu-btn{display: block;}
    .menu-btn{width: 25px; height: 20px; background: none; border: none; border-bottom: solid 2px var(--theme-clr); cursor: pointer;}
    .menu-btn:before, .menu-btn:after { content: ''; display: block; width: 100%; height: 2px; background: var(--theme-clr); margin: 4.5px 0; transform-origin: 8px 1px; transition: ease .3s all;}
    .header .header-r-box{gap: var(--px-16);}
    .menu-btn.active{border-bottom: none;}
    .menu-btn.active:before{transform: rotate(45deg);}
    .menu-btn.active:after{transform: rotate(-45deg);}
    .header .header-r-box .navlist.active{transform: translateX(0);}

    .construction-section .update-slider .update-imgae{margin: 0 4px;}
    .construction-section .update-slider .update-imgae img{width: 100%;}
    .construction-section .update-slider{margin-inline: 0 -4px;}

    .about-wrapper{column-gap: var(--px-12); row-gap: var(--px-12); display: flex; flex-wrap: wrap; justify-content: center;}
    .about-wrapper .about-card{width: 47%; height: var(--px-200); border-radius: var(--px-22); overflow: hidden;}
    .about-wrapper .about-card.lg-card{margin-top: 0;}
    .about-wrapper .about-card.l-sm-card, .about-wrapper .about-card.r-sm-box{margin-bottom: 0;}  
    .about-wrapper .about-card.r-sm-box{width: 95%}  
    .about-wrapper .about-card.l-sm-card .card-heading{right: var(--px-12);}
    .about-wrapper .about-card .card-heading{bottom: var(--px-12); font-size: var(--px-16);}
    .about-wrapper .about-card .card-heading{left: var(--px-12);}
    .about-wrapper .about-card .card-heading span{font-size: var(--px-18);}

    .construction-section .update-slider .slick-arrow{width: var(--px-52);height: var(--px-52);z-index: 99;}
    .construction-section .update-slider .slick-arrow.slick-prev{left: -3%;}
    .construction-section .update-slider .slick-arrow.slick-next{right: -3%;}

    .plan-section .tab-container .tab-box .btn-wrap{margin-top: var(--px-20);}
    

    .mobile-banner{display: block;}
    .dekstop-banner{display: none;}
} 

@media screen and (max-width: 479px){
    .about-wrapper .about-card.r-sm-box{width: 100%}  
    .text-left{text-align: center !important;}
}