/*responsive*/
@media (min-width: 1299.9px) and (max-width: 1399.9px) {
  .container-lg{max-width: 1240px;}
}

@media (min-width: 2200px) {
  .walkthrough-section.bg-image::before{
    clip-path: circle(50% at 50% 160%);
  }
}

@media (max-width: 1199.9px) {
  :root{--header-height: 86px;}
  .header .logo a{width: 100px;}

  .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;}
}

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

@media (max-width: 991.9px) {
  html{font-size: 87.5%;}
  .container-lg{--bs-gutter-x: 3rem;}
  .enquiryWrapper{--width: 40px;}
  .header .logo a{width: 80px;}
  .header.fixed .logo a {height: 34px;}
  .header.fixed .logo a img{width: 65px;}
  .header .logo-20yrs{width: 50px;}
  .header.fixed .logo-20yrs {width: 40px;}
  .header.fixed + .mbMenuContainer {padding-top: 40px;}
  .mbMenuContainer .mbMenu{padding: 0 3rem;}
  .heading .h2{font-size: 1.675rem;}
  .h4,h4{font-size: 1.275rem;}
  .investment-facts .inner{max-width: 260px;}
  .charts-css.area, .charts-css.column, .charts-css.line {--labels-size: 3rem;}
  .step-card:not(:last-child)::before{width: 3rem; height: 20px;}
  .videoBoxBtn{width: 100%;}
  .videoBox-thumbnails .inner{height: auto; padding-bottom: 10px; padding-right: 0;}
  .videoBoxBtn::before{width: 2px; height: 100%; top: 0%; left: 50%;}
  .project-banner {height: calc(100vh - 81px);}
  .pageMenu{justify-content: center !important; gap: 1rem;}
  .about-project-box{text-align: center;}
  .about-project-box .scroller{height: auto; padding-right: 0;}
  .has-golden-border.project-logo{border-right: 0;}
  #overview .statsBox:nth-child(even)::before{display: none;}
    

    .hero-controls{bottom: 1rem; left: 1rem !important; transform: translateX(0) !important; width: max-content;}
    .heading .h1{font-size: 2.5rem;}
    .business-img img, .galBox img{aspect-ratio: 3/2; object-fit: cover;}
    .galBox .box-title::before{left: 20px;}
    .galBox .box-title::after{right: 20px;}
    .swiper-middle-controls .swiper-button-next, .swiper-middle-controls .swiper-rtl .swiper-button-prev,
    .swiper-middle-controls .swiper-button-prev, .swiper-middle-controls .swiper-rtl .swiper-button-next{transform: none;}
    .footer-bottom>div{flex-wrap: wrap;}

    .overview-img .overview-logo{max-width: 250px;}
    .testimBox .inner{padding: 2rem;}
    .readmore{margin-top: 3rem;}
    .footerAbout .footerSocial{gap: 10px;}
    .project-text-img{aspect-ratio: 2/1;}
    .project-text{text-align: center;}
    .gallery-slide img{aspect-ratio: 2/1;}
    .amenity-text > .inner{padding: 3rem 1rem; text-align: center;}
    .amenity-wrapper{height: auto !important; padding: 0 1rem 1rem;}
    .amenity-wrapper::before{width: 100%;}
    .amenity-slider{height: auto !important;}
    .amenity-box.swiper-slide{opacity: 1;}
    .amenity-box .img-fluid{width: 100%;}
    .floorwise-listing{bottom: auto; width: 300px;}
    .map-hld{padding-bottom: 70%;}
    .circle-1{width: 10%;padding-bottom: 10%;}
    .circle-2{width: 21%;padding-bottom: 21%;}
    .circle-3{width: 33%;padding-bottom: 33%;}
    .circle-4{width: 45%;padding-bottom: 45%;}
    .circle-5{width: 57%;padding-bottom: 57%;}
    .circle-6{width: 70%;padding-bottom: 70%;}
    .circle-7{width:78%;padding-bottom:78%}
    .loc-nh44{right: 25%;}
    .mapBox{height: 400px;}
    .button-top{right: auto; left: 20px;}
    
}

@media (max-width: 767.9px) {
  html {font-size: 75%;}
  /* .container, .container-lg{max-width: 100%; padding-left: 2rem; padding-right: 2rem;} */
  .enquiryWrapper{--width: 36px;}
  .logo-icon img {max-width: 200px;}
  
  /* .banner {height: 550px;} */
  .scrollDown{bottom: 1rem;}
  .bannerText h5 {max-width: 350px;}
  .statsWrapper {margin-top: 2rem;}
  .readmore .button{min-width: 130px;}
  .section-gallery .gall-slide.swiper-slide{height: 500px;}
  .section-gallery .gall-slide .gall-slide-footer{padding: 7rem 1.5rem 3rem; justify-content: space-between;}
  .section-gallery .swiper-pagination{bottom: 0;}
  .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;}
  .foot-About .insideBox{display: flex; flex-wrap: wrap; gap: 0 1rem; margin-bottom: 2rem;}
  .footer-logo{width: 100%;}
  .ratingWrapper{margin-bottom: 0; width: 220px;}
}

