@media (max-width: 575.98px) {
  .logo {
    width: 140px !important;
  }
.home-banner{
  height: 80vh !important;
}

.overlay {
  height: 80vh !important;
  padding-top: 12rem !important;
}
  
  .home-banner h1 {
    font-size: 36px !important;
  }
  .home-banner h6{
    width: 100% !important;
  }

  /* about  */
  .ab-logo {
    width: 70px !important;
    margin-left: 14rem !important;
    z-index: 9999 !important;
  }



  /* Service  */
  .service-row {
    grid-template-columns: repeat(1, 1fr) !important;
    padding: 1rem !important;
  }

  .service-card {
    padding: 0.5rem !important;
    margin: .5rem 0;
    border: 1px solid #f0f0f0 !important;
  }

  /* Product  */
  .product-row {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  /* footer  */
  .footer-wrap ul li a {
    font-size: 12px !important;
  }

}

/* tab  */
@media (max-width: 768.98px) {
  .logo {
    width: 100px !important;
  }
.home-banner{
  height: 80vh !important;
}

.overlay {
  height: 80vh !important;
  padding-top: 12rem !important;
}
  
  .home-banner h1 {
    font-size: 36px !important;
  }
  .home-banner h6{
    width: 100% !important;
  }

  /* about  */
  .ab-logo {
    width: 70px !important;
    margin-left: 14rem !important;
    z-index: 9999 !important;
  }



  /* Service  */
  .service-row {
    grid-template-columns: repeat(1, 1fr) !important;
    padding: 1rem !important;
  }

  .service-card {
    padding: 0.5rem !important;
    margin: .5rem 0;
    border: 1px solid #f0f0f0 !important;
  }

  /* Product  */
  .product-row {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  /* footer  */
  .footer-wrap ul li a {
    font-size: 12px !important;
  }

}