@media only screen and (max-width: 1600px) {
  html {
    font-size: 14px;
  }
  .navbar-nav {
    gap: 1.5rem;
  }
}

@media only screen and (max-width: 1445px) {
}

@media only screen and (max-width: 1366px) {
  .socialIo {
    left: 2rem;
  }
  .scroll-down {
    bottom: 2rem;
    left: 6rem;
  }
}

@media (max-width: 1199.98px) {
  .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }
  .navbar-nav {
    gap: 0.75rem;
  }
  .navbar-brand img {
    max-width: 100px;
  }
  .main-slider h2 {
    font-size: 2rem;
  }
  .subHeading span,
  .secHeading {
    font-size: 2.75rem;
  }
  .testimonialCard {
    padding: 1.5rem 1rem 2rem;
  }
  .testimonialCard .quoteImg {
    max-width: 50px;
  }
}
@media (max-width: 991.98px) {
  .form-inline,
  .navbar-nav {
    background-color: var(--theme-color);
    text-align: center;
    padding: 1rem;
    margin: 0;
    justify-content: center;
  }
  header .themeBtn::before {
    border-color: var(--theme-green);
  }
  .main-slider h3 {
    font-size: 2.5rem;
  }
  .howWorkCard {
    padding: 2rem 1rem;
  }
  .galleryBtn a {
    font-size: 1.5rem;
  }
  .main-slider > img {
    min-height: 475px;
    object-fit: cover;
  }
  footer .socialIo {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .main-slider .socialIo {
    display: none;
  }
  .main-slider .scroll-down {
    display: none;
  }
  .main-slider .btn-group {
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
  }
  .main-slider .carousel-caption,
  .aboutSec,
  .workSec {
    text-align: center;
  }
  .contactForm {
    margin: 2rem auto 0;
  }
  .contactForm button {
    margin: 0 auto;
  }
  section {
    padding: 3rem 0;
  }
  footer {
    text-align: center;
    padding-top: 4rem;
  }
}
@media (max-width: 575.98px) {
  footer .subscribe button {
    margin: 0;
  }
  .main-slider > img {
    min-height: 575px;
  }
  .navigationControls {
    width: 85%;
  }
  .subHeading {
    font-size: 2rem;
  }
  .subHeading span,
  .secHeading {
    font-size: 2rem;
  }
  .aboutSec {
    padding: 4rem 0;
  }
}
@media (max-width: 320.98px) {
}