@media (max-width: 575.9px) {
  :root{--header-height: 52px; --primary-padding: 4rem;}
  .header{top: .5rem; width: 98%;}
  .header .logo a {width: 60px;}
  .header.fixed .logo a {height: 30px;}
  .header.fixed .logo a img {width: 60px;}
  .header .logo-20yrs {width: 40px;}
  .menuBtn{padding: 8px;}
  .menuBtn span{width: 24px; height: 24px;}
  
  .mbMenu .navigation{border-right: 0; border-bottom: 1px solid rgb(0 0 0 / 30%);}
  .menu-modal{width: 100%;}
  .menu-modal .bigMenu {margin: 3.5rem 0 5rem;}
  .menu-modal .bigMenu ul li a{font-size: 2rem;}
  .mbMenuContainer .side-menu{padding: 2rem 0 0; text-align: left;}
  .enquiryWrapper{--width: 32px;}


  .comparison-graph .column th{font-size: 10px !important;}
  .step-card:nth-child(2)::before{left: 50%; top: 100%; transform: translate(-50%, 100%) rotate(90deg);}
  .step-card:nth-child(3)::before{left: 0%; transform: translate(-50%, -50%) rotate(180deg);}
  .videoBox .box-title{padding: 0.75rem;}
  .parent-speak-slide .inner{width: 100%; padding: 0;}
  #testimonials button[class^='carousel-control']{display: none;}
  .footer-contact ul {display: flex; flex-wrap: wrap;}
  .footer-contact ul li:not(:last-child) {width: 50%;}
  .gal-slide{width: 80%;}
  .gal-slide img{aspect-ratio: 5/4;}
  .section-random{aspect-ratio: 1;}
  
  .heroText .heading{margin-left: auto; margin-right: auto;}
  .heroText .heading.hasline::before{left: calc(50% - (var(--wd) / 2));}
  .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;}
  /* .features:not(:last-child) {margin-bottom: 10rem;} */
  .features-wrapper{padding-bottom: 0;}
  .featImg-2, .featImg-4{display: none;}
  .features:nth-child(3){position: static;}
  .location-wrapper .inner{padding-left: 2rem; padding-right: 2rem;}

  .foot-contact li a{padding: 15px;}
  .foot-contact li a p{font-size: 1.25rem;}
  .footer-area{text-align: center;}
  .foot-menu:not(:last-of-type) .insideBox{padding-bottom: 20px; border-bottom: 1px dashed rgb(0 0 0 / 25%); margin-bottom: 20px;}
  .foot-menu ul{display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: center;}
  .footer-bottom{padding: 1.5rem 0;}
  .footerSocial{justify-content: center;}
  .smallHeading{font-size: 1.25rem;}
  .footer-bottom > div, .footer-logo .rating{flex-wrap: wrap; justify-content: center; gap: 10px;}

  div[class^='swiper-button']{width: 32px; height: 32px;}
  button.close{right: 5px;}
  .readmore .button.button-sm {padding: 8px 1.5rem;}
}

@media (max-width: 480px) {
  body, .section-overview .text-justify{text-align: center;}
  .banner, .project-banner{height: auto; aspect-ratio: 4/5;}
  .galBox img{aspect-ratio: 3/4;}
  .heading{margin-bottom: 1rem;}
  .readmore{margin-top: 1.75rem;}
  button[class^='carousel-control'] {
    width: 30px;
    height: 30px;
    top: auto;
    bottom: auto;
    bottom: 6px;
  }
  .carousel-control-next {
    right: calc(50% - 32px);
  }
  .carousel-control-prev {
    left: calc(50% - 32px);
  }
  .h2, h2 {
    font-size: 2rem;
    text-align: center;
  }
  .section-overview .heading h2 {
    font-size: 1.5rem;
  }
  .heading :is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    text-align: center;
  }
  .heading :is(.h1, .h2, .h3, h1, h2, h3) {
    letter-spacing: 2px;
  }
  .button-top{width: 30px; height: 30px; line-height: 30px;}
  .videoBox-thumbnails .inner .col-3{width: 30%;}

  .pageMenu ul, .pageMenu ol{justify-content: center !important; gap: 10px;}
  .pageHeader li a{padding-right: 0;}
  .pageHeader ol li{margin-left: 0;}
  .project-logo img{max-width: 200px;}
  .mbMenuContainer .mbMenu ul li a, .gallery-title, .award-slide article{text-align: left;}
  .readmore .button{margin-left: auto; margin-right: auto;}
  .plansDetails ul li span {flex: 0 0 50%; max-width: 50%;}
  .plansDetails ul li{font-size: 1rem;}
  .featSlider .swiper-slide{width: 70%;}
}

@media (max-width: 425px) {
  .overview-img .overview-logo{max-width: 150px;}
  .h2, h2 {font-size: 1.75rem;}
  .statsWrapper .statsBox .inner{padding: 1rem 0;}
}

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

@media (max-width: 360px) {
  .mbMenuContainer .mbMenu{padding: 0 1.75rem;}
  .mbMenuContainer .mbMenu ul li a{
    font-size: 1.5rem;
  }
}

@media (max-width: 320px) {
  .featBox .inner .img-fluid{max-width: 40px; flex: 0 0 40px;}
}