.products-filters .list-inline {
    display: flex;
    justify-content: center;      /* center on desktop */
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
  }
   
  /* Always give each <li> a bit of spacing */
  .products-filters .list-inline-item {
    margin-right: 1rem;
  }
   
  /* ===== Mobile: horizontal scroll ===== */
  @media (max-width: 768px) {
    .products-filters {
      overflow-x: auto;            /* enable horizontal scroll */
      -webkit-overflow-scrolling: touch;
    }
   
    .products-filters .list-inline {
      /* inline-flex so items stay on one line */
      display: inline-flex;
      white-space: nowrap;
    }
   
    .products-filters .list-inline-item {
      flex: 0 0 auto;              /* don’t stretch, keep natural width */
      margin-right: 1rem;
    }
   
    /* Optional: hide native scrollbar for a cleaner look */
    .products-filters::-webkit-scrollbar {
      display: none;
    }
 
 
  }
  @media (max-width: 768px) {
   /* Make the container a column and center everything */
   .col-lg-5 .heading-title {
     display: flex !important;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     position: static !important;  /* reset any inline positioning */
     top: auto !important;
   }
  
   /* Logo on top with some breathing room */
   .col-lg-5 .heading-title .imgLogo {
     position: static !important;
     top: auto !important;
     margin-bottom: 0.5rem;
     max-width: 80px;              /* or whatever fits */
   }
  
   /* Center the H2 */
   .col-lg-5 .heading-title h2 {
     text-align: center;
     margin: 0.5rem 0;
   }
  
   /* Center and reset the paragraph below */
   .col-lg-5 .features-text p {
     position: static !important;
     left: auto !important;
     margin: 0.5rem 9px;
     text-align: center;
     width: 320px;
   }
 }