

/*responsive*/
@media (min-width: 1920px) {
  .container-lg{max-width: 1600px;}
}
@media (min-width: 1300px) {
  .container-lg{max-width: 1280px; padding-left: 3.5rem; padding-right: 3.5rem;}
}

@media (max-width: 1199.9px) {
    .overview-text .inner{padding: 5rem 6rem;}
    .project-slide.swiper-slide{width: 80%;}
    .project-slide .project-box-location span{letter-spacing: 6px;}
    .whyUsBox .imgBox{flex: 0 0 80px; max-width: 80px; padding: 1rem;}
    .btn-plus, .swiper-button-next.lg, .swiper-button-prev.lg, .iconBox .ikon{width: 80px; height: 80px;}
    .tagline{font-size: 4rem;}
}

@media (max-width: 1024px) {
    /* .banner{height: 60vh;} */
    .connectivity .in h6 {min-height: 50px;}
}

@media (max-width: 991.9px) {
    html{font-size: 87.5%;}
    .bannerText .h1{font-size: 3.5rem;}
    .bannerText h5{max-width: 420px;}
    .bannerText .readmore{margin-top: 2rem;}
    .scrollDown{bottom: calc(40% + 2rem);}
    .heading{margin-bottom: 3.5rem;}
    .heading.hasline span.h4{font-size: 2rem;}
    .heading .h1{font-size: 2.25rem;}
    .overview-text .inner{padding: 4rem;}
    .swiper-slide.featured-slide{height: 500px;}
    .hm-projectBox section{max-width: 500px; height: auto; flex-wrap: wrap;}
    .hm-projectBox section .hm-projectLogo{width: 90px;}
    .hm-projectBox .featured-text .address-single {font-size: 1rem;}
    .tagline {font-size: 3.25rem; padding: 5rem 0;}
    .swiper:not(.uspSlider, .fpSlider){padding-bottom: 50px;}
    .swiper-button-next, .swiper-button-prev{top: auto !important; margin-top: 0 !important; bottom: 0; width: 32px !important; height: 32px !important; border-color: rgba(0, 0, 0, 0.2) !important;}
    .swiper-button-next:after, .swiper-button-prev:after{color: var(--body-color) !important; font-size: 13px !important;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev{right: calc(50% - 35px);}
    .swiper-button-prev, .swiper-rtl .swiper-button-next{left: calc(50% - 35px);}
    .testimBox .inner{padding: 2rem;}
    .readmore{margin-top: 3rem;}
    .footerAbout .footerSocial{gap: 10px;}
    .insideBanner{height: auto;}
    .uspCollage{margin-top: 0;}
    .uspCollage .uspBox#uspBox2{height: 200px;}
    .uspCollage .uspBox#uspBox3, .uspCollage .uspBox#uspBox4{height: 280px;}
    .inner-uspBox article:not(:last-child){padding-bottom: 2rem; margin-bottom: 2rem;}
    .inner-uspBox .clubhouse-stats h5{letter-spacing: 8px;}
    .inner-uspBox .listContainer ul{display: flex; flex-wrap: wrap; column-gap: 2rem;}
    .inner-uspBox article h4{font-size: 1.75rem; margin-bottom: 0;}
    .hm-fpContainer .heading{margin-bottom: 1rem;}
    .fp-img img{max-width: 350px; margin: 0 auto;}
    .fpDownloadBtns .readmore{justify-content: center;}
    .connectivity .in h6 {font-size: 13px;min-height: 63px;vertical-align: bottom; font-weight: 500;}
}

@media (max-width: 767.9px) {
  html {font-size: 75%;}
  body {text-align: justify; text-align-last: center;}
  .container, .container-lg{max-width: 100%; padding-left: 2rem; padding-right: 2rem;}
  .logo img{width: 120px;}
  /* .banner {height: 550px;} */
  .scrollDown{bottom: 1rem;}
  .bannerText h5 {max-width: 350px;}
  .overview-text .inner {padding: 3rem;}
  .heading{margin-bottom: 2rem;}
  .readmore .button{min-width: 130px;}
  .project-slide .rera{top: 40%; font-size: 10px;}
  .btn-plus, .iconBox .ikon{width: 50px; height: 50px;}
  .whyUsBox section{border-bottom: 1px solid var(--gray);}
  .whyUsBox .imgBox{flex: 0 0 60px; max-width: 60px; padding: 10px;}
  .footerAbout .footer-title{margin-bottom: 1.5rem;}
  .location-imgs img{max-width: 300px; margin: 0 auto;}
  .location-imgs .map-pointer{width: 40px;}
  .specSlide .specDetails .list-inline li, .listContainer ul li, .form-group, .foot-menu{text-align: left; text-align-last: left;}
  .specSlide .specDetails .list-inline li strong{max-width: 40%; flex: 0 0 40%;}
  .specSlide .specDetails .list-inline li span{max-width: 60%; flex: 0 0 60%;}
  .location-advantages{padding-top: 0;}
}

@media (max-width: 575.9px) {
  .container, .container-lg{padding-left: 18px; padding-right: 18px;}
  .scrollDown{display: none;}
  .heading.hasline span.h4::before, .heading.hasline span.h4::after{width: 20%;}
  .heading .h1, div[class^='col'].project-slide .project-box-title, .project-slide.swiper-slide-active .project-box-title{font-size: 2rem;}
  div[class^='col'].project-slide .project-box-title, .project-slide.swiper-slide-active .project-box-title{font-weight: 300;}
 
  .valueBox figure figcaption{font-size: 1rem;}
  .serviceBtns{width: calc(100% / 3);}
  .foot-menu{width: 50%;}
  .gallery-slide{width: 100%;}
  .fpTypeBtnContainer{flex-wrap: wrap; row-gap: 2rem;}
  .emiresult .inner{display: flex; flex-wrap: wrap;}
  .emiresult .inner .form-group{width: 50%;}
  .connectivity .in h6 {
    min-height: 31px;
}
  .location-pin
  {
    width: 50%;
    margin: auto;
}
.iconsContainer::before
{
  top: 8%;
}
.iconsContainer1::before
{
  top: 91%;
}
}

@media (max-width: 480px) {
  .header{padding: 5px 0;}
  .logo img, .fixed-header-strip .header .logo img, .header.notfixed .logo img, .header.fixed .logo img{width: 90px;}
  .header-icons ul li{margin-left: 10px;}
  .icon-circular{width: 38px; height: 38px; font-size: 1.25rem;}
  .footer-logo{margin: 0 auto 1rem;}
  .inner-uspBox .clubhouse-stats h2 {font-size: 1.5rem;}
  .inner-uspBox .clubhouse-stats h2 span{font-size: 2.5rem;}
  .inner-uspBox .clubhouse-stats h5 {letter-spacing: 5px;}
  .heading.hasline span.h4{font-size: 1.5rem;}
  .stats h2 span{font-size: 3.25rem;}
  .fpTypeBtnContainer button{padding: 0 20px;}  
}

@media (max-width: 425px) {
  .iconBox {
  box-shadow: 1px 0px 0px #c7c7c7;
  }
  .charSlide img {
    height: 241px;
  }
  .footer-area a{font-size: 13px;}
}

@media (max-width: 375px) {
  .foot-menu{width: 100%;}
}

@media (max-width: 360px) {
}

@media (max-width: 320px) {
}