@media only screen and (max-width: 1680px) {
  html {
    font-size: 15px;
  }
  .about-hero-img-container {
    height: 80.7lvh;
  }
}

@media only screen and (max-width: 1450px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 13px;
  }
  body {
    min-height: 90lvh;
  }
}

@media only screen and (max-width: 1152px) {
  html {
    font-size: 12px;
  }
  .about-hero-img-container {
    height: 83.7lvh;
  }
}

@media only screen and (max-width: 1024px) {
  html {
    font-size: 11px;
  }
}

@media only screen and (max-width: 991px) {
  .visible-tab-mobile {
    display: block !important;
  }

  .hide-tab-mobile {
    display: none !important;
  }
  .about-hero-img-container {
    height: 84.5lvh;
  }
  .content-container {
    width: 90%;
    margin: 0 auto;
    float: unset;
  }
  .about-us-flex {
    flex-direction: column;
  }
  .about-us-flex > div:nth-child(1) {
    width: 100%;
  }
  .about-us-flex > div:nth-child(2) {
    width: 100%;
    margin-bottom: 2rem;
  }
  .about-us-flex > div:nth-child(3) {
    width: 100%;
    padding: 0 !important;
  }
  #about-page-wrapper-dsbt {
    margin: 0rem 0 3rem 0;
  }
  .para-section {
    height: unset;
    overflow-y: unset;
    margin-bottom: 4rem;
    gap: 1rem !important;
    padding-right: 0 !important;
  }
  .smallpara-content p {
    font-size: 1.5rem;
  }
  .smallpara-content p {
    line-height: 2rem;
  }
  .abouts-us-title p {
    text-align: center;
  }
  /* .smallpara-content {
    margin-bottom: 1rem;
  } */
  .swiper-controllers .next-btn {
    width: 5rem;
  }
  .swiper-controllers .prev-btn {
    width: 5rem;
  }

  #detail-page-wrapper-dsbt,
  #client-gallery-page-wrapper-dsbt {
    min-height: 91.4lvh;
  }
  .contactus-main {
    min-height: 92lvh;
  }
}

@media only screen and (max-width: 767px) {
  .visible-mobile-only {
    display: block !important;
  }
  .hide-mobile-only {
    display: none !important;
  }
  .main-container {
    width: 98%;
  }
  .header-logo {
    width: 15rem;
  }
  .header-wrapper {
    padding: 0.5rem;
  }
  .product-hero-img {
    padding: 131% 0;
    background-size: cover !important;
  }
  .swiper-controllers .prev-btn,
  .swiper-controllers .next-btn {
    display: none;
  }
  #about-page-wrapper-dsbt {
    margin: 0rem 0 6rem 0;
  }
  .smallpara-content p {
    line-height: 1.8rem;
  }

  #detail-page-wrapper-dsbt,
  #client-gallery-page-wrapper-dsbt {
    min-height: unset;
  }
  .contactus-main {
    min-height: 89lvh;
}
}

@media only screen and (max-width: 600px) {
  body {
    min-height: 86lvh;
  }
}

@media only screen and (max-width: 325px) {
  .contactus-main {
    min-height: 86.5lvh;
  }
  .header-logo {
    width: 12rem;
  }
  .product-hero-img {
    margin-top: unset;
  }
  #about-page-wrapper-dsbt {
    margin: 0rem 0 4rem 0;
  }
  #video-page-wrapper-dsbt {
    margin-top: 5rem;
}
}