@media only screen and (max-width: 1200px) {
    .header .header-navmenu ul li { padding: 0 2.4rem; }
    .header .header-navmenu ul li a{font-size: 1.6rem;}
    .bottom-middle-btn .btn{min-width: inherit;}


    .cyclone-proof-text .cyclone-proof-list li{    width: 30%;}
    .cyclone-proof-text .cyclone-proof-list li h3{font-size: 16px;}



}

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

    .cyclone-proof-text .cyclone-proof-list li h3{font-size: 1.5vw;} 
    .cyclone-proof-text .cyclone-proof-list li .icon-bx{max-width: 27px; margin-right: 13px;}

}

@media only screen and (max-width: 990px) {
        .overflowhidden{overflow-y:hidden ;}
        .header  .header-navmenu{position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; overflow: hidden; background-color: var(--wht-color); transition: all 0.4s ease-in-out; z-index: 9;     padding-top: 7rem; }
        .header  .header-navmenu.is-active { right: 0; } 
        .header .header-navmenu ul{ flex-direction: column; height: calc(100vh - 10vh); overflow-y: auto;}
        .header .header-navmenu ul li{padding: 10px 0;}

      
        :is(.btn-primaryx,.btn-outline-primaryx ){font-size: 14px; padding: 1rem 2rem;}
        .banner:before{display: none;}
        .header{padding:1.5rem 15px;}
        .equal-margin-section{margin: 0 15px;}
        .banner{ padding: 5rem 0 2rem; min-height: inherit; text-align: center;    background: linear-gradient(to left, #0084dc69 0%, #2EA3F2 100%);}
     
        .bottom-middle-btn{justify-content: center;}
        .bottom-middle-btn .btn{margin:0.5rem;}
        .why-clearrails-wrapper .why-contentbx .icon-bx{min-height: inherit; margin-bottom: 1rem; text-align: center;}
        :is(.why-contentbx p,.same-title p,.why-clearrails-wrapper .why-contentbx p) {font-size: 16px;}
        /* :is(.why-contentbx p,.same-title p) br {display: none;} */
        .why-clearrails-wrapper .why-contentbx h3{font-size: 2rem; margin-bottom: 1rem; text-align: center;}
        .why-clearrails-wrapper .why-contentbx{margin-bottom: 2rem;}
        .same-title h2{font-size: 3rem;}
        /* .same-title p{    font-size: 1.7vw;} */
        .wid-90{max-width: 100%;}
        .why-clearrails-wrapper .why-contentbx p{text-align: center;}
        .container-fluid{max-width: 100%; padding: 0 15px;}
        .proprietary-clearrails-wrapper{text-align: center;}
        .locations-wrapper-section .nav .nav-link{font-size: 16px; text-align:center}
        .locations-wrapper-section .nav{    padding-right: 0; margin-bottom: 3rem;}

        .locations-wrapper-section .locations-right-bx{border: 0; padding: 0 15px;}
          .newProjectsTablistWrapper .nav {flex-direction: column; margin:2rem 0 3rem;}
.newProjectsTablistWrapper .nav .nav-item{margin: 5px 0;}
          .newProjectsTablistWrapper .nav .nav-link{font-size: 16px; text-align:center;}

        .inverst-clearrails-wrapper .inverst-content-title{text-align: center;}
        .inverst-clearrails-wrapper .inverst-content-title .wid-90 { max-width: 100%; }
        .inverst-clearrails-wrapper .inverst-image-banner{height: 550px;}
        .mid-sub-heading{max-width: 70vw; font-size: 2rem;}
        .villa-section-wrapper .villa-card{margin:0 0 3rem}
        .villa-section-wrapper .villa-detail-list{margin: -6rem 0 2rem; border-radius: 10px;}
        .villa-section-wrapper .villa-content-bx{padding: 0 1rem;}
        .villa-section-wrapper .villa-detail-list h4{font-size: 14px; white-space: inherit; margin-left: 1rem;}
        .villa-section-wrapper .villa-card h3{top: 2rem; left: 2rem; font-size: 2rem;}
        .villa-section-wrapper .villa-detail-list .detail-bx{padding: 0.7rem 0;}
        .same-title{text-align: center;}
        .footer .footer-logo a{max-width: 150px;}
        .footer .footer-menu li{padding: 5px 8px;}
        .footer .footer-menu li a{font-size: 14px;}
       .same-title .wid-90 {max-width: 80vw; margin: auto; }
       .villa-section-wrapper .villa-card .img-bx{height: auto;}
       .villa-section-wrapper .villa-card .btn-primaryx{font-size: 14px;}
       .villa-section-wrapper .villa-detail-list .icon-bx{width: 25px;}

       .panorama-wrapper{min-height: 400px;}
       .panorama-wrapper iframe{height: 400px;}
        
    
       .cyclone-proof-text .cyclone-proof-list li{ width: 33.33%; flex-direction: column; padding: 0 5px;}
       .cyclone-proof-text .cyclone-proof-list li .icon-bx { max-width: 30px; margin: 0 auto 8px;}
       .cyclone-proof-text .cyclone-proof-list li h3 { font-size: 14px; }

       .take-housing-wrapper .img-box { text-align: center; }
       .take-housing-wrapper .same-title { margin-top: 20px;  text-align: center;}
       .dotlist li{font-size: 16px; text-align: left;}
       .villa-detail-wrapper .same-title h2{font-size: 3rem;}
       .dotlist li .check-icon-left{font-size: 16px;}
       .factory-locations-wrapper .title-bx h3{font-size: 2rem; top: 2rem; left: 2rem;} 
       .inner-banner{padding: 3rem 0;}
       .inner-banner h1{font-size: 3rem;}
       .swiper-container-wrapper :is(.swiper-button-next, .swiper-button-prev){width: 4rem; height: 4rem;}
       .swiper-button-next:after, .swiper-button-prev:after { font-size: 18px; }
       .factory-locations-wrapper  .ribbion-text { padding: 6px 20px; font-size: 16px; right:-90px; top: 19px; min-width: 230px; transform: rotate(50deg); }

       .villa-1550-detail-wrapper{padding: 0;}
       .villa-1550-detail-wrapper .same-title{padding-left: 0;}
       .villa-1550-detail-wrapper .villa-1550-imgbox{position: relative; width: 100%; padding: 0 15px 30px; }
       .villa-1550-detail-wrapper .same-title h2 {    font-size: 3rem;}
       .villa-1550-detail-wrapper .same-title h3{font-size: 2rem;}
       .sale-info-wrapper{width: 100%; max-width: 100%; margin-top: 0;}
       
       

}


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

    .factory-locations-wrapper .locations-card-img{height: auto; margin-bottom: 15px;}
    


}