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

@media (min-width: 576px) {
  .custom-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .custom-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .custom-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .custom-container {
    max-width: 1180px;
  }

}

@media (min-width: 1300px) {
  .custom-container {
    max-width: 1280px;
  }

}

@media (min-width: 1400px) {
  .custom-container {
    max-width: 1368px;
  }
}

@media (min-width: 1700px) {
  .custom-container {
    max-width: 1615px;
  }

}
@media (max-width: 1600px) {
    .price-details .apartments {
        position: absolute;
        top: -8%;
        left: 50%;
        transform: translateX(-50%);
        background: #585857;
        color: #fff;
        padding: 6px 20px;
        border-radius: 7px;
        outline: #ebebeb solid 6px;
        outline-offset: 0;
        width: 65% !important;
        text-align: center;
    }
}
@media (max-width: 1440px) {
  .main-title {
    font-size: 40px;
 }.floor-plan-img img{
  height: 250px;
 }    .glow-button {
        bottom: 30px;
        right: 30px;
    }    .visit-form {
        bottom: 90px;
        right: 30px;
        padding: 25px;
    }    .visit-form form input, .visit-form form select {
        height: 40px;
    }    .visit-form form label {
        margin-bottom: 0;
        font-size: 14px;
    }    .visit-form form .btn {
        padding: 7px 15px;
    }

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

 .navbar-brand img {
    height: 55px;
}
.nav-item .nav-link {
    font-size: 16px;
}
}
@media (max-width: 1300px) {
    .navbar-brand img {
        height: 80px;
    }    .nav-item .nav-link {
        font-size: 15px;padding: 0 15px!important;
    }
}
@media (max-width: 991px) {

  .side-menu {
    position: fixed;
    left: 0;
    top: 0;
    background: var(--black);
    height: 100dvh;
    width: 56%;
    transform: translateX(-70%);
    transition: visibility .3s ease-in-out, transform .3s ease-in-out;
    display: block;
    visibility: hidden;
  padding: 25px;
    z-index: 99999;
  }

  .side-menu.show {
    transform: translateX(0);
    visibility: visible;
  }

  .side-menu .nav-item .nav-link {
    display: block;
    width: 100%;
    padding: 25px 0 !important;
    border-bottom: 1px solid #ffffff85;color: #fff;
    font-size: 16px;
  }    .header-overlay {
        position: fixed;
        width: 100%;
        height: 100dvh;
        top: 0;
        left: 0;
        background: #000;
        background: #000000c2;
        z-index: 9999;
        transform: translateX(-100%);
        transition: transform 0.5s ease-in-out;
    }    .header-overlay.show {
        transform: translateX(0%);
    }    .left-card {
        padding-right: 0;
        margin-bottom: 25px;
    }    .galler-flex {
        flex-wrap: wrap;
    }    .galler-item {
        flex: auto;
        width: 50%;
    }    .fp-box {
        margin-bottom: 25px;
    }.amen-box{
      min-height: 160px;padding: 15px;
    }
}

@media (max-width: 600px) {
  .aur-why{
    padding: 25px;
  }.list-li li {
    font-size: 14px;
}
      .godrej-block {
        border: none;
        border-top: 1px solid var(--primary-color);
        border-bottom: 1px solid var(--primary-color);
        padding: 0;
        padding-top: 25px;
        padding-bottom: 25px;
    }.footer {
    padding-bottom: 65px;
}.banner-img img {
    object-position: 17% 50%;
}
  .custom-container {
    padding-left: 12px;
    padding-right: 12px;
  }

 
  .navbar-brand img {
    height:60px;
  }

  .navbar-toggler {
    padding: 5px;
  }

  

  .main-title {
    font-size: 30px;
  }

  .main-title br {
    display: none;
  }
    .config-bx {
        width: 100%;
    }.galler-item {
        width: 100%;
    }.galler-img {
    height: auto;
}.visit-form{
    width: auto;
        min-width: 0;
        padding: 25px;
        right: 15px;
        left: 15px;
        bottom: 95px;
    }.visit-form form .btn{
      padding: 8px 26px 8px 26px;
    }.visit-form form input, .visit-form form select {
    height: 40px;
    }.visit-form form label{
      font-size: 14px;
    }.modal-form form input, .modal-form form textarea {
        height: 40px;
    }
}