@media (max-width: 768px) {
  /* HERO SECTION */
  .hero-section,
  .banner-section {
    padding: 40px 20px !important;
    min-height: auto !important;
  }
  /* MAIN TITLES */
  h1,
  .hero-title {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  /* SUB HEADINGS */
  h2 {
    font-size: 22px !important;
  }
  h3 {
    font-size: 18px !important;
  }
  /* PARAGRAPHS */
  p,
  li,
  a,
  span {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  /* GENERAL SECTIONS */
  section,
  .section {
    padding: 25px 15px !important;
    margin-bottom: 15px !important;
  }
  /* PRODUCT CARDS */
  .product-card,
  .variant-card {
    padding: 12px !important;
    margin-bottom: 15px !important;
  }
  /* PRODUCT IMAGES */
  .product-card img,
  .variant-card img,
  .product-image {
    max-height: 180px !important;
    object-fit: contain !important;
  }
  /* BUTTONS */
  button,
  .btn {
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
  /* FOOTER */
  footer {
    padding: 30px 15px !important;
  }
  /* NAVIGATION */
  .navbar,
  .header {
    padding: 10px 15px !important;
  }
  /* LOGO */
  .logo img {
    max-height: 50px !important;
  }
}