/* Additional responsive fixes */
@media (max-width: 768px) {
  /* General responsive fixes */
  .site-blocks-cover h1 {
    font-size: 2rem;
  }
  
  .section-heading {
    font-size: 1.8rem;
  }
  
  /* Product page responsive fixes */
  .product-card {
    margin-bottom: 30px;
  }
  
  .product-card .row {
    flex-direction: column;
  }
  
  .product-image-container {
    max-height: 200px;
    margin-bottom: 15px;
  }
  
  .product-content {
    padding: 15px;
  }
  
  .product-title {
    font-size: 1.3rem;
  }
  
  .product-features li {
    font-size: 0.9rem;
  }
  
  /* Mobile menu fixes */
  .site-mobile-menu {
    width: 280px;
  }
  
  .site-mobile-menu .site-nav-wrap a {
    padding: 8px 20px;
    display: block;
    position: relative;
    color: #212529;
  }
  
  .site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block;
  }
  
  .site-mobile-menu .site-nav-wrap li.active > a {
    color: #244c41;
  }
  
  .site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #f8f9fa;
  }
  
  .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 14px;
    z-index: 20;
    font-family: "icomoon";
    content: "\\f078";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    transition: 0.3s all ease;
  }
  
  .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    transform: translate(-50%, -50%);
  }
  
  .site-mobile-menu .site-nav-wrap > li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
  }
  
  .site-mobile-menu .site-nav-wrap > li > a {
    padding-left: 20px;
    font-size: 14px;
  }
  
  .site-mobile-menu .site-nav-wrap > li > ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .site-mobile-menu .site-nav-wrap > li > ul > li {
    display: block;
  }
  
  .site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-left: 40px;
    font-size: 14px;
  }
  
  .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
    padding: 0;
    margin: 0;
  }
  
  .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
    display: block;
  }
  
  .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
    font-size: 14px;
    padding-left: 60px;
  }
}