/*responsive*/
@media (min-width: 1400px) {
    .banner{height: auto;}
  }
  
  @media (max-height: 1024px) {
      .navi {
          gap: 15px;
      }
      .navi li a {
          gap:3px;
          font-size: 1rem;
          /* padding: 6px; */
          
          text-transform: uppercase;
          letter-spacing: 1px;
      }
      .bannerSideBox h1 span {
          font-weight: 500;
          font-size: 2rem;
      }
  }
  
  @media (max-height: 1280px) {
      .hero {
          height: 100%;
   }
  }
  
  @media (max-width: 1370px) {
    .readmore .button {
        padding: 8px 4px;
        min-width: 140px;
        font-size: 12px;
        font-weight: 600;
    }
    .bannerSideBox .heading {
        padding: 0;
        margin: 10px 0;
    }
  }
  @media (max-width: 991.9px) {
      .hero{padding: 1rem;}
      .bannerSideBox{padding-bottom: 0; padding-top: 1rem;}
      .bannerSideBox .inner{transform: none; box-shadow: none;}
      .overviewSide{
          margin-bottom: 2rem;
      }
      .fpDetails{justify-content: center;}
      .readmore:not(.d-flex) .button{margin-left: auto; margin-right: auto;}
      .masterplan-img{width: 100%; opacity: 0.05; -webkit-filter: blur(5px); filter: blur(5px);}
      .enquiry-form .inner{padding: 2rem;}
      video {
        height: auto;
    }
    .heading {
        display: table;
        margin-bottom: 1rem;
    }
  }
  
  @media (max-width: 768px) {
    .padding {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .configuration-box h5 {
        font-size: 17px;
        margin-bottom: 0;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .gal-slider .swiper-slide .galImg {
        height: 277px;
    }
    .planBase .fpDetails h5 {
        font-weight: 500;
    }
    .loc-text
    {
        margin-top: 15px;
    }
    .readmore.d-flex {
        justify-content: center !important;
    }
  }
  
  @media (max-width: 767.9px) {
      html{font-size: 87.5%;}
      .padding{padding-top: 3rem; padding-bottom: 3rem;}
      .container-lg{padding-left: 20px; padding-right: 20px;}
      .row:not(.no-gutters){margin-left: -10px; margin-right: -10px;}
      .row.gap-row{row-gap: 20px;}
      .row:not(.no-gutters) div[class^=col]{padding-left: 10px; padding-right: 10px;}
      .heading{margin-bottom: 20px;}
      .heading .h1{font-size: 2rem;}
      .loc-container .loc-text ul li .loc-row p{text-align: left;}
      .button-top{width: 30px; height: 30px;}
  }
  
  @media (max-width: 680px) {
      .foot-menu{width: 50%;}
      .h2, h2 {
        font-size: 1.5rem;
    }
  }
  
  @media (max-width: 575.9px) {
      /* html{font-size: 81.25%;} */
      .h4, h4 {font-size: 1.4rem;}
      p{text-align: justify; line-height: 1.4;}
      .heading .h1 {
          font-size: 1.75rem;
      }
      .moreDetails .iconBox, .amenBox{width: 50%;}
      .amenBox p{text-align: center;}
      .gall img{height: auto;}
      .swiper-button-next, .swiper-button-prev{width: 30px; height: 30px;}
      .gall .galleryCaption h4{font-size: 1.5rem;}
      .heading{margin-left: auto; margin-right: auto;}
      .form-close{display: none;}
      .button-top{bottom: 50px;}

      .bg-overview .icn p{
        text-align: center;
      }
  }
  
  @media (max-width: 480px) {
      .hero container-lg{
      padding-left: 10px;
      padding-right: 10px;
      }
      .charSlide img {
        height: 242px;
    }
    .reranumber
    {
        text-align: left !important;
    }
    .container-fluid {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .configuration {
        margin-top: 20px !important;
        flex-wrap: wrap;
    }
    .configuration-box {
        width: 50%;
        margin: 0;
    }
    .configuration-box p{
        text-align: center !important;
    }
    .configuration-box:nth-last-child(3)
    {
        border-right:none ;

    }
    .configuration-box:nth-last-child(1), .configuration-box:nth-last-child(2)
    {
        border-top:1px solid #d1a56b ;
    }
    .readmore {
        width: 100%;
        margin-top: 0.5rem;
    }

    .bg-overview .icn p{
        text-align: center;
      }
   
  }
  
  @media (max-width: 425px) {
    .header {
        padding: 4px 0;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .head.d-flex {
        justify-content: space-between !important;
        width: 95%;
    }
    .header.d-flex {
            display: flex;
            align-items: center;
            justify-content: space-between !important;
            width: 100%;
            padding: 0 14px;
        }
      .estates-logo{font-size: 1.5rem;}
      .estates-logo span{font-size: 11px; letter-spacing: 1px;}
      .hero {margin-top: 60px;}
      .bannerText{padding: 8rem 1rem 1rem; background: linear-gradient(transparent,rgb(255 255 255 / 64%));}
      .bannerSideBox h3{font-size: 1.5rem;}
      .bannerSideBox h1{margin-bottom: 1rem;}
      .iconBox .in{gap: 5px;}
      .iconBox .in img {width: 50px; padding: 5px;}
      .amenBox.iconBox .in img {width: 40px;}
      .form-img .logo img{width: 120px; margin-right: 0;}
      .form-img .logo .estates-logo{flex-grow: 1; text-align: center;}
      .form-img .logo .estates-logo span{letter-spacing: 0;}
      .readmore.d-flex{gap: 5px;}
      .readmore .button{padding: 7px 10px; letter-spacing: normal; font-size: 12px;}
      .readmore.d-flex .button{font-size: 14px; padding: 10px; font-weight: 700;}
      .row:not(.no-gutters){margin-left: -5px; margin-right: -5px;}
      .row.gap-row{row-gap: 10px;}
      .row:not(.no-gutters) div[class^=col]{padding-left: 5px; padding-right: 5px;}
      .modal-details{gap: 20px;}

      .bg-overview .icn p{
        text-align: center;
      }
  }
  
  @media (max-width: 375px) {
      .overviewSide .inner{padding: 2rem;}
      .overviewSide .inner img{width: 140px;}
      .overviewSide .inner .estates{letter-spacing: 3px;}
      .overviewSide .inner h6{letter-spacing: 1px;}
      .form-img .logo .estates-logo span {font-size: 11px;}
      .bg-overview .icn p{
        text-align: center;
      }
  }
  
  @media (max-width: 320px) {
      html{font-size: 81.25%;}
      .estates-logo span{font-size: 10px; letter-spacing: 1px;}
      .bannerSideBox .estates128{padding: 5px;}
      .bannerSideBox h3{padding: 5px 7px 7px;}
      .bannerSideBox h2{letter-spacing: 1px; font-weight: 400;}
      .iconBox .in{padding: 1rem;}
      .amenBox {width: 100%;}
      .form-img .logo{flex-wrap: wrap; flex-direction: column;}
      .form-img .logo img {width: 100%; height: 57px; object-fit: contain;}
      .form-img .logo .estates-logo{padding: 10px;}
      .enquiry-form .inner, .form-img .inner{padding: 1.5rem;}
      .readmore.d-flex .button {font-size: 12px;}
      .bg-overview .icn p{
        text-align: center;
      }
  }