@media (max-width: 991.98px) {
  .hero {
    padding: 48px 0;
  }

  .hero-slide-img {
    min-height: 280px;
  }
}

@media (max-width: 575.98px) {
  .hero-slider .carousel-inner {
    padding-bottom: 56px;
  }

  .hero-slide-img {
    min-height: 220px;
  }

  .hero-control.carousel-control-prev {
    right: 52px;
  }

  .product-main-image {
    height: min(78vw, 420px);
  }

  .product-thumb {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
  }
}