@media (max-width: 767px) {
  header nav {
    position: absolute;

    top: 90px;

    width: calc(100% - 15px);

    background-color: #fff;

    z-index: 9;

    left: 10px;
  }

  .footerBottom {
    padding: 10px 0 60px 0;
  }

  .projectHelightBoxAmintie {
    min-width: 0%;
    width: 40%;
    /* display: flex; */
    /* justify-content: center; */
  }

  .down-bro {
    display: none;
  }

  header nav ul {
    display: flex;

    padding: 15px 15px;

    flex-direction: column;
  }

  .menuIcon img:nth-child(2) {
    display: none;
  }

  .menuIcon.active img:nth-child(2) {
    display: block;
  }

  .menuIcon.active img:nth-child(1) {
    display: none;
  }

  section {
    padding: 50px 0;
  }

  .overviewLeft h2 {
    font-size: 18px;

    margin-bottom: 15px;
  }

  .roofTopContentBox-1 {
    opacity: 1;
  }

  .roofTopContentBox-2 {
    position: relative !important;

    right: 0;

    top: 0;

    padding: 20px 20px;

    opacity: 1;
  }

  .amenities {
    padding: 60px 0;
  }

  .amenitieTitleBoxWrapper {
    margin-top: 0;
  }

  .amenitieTitleBox {
    right: 0;

    display: block;

    padding: 20px 20px;
  }

  .amenity {
    gap: 10px;
  }

  .amenitiesBottom {
    gap: 15px;
  }

  .amenity span {
    font-size: 14px;
  }

  .connectivity {
    padding-bottom: 60px;
  }

  .connectivity .nav-tabs .nav-item .nav-link {
    font-size: 12px;
  }

  .gallery .nav-item {
    min-width: 50%;

    width: 50%;
  }

  .gallery .nav-item .nav-link {
    width: 100%;

    font-size: 11px;

    padding: 10px 0;
  }

  .developByBoxWrapper .row::after {
    display: none;
  }

  .configurationMenu {
    display: flex;

    gap: 10px;

    padding: 10px 0;

    margin: 0 0 15px;

    list-style: none;

    overflow-x: auto;

    white-space: nowrap;

    scrollbar-width: thin;
    /* For Firefox */

    scrollbar-color: #888 transparent;
    /* For Firefox */
  }

  .configurationMenu::-webkit-scrollbar {
    height: 6px;
    /* Adjust scrollbar height */
  }

  .configurationMenu::-webkit-scrollbar-thumb {
    background: #888;
    /* Scrollbar thumb color */

    border-radius: 3px;
  }

  .configurationMenu::-webkit-scrollbar-track {
    background: transparent;
  }

  .configurationMenu li+li {
    margin: 0;

    padding-left: 7px;

    border-left: 1px solid #a99d9d;
  }

  .modal-content {
    padding: 15px 15px;
  }

  .roofTopContent h2,
  .amenitieTitleBox h2 {
    font-size: 19px;
  }

  .site {
    min-width: 70px;
  }

  .commonTab.commonTabTwo .nav-item {
    min-width: 50%;

    width: 50%;
  }

  .commonTab.commonTabTwo .nav-item .nav-link {
    width: 100%;

    font-size: 11px;

    padding: 10px 0;
  }

  .projectHelightBoxOne {
    top: 0;

    right: auto;

    position: relative !important;
  }

  .projectHelightBoxTwo {
    bottom: auto;

    right: auto;

    position: relative !important;
  }

  .amenitiesBoxWrapperTwo img {
    transform: none;

  }

  .projectHelightBoxInner {
    width: 100%;

    display: flex;
    justify-content: center;
  }

  .projectHelightBoxAmintie h5 {
    font-size: 17px;
  }

  .amenities-box img {
    width: 45px;
  }

  .amenities-box p {
    font-size: 14px;

    margin-bottom: 0;
  }

  .amenitiesBox .col-md-6:nth-child(n + 3) {
    margin-top: 30px;
  }

  .virtualTourButtton a {
    width: 100px;

    height: 100px;
  }

  .virtualTourButtton a span {
    font-size: 9px;
  }

  .call-btn span {
    font-size: 15px;
  }

  .developByBox img {
    width: 155px;
  }

  header .leftLogo img {
    width: 50px;
  }

  #CONSTRUCTIONUPDATES-tab-pane .swiper-slide img {
    height: 300px;
  }
}

@media (min-width: 992px) {
  .gallery .commonTab .nav-tabs li .nav-link {
    padding: 0 15px 15px;
  }

  .commonTabTwo .nav-tabs .nav-item+.nav-item .nav-link {
    padding-left: 20px;
  }
}