@media only screen and (min-width:1024px) and (max-width:1199px){
    .highsection .high_img img{height: 270px;width: 270px;}
    .highsection ul li{font-size: 13px;    padding: 12px 14px;}
    .menu ul.topmenu li a {padding: 10px 5px;font-size: .9rem;}
   
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .locationm ul li,.m2mchain .amenities{font-size: .8rem;}
    .amenities_list li{font-size: .7rem;}
    .costdetails a,.pricebox td,.pricebox th,.pricebox button{font-size: .8rem;}
    .highsection ul li{font-size: 10px;padding: 10px 10px;}
    .highlight_box, .floor_Box, .cta_box, .locationm, .advantages_box,.specification_box, .amenities_box, .pricebox, .ebook_box, .highsection_box, .amenitie_box{padding: 20px 20px;}
    .highsection .rgtcol li .count{right: -16px;}
    .highsection .high_img img{height: 200px; width: 200px;}
    .highsection .high_img h3{font-size: .9rem; padding: 15px 12px;}
    .ebook_box h2{font-size: 1.2rem;}
    .ebook_box p,.amenities_list1 .boxlist .boxoverlay h3{font-size: .8rem;}
    .ebook_box p a,.keyhighlight ul li{font-size: 13px;}
    .tabsctn .bhklist li{font-size: .9rem;}
    footer h3{font-size: 1rem;}
    .disclamier p{font-size:.7rem;}
    .copyright p{font-size: .8rem;}
    .sample_img .sample_overlay h2{font-size: 1.5rem;}
    .sample_img .sample_overlay:hover h2{font-size: 2rem; }
    .menu .topmenu li a{padding: 10px 4px;font-size: .8rem;}
    .specifications .specs ul{    flex-flow: column;}
    .homeicon { padding: 7.5px 9px;}
    .menu ul.topmenu {overflow-x: scroll; white-space: nowrap; padding-bottom: 5px; width: calc(100% - 45px);}
    
}
@media only screen and (max-width:767px){
    .highlight_box, .floor_Box, .cta_box, .locationm, .advantages_box,.sample_box,.specification_box,.projectbox,.project_box,.amenities_box, .pricebox, .ebook_box, .highsection_box, .amenitie_box,.amenities_box{padding: 20px 20px;}
    .highlight_box h2, .floor_Box h2, .pricebox h2, .amenitie_box h2,.specifications h2,.project h2{font-size: 1.1rem;}
    .m2mchain i {font-size: 1rem; }
    .m2mchain p{font-size: 10px;}
    .locationm ul li{font-size: .7rem;}
    #pills-tab button{padding: 0 9px;height: 26px;line-height: 26px;font-size: 12px;    margin-right: 6px;}
    #pills-tab, .floorone {white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: inline-block; width: 100%;}
    #pills-tab li {display: inline-block;}
    .amenities_list li{width: 49.33%;padding: 5px 0;font-size: .7rem;}
    .pricebox table{width: 411px;}
    .price a,.price td{font-size: .7rem;}
    .price th{font-size: .8rem;}
    .keyhighlight ul li{font-size: 12px;}
    .floorone button{width: 33.33%;}
    footer h3,footer .footerfirst ul li a,footer h5{font-size: .8rem;}
    .details_form input{height: 28px;}
    .details_form img {width: 13px;    font-size: 11px;}
    .form-number{height: 28px;font-size: 11px;}
    .disclamier p{font-size: .7rem;}
    .copyright p{padding: 7px 0;font-size: 9px;}
    .highsection .high_img{margin: 0px auto;}
    .highsection .high_img h3{top: 10px;padding: 15px 14px; font-size: .8rem; height: calc(100% + -30px);}
    .ebook_box .book_heading h5{font-size: .8rem;}
    .book_heading h2{font-size: 1rem;}
    .book_heading p,.book_heading a{font-size: .7rem;}
    .rera_box{padding-right: 115px;}
    .sample_img{height: 230px;}
    .sample_img .sample_overlay h2{font-size: 1.3rem;}
    .sample_img .sample_overlay:hover h2{font-size:1.6rem; }
    .sample_img .sample_overlay:hover img{width: 85px;}
    .sample_img .sample_overlay img{width: 70px;}
    .sample_img .sample_overlay p{font-size: .8rem;}
    .menu ul.topmenu {overflow-x: scroll; white-space: nowrap;padding: 5px 0px;display: block;width: calc(100% - 43px);}
    .menu .topmenu li{display: inline-block;}
    .menu ul.topmenu li a {font-size: .8rem; border: 1px solid #e3c16b; background: #e5e5e5;    padding: 4px 4px;}
    .homeicon {padding: 2.5px 7px;margin: 5px 5px 5px 0;}
    .homeicon img {width: 14px;}    
    .specifications .specs ul{flex-wrap: wrap;}
    .whyus .modeltitle{font-size: 1rem;}
    .highsection .lftcol ul, .highsection .rgtcol ul{height: 40vh; overflow-y: scroll;    margin-bottom: 0;}
    .mobile-cta{position: fixed;bottom: 0;    left: 0;    width: 100%;    display: flex;    background: #fff;    box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);    z-index: 99;}
    .mobile-cta .btn {  text-align: center;   font-size: 12px;    letter-spacing: 0.5px;    font-weight: 500;    max-width: 33.33%;    flex: 0 0 33.33%;    padding: 0;    min-height: auto;}
    .mobile-cta  .btn .icon_bg {height: 40px; width: 40px;  margin: auto;  display: flex;  align-items: center;   justify-content: center;  background: #fff;  border-radius: 50%;  margin-top:-10px;  margin-bottom: 5px;  -webkit-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);-moz-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%); box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);}
    .mobile-cta .icon { width: 18px;height: 18px;  object-fit: contain;  display: block;margin: auto;}
    footer {padding-bottom: 73px;}
}  
@media only screen and (min-width: 600px) {
    .modal-content{
        height: 80vh;
    }
  .modal-content{
    width: 70%;
  }
}
@media only screen and (max-width: 600px) {
    .modal-content{
        height: 75vh !important;
    }
.close-btn {
    position: relative !important;
    /* margin: 0 !important; */
    top: -38px !important;
    left: 0px !important;
    margin: -29px auto !important;
} 
}
@media only screen and (max-width:575px){
    .highlight_box, .floor_Box, .cta_box, .locationm, .advantages_box, .sample_box, .specification_box, .projectbox, .project_box, .amenities_box, .pricebox, .ebook_box, .highsection_box, .amenitie_box, .amenities_box{padding: 10px 10px;}
    .title{font-size: 1.1rem;}
    header ul{text-align: center;margin-bottom: 0;}
    header {padding: 5px;}
    header .logo img {width: 180px;}
    .title h2{font-size: 1.2rem;}
    .details_home {display: none;}
    .details_home_mob {display: block;}
    .box_inner.toppage.mobshow { display: block; }
    .box_inner.toppage{position: static;  width: 100%;  margin: 0;}
    .box_inner.toppage.mobshow{display: block;}
    .box_inner.toppage{background: #c89f4c;}
    .box_inner.toppage h2 {font-size: 1.5rem;}
    .box_inner.toppage .form-control {background: rgb(58 88 148 / 0%);}
    .m2mchain p{font-size: 14px;}
    .locationm h4 {font-size: 1rem; padding-left: 0; padding-bottom: 1%;  margin-top: 1rem;}
    .locationm ul{padding-left: 14px;}
    .locationm ul li {font-size: .8rem;}
    .amenities_box #pills-tab {white-space: nowrap;  overflow-x: scroll;  width: 100%;     display: block; padding-bottom: 6px;}
    .amenities_box #pills-tab li{display: inline-block;}
    .amenities_list li{width: 100%; font-size: .8rem;}
    .amenities_list { margin-top: 1rem; }
    .amenities_list ul{height: 410px; overflow-y: scroll;}
    .pricebox button{    font-size: 11px;}
    .costdetails{text-align: center;}
    .highsection .rgtcol li:before{left: -10px; right: unset;clip-path: polygon(0 0, 100% 0, 100% 100%);}
    .highsection .rgtcol li .count{right: unset; left: -29px;}
    .highsection .high_img img{height: 200px;width: 200px;}
    .highsection .high_img h3{writing-mode: unset; top: 50%;padding: 5px 10px;font-size: .8rem;height: auto;margin-top: -22.5px;}
    .highsection ul li{font-size: 12px;padding: 11px 15px;}
    .ebook_box .book_heading{margin-bottom: 1rem; margin-top: 1rem;}
    .ebook_box p,.ebook_box a{font-size: .7rem;}
    .amenities_list1 .boxlist .boxoverlay h3{font-size: .8rem;}
    .rera_box h4 { padding-bottom: 1rem;font-size: 1rem;}
    .rera_box .reralogo{right: 20px;width: 60px;}
    .rera_box h5{padding-bottom: 10px; font-size: 1rem;}
    .rera_box h4{font-size: 1.3rem;}
    .rera_box p{padding-bottom: 15px; font-size: .8rem;}
    .rera_box {padding-right: 25px;}
    .keyhighlight h5{font-size: 1rem;}
    .tabsctn h5,.floorone button{font-size: .8rem;}
    .tabsctn .bhklist li{flex: 0 0 100%;width: 100%;}
    .tabsctn .bhklist li:nth-child(2){text-align: left;}
    .copyright p {padding: 2px 0; font-size: 12px;text-align: center;}
    .sample_img{margin-bottom: 1rem;}
    .flatbook{margin-bottom: 1rem;}
    .pricebox table{width: auto;}
    .flatslide1 img{height: auto;}
    .projectbox .amenities, .m2mchain .amenities{font-size: .7rem;}
    .m2mchain{padding: 15px 0px 15px;}
    .m2mchain .inner-item{margin-top: .5rem;}
    .scrollfix{height: 87vh;padding-bottom: 26%;}
    .menu .topmenu li a{font-size: .7rem;padding: 5px 6px;}
    .privacyctn p, .privacyctn h4, .privacyctn li {
        font-size: .8rem;
    }
}
@media only screen and (max-width:469px){
   
    
}