@media (max-width: 767px) {

  .subcategories li a {
      display: inline-block !important;
      padding: 10px 22px !important;
      border: 2px solid #0a3c78 !important;
      border-radius: 6px !important;
      background-color: #ffffff !important;
      text-decoration: none !important;
      text-transform: uppercase !important;
      letter-spacing: 0.08em !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      color: #0a3c78 !important;
      transition: background-color 0.2s ease, color 0.2s ease;
  }

  .subcategories li a:hover,
  .subcategories li a:focus {
      background-color: #e8f1f6 !important;
      color: #000 !important;
  }

  .subcategories li.active a {
      background-color: #0a3c78 !important;
      color: #fff !important;
  }

  .subcategories,
  .subcategories li {
      list-style: none !important;
  }

  .subcategories li::marker,
  .subcategories li::before,
  .subcategories li a::before {
      content: none !important;
      display: none !important;
  }

  .subcategories li,
  .subcategories li a {
      padding-left: 0 !important;
      margin-left: 0 !important;
  }

  .parameter-dependent.default-variant {
      display: none !important;
  }

  .overall-wrapper,
  #content,
  .main-page-wrapper {
      display: flex !important;
      flex-direction: column !important;
  }

  .benefitBanner {
      order: 99999 !important;
      margin-top: 30px !important;
  }

  .product .name,
  .product .name span {
      text-align: center !important;
      width: 100% !important;
      display: block !important;
      margin: 12px auto 0 auto !important;
  }

  .product .price,
  .product .price-final,
  .product .prices,
  .product .price-final strong {
      text-align: center !important;
      width: 100% !important;
      display: block !important;
      margin: 6px auto 0 auto !important;
      float: none !important;
  }

  .product .prices {
      display: flex !important;
      justify-content: center !important;
  }

}