/* Responsive styles for all shop pages */
@media (max-width: 1200px) {
  .ecommerce .container, .ecommerce .container-inner {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 992px) {
  .ecommerce .col-md-4, .ecommerce .col-md-3, .ecommerce .col-md-9, .ecommerce .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ecommerce .sidebar, .ecommerce .main, .ecommerce .content-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ecommerce .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 768px) {
  .ecommerce h1, .ecommerce h2, .ecommerce h3 {
    font-size: 1.5rem !important;
  }
  .ecommerce .hero-section h2, .ecommerce .title-wrapper h1 {
    font-size: 1.5rem !important;
  }
  .ecommerce .sidebar, .ecommerce .main, .ecommerce .content-page {
    padding: 10px !important;
  }
  .ecommerce .breadcrumb {
    font-size: 0.95rem;
  }
}
@media (max-width: 576px) {
  .ecommerce .hero-section, .ecommerce .title-wrapper {
    padding: 30px 0 20px 0 !important;
    height: auto !important;
  }
  .ecommerce .hero-section h2, .ecommerce .title-wrapper h1 {
    font-size: 3.0rem !important;
  }
  .ecommerce .product-item, .ecommerce .content-page, .ecommerce .sidebar {
    margin-bottom: 20px !important;
    padding: 5px !important;
  }
  .ecommerce .btn {
    font-size: 0.95rem !important;
    padding: 8px 12px !important;
  }
}