@media (max-width: 786px) {
  html {
    font-size: 8px;
  }
  .card-wrap .box {
    flex-basis: 100%;
  }
  .home-hero .home-hero-wrap .home-hero-content {
    flex-direction: column;
  }
  .home-hero .home-hero-wrap .home-hero-content .hero-left {
    width: 100%;
  }
  .home-hero .home-hero-wrap .home-hero-content .hero-left p {
    width: 100%;
    margin: 2rem 0;
  }
  .home-hero .home-hero-wrap .home-hero-content .hero-left h1 {
    font-size: 5.2rem;
  }
  .home-hero .home-hero-wrap .home-hero-content .hero-right {
    width: 100%;
    top: 0;
  }
  .home-about .home-about-wrap .home-about-content {
    flex-direction: column;
  }
  .home-about .home-about-wrap .home-about-content .home-about-left {
    width: 100%;
  }
  .home-about .home-about-wrap .home-about-content .home-about-right {
    width: 100%;
  }
  .fleets .fleets-wrap .fleets-box {
    flex-basis: 100%;
  }
  .why-choose-card .why-choose-card-wrap .why-choose-card-box {
    flex-basis: 100%;
  }
  .service-detail-data {
    flex-direction: column;
  }
  .service-detail-data .data-left {
    max-width: 100%;
  }
  .service-detail-data .data-right {
    max-width: 100%;
  }
  .faq .faq-container .faq-box {
    flex-basis: 100%;
  }
  .blog .blog-card {
    flex-basis: 100%;
  }
  .contact-container {
    flex-direction: column;
  }
  .contact-container .contact-detail {
    width: 100%;
  }
  .contact-container .contact-form {
    width: 100%;
  }
  .popform {
    width: 90% !important;
  }
  .mobile-form-btn {
    display: flex;
  }
  .form-pop-btn, .whats-floting-btn {
    display: none;
  }
}/*# sourceMappingURL=responsive.css.map */