@media screen and (max-width: 1500px) {
    .booking-lg-container{gap: 1%}
    .booking-buttons .theme-btn{font-size: var(--px-16);}
    .amenities-text h2, .heading02 {
    font-size: var(--px-40);}
    .family-image-box span {font-size: var(--px-14)}
    .icon-box p{font-size: var(--px-18);}
}



@media screen and (max-width: 1300px) {
    .price-text{font-size: var(--px-12);}
    .booking-buttons .theme-btn{padding: var(--px-8) var(--px-16) var(--px-6)}
    .icon-box p {font-size: var(--px-18);}
    .config-info p {font-size: var(--px-28);}
    .feature-icon {width: 40%;}

}



@media screen and (max-width: 1279px){
    .amenities-text h2, .heading02 {font-size: var(--px-36);}
    /* .feature-container{padding: var(--px-32);} */
    .price-text strong{font-size: var(--px-20);}
    .feature-icon {width: 36%;margin-bottom: var(--px-12);}
    .contact-links{display: block;}
    .contact-item:last-child{margin-top: var(--px-8);}
}


@media screen and (max-width: 1023px){
    .ft-container, .lg-container, .md-container, .sm-container, .ft-container{width: 90%;}

}



@media screen and (max-width: 700px){
    .otp-section input{width: var(--px-108) !important;}
    .header .header-bottom-box p{font-size: var(--px-18);}
    .booking-lg-container{grid-template-columns: 1fr 1fr;}
    .booking-left h3 {
    font-size: var(--px-24);}
    img.hero-bg {height: 250px;object-fit: cover;}
    .booking-right p br{display: none}
    .booking-left p {
    font-size: var(--px-18);}
    .booking-left{grid-column: span 2}
    .booking-section {margin-bottom: 9%;background: #E9E9E9;
    padding: var(--px-24) 0;
    font-family: var(--inter);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    transition: transform .3s linear;
transform: translateY(100%)}
    .booking-section.active{transform: translatey(0);}
    .booking-form{margin-top: var(--px-8);grid-column: span 2;}
    .booking-form form {
    gap: var(--px-8)}
    .booking-form input[type="text"], .booking-form input[type="email"],.booking-form input[type="tel"]{padding: var(--px-12) var(--px-12);border-radius: var(--px-8);}
    .consent label p {
    font-size: var(--px-12);}
    .booking-right{    margin-top: var(--px-12);
    text-align: center; grid-area: 3;
        grid-column: span 2;}
    .booking-buttons{justify-content: center;margin-top: var(--px-8); grid-column: span 2}
    .redefining-section .md-container{    grid-template-columns: 1fr;row-gap: var(--px-28)}
    .right-icons{grid-template-columns: 1fr 1fr;row-gap: var(--px-20)}
    .booking-form form {display: grid;grid-template-columns: 1fr 1fr 1fr;}
    form a.theme-btn{ grid-area: auto;margin-top: 10px; grid-column: span 3; margin-inline: auto;}
    .icon-img img {width: 60%;}
    .icon-box p{margin-top: var(--px-8);}

    .details-container{grid-template-columns: 1fr;row-gap: var(--px-24);}
    p{margin-top: var(--px-12);}
    .feature-section{margin-top: var(--px-60);}
    .feature-container{    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: var(--px-20);padding: var(--px-32)}
      .feature-item{padding: var(--px-12) var(--px-8)}
    .feature-item p{font-size: var(--px-20);}
    .feature-item:nth-child(3){border-left: none;border-top: solid 1px #fff}
    .feature-item:last-child{border-top: solid 1px #fff}
    .amenities-section {
    padding-left: 5%;
    padding-right: 5%;}
    .aminity-img span{font-size:6px;}
    .amenities-text, .amenities-gallery, .dev-content, .dev-gallery{width: 100%;display: block;}
    .amenities-gallery{padding-left: 0;margin-top: var(--px-20);}
    .family-section{grid-template-columns: 1fr;margin-top: var(--px-60);}
    .family-content{padding: 0 5%;margin-top: var(--px-24);}
    .family-image-box span {bottom: 22%;font-size: 6px;}
    .location-section{padding: var(--px-60) 0;}
    .content-wrapper-wrapper{margin-top: var(--px-24);grid-template-columns: 1fr;}
    .aside-wrap{height: 200px;margin-top: var(--px-20);}
    .section{padding: var(--px-60) 0;}
    .plan-section .tab-header button{display: block;text-align: center;padding: var(--px-8);width: 24%;
    font-size: var(--px-16);}
    .plan-section .tab-header button img{display: block;margin: 0 auto;margin-bottom: 5px;}
    .addition-section .btn-wrap .theme-btn {padding: var(--px-12) var(--px-20);font-family: var(--px-20);}
    .btn-wrap{gap: var(--px-18);}
    .construction-section{margin-top: 0;}
    .construction-wrapper { margin-top: var(--px-24);}
    .amenities-text h2, .heading02 {font-size: var(--px-32);}
    .construction-image {
    margin: 0 0;}
    .developer-section-section {
    padding: var(--px-60) 0;
    padding-left: 5%;padding-right: 5%}
    .dev-gallery{padding-left: 0;margin-top:var(--px-24)}
    .footer-top{display: grid;grid-template-columns: 1fr; row-gap: var(--px-12);}
    .header-top-box .navlist{position: fixed;display: block;
    background-color: #73bf43;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 999;
    width: 100%;padding: var(--px-44);transform: translateX(100%);opacity: 0;transition: transform .5s linear;}
    .head-logo {
    width: 90px;
}
.social-icon a {
    width: var(--px-40);
}
.slick-prev {
    left: calc(var(--px-16) * -1);
}
.slick-next {
    right: calc(var(--px-16) * -1);
}
    .menu-btn{width: var(--px-36);}
    .close-btn{width: var(--px-24);position: absolute;right: 5%;top: 2%;}
     .header-top-box .navlist.active{transform: translateX(0);opacity: 1;}
    .header-top-box .navlist li a{color: rgb(255, 255, 255);
        display: block;
        font-size: var(--px-20);
        padding: var(--px-20) 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .menu-btn, .close-btn{display: block;}
    .header-top-box .navlist li:hover a, .header-top-box .navlist li a.active{color: #000}
    .header-bottom-box p {font-size: var(--px-16);}
    .header{z-index: 999;}
    .plan-section .tab-header{ gap: var(--px-6);}
    form button.theme-btn{ grid-area: auto;
    grid-column: span 3;
    margin-inline: auto;}
    .footer-section{margin-bottom: 35px;}
    .enq-sticky-btn{position: fixed;bottom: 0;left: 0;right: 0;text-align: center;font-weight: 600;background:var(--theme-clr);color: #fff;padding: 10px;z-index: 9;display: block
}}