/*==================== Wide Screens Start=============================*/
@media only screen and (min-width: 1900px) {
  html {
    font-size: 16px;
  }

  #popupModal.modal .modal-dialog {
    max-width: 35%;
    margin: 2.9rem auto !important;
  }
}

/*==================== Wide Screens End=============================*/
/*==================== Extra Large Devices=============================*/
@media only screen and (min-width : 1400px) and (max-width: 1900px) {
  html {
    font-size: 14px;
  }
}

/*==================== Extra Large Devices=============================*/

/*==================== Normal Devices Start=============================*/
@media only screen and (min-width : 992px) and (max-width: 1199px) {
  body {
    font-size: 14px !important;
  }

  .section-head {
    font-size: 23px !important;
  }

  #popupModal.modal .modal-dialog {
    max-width: 88%;
  }
}

/*==================== Normal Devices End=============================*/
/*==================== All Large Devices Start=============================*/
@media only screen and (max-width: 991px) {
  .modal-dialog {
    width: 90%;
    margin: 20px auto;
  }

  .inneroverview {
    padding: 72px 0px !important;
  }

  .ContactUsbox {
    padding: unset;
  }

  .inquireButton {
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1.5px solid;
    width: 100%;
    padding: 10px;
    z-index: 99;
    background-color: #000;
    color: #fff !important;
    border-radius: 0;
    box-shadow: 0 1px 10px rgb(255 255 255 / 80%);
  }

  .innerbtn {
    color: #fff;
    text-align: center;
  }

  .innerbtn button {
    color: #fff;
    text-align: center;
  }

  .innerbtn button a {
    color: #fff;
    text-decoration: none;
    text-align: center;
  }

  #popupModal.modal .modal-dialog {
    max-width: 90%;
    margin: 1.9rem auto !important;
  }

  #popupModal .classpadd {
    padding: 2% 4%;
  }

  .abt-head::after {
    width: 50%;
  }

  .innerContactUs .abt-head::after {
    width: 35%;
  }

  .innerContactUs {
    position: relative;
    min-height: 50vh;
    overflow: hidden;
  }

  .contact-bg {
    background-image: url("../img/contactmob.webp");
  }

  .thseabox {
    padding-left: 0px;
  }

  .maharera {
    color: #fff;
    display: block;
  }

  .MahaRERA .bor-bottom {
    margin-left: 0px;
  }
}

/*==================== All Large Devices End=============================*/
/*==================== All Mobile Devices Start=============================*/
@media only screen and (min-width: 991px) {
  .footer {
    padding: 50px 0 !important;
  }
}

/*==================== All Mobile Devices End=============================*/
/*==================== Tablet Devices Start=============================*/
@media only screen and (min-width : 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 70%;
    margin: 20px auto;
  }
}

/*==================== Tablet Devices End=============================*/

/*==================== Large Mobile Devices Start=============================*/
@media only screen and (min-width : 480px) and (max-width: 767px) {
  .inneroverview {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
      url("../img/aboutusmobile.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

/*==================== Large Mobile Devices End=============================*/

/*==================== Small Mobile Devices Start=============================*/
@media only screen and (max-width : 480px) {
  .inneroverview {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
      url("../img/aboutusmobile.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

/*==================== Small Mobile Devices End=============================*/
/*==================== Small Mobile Devices Start=============================*/
@media only screen and (max-width : 320px) {}

/*==================== Small Mobile Devices End=============================*/



/* Sirf mobile (XS) screens ke liye */
@media (max-width: 767.98px) {
  .mobile-top {
    margin-top: -12px !important;
  }

  .floor-sticky {
    position: fixed;
    left: 20px;
    bottom: 82px !important;
    width: 200px;
    z-index: 999;
    cursor: pointer;
  }
  .toggle {
    margin-right: 160px !important;
  }
}