

/* Responsive Design for Footer */
@media (max-width: 768px) {
    .footer-grid {
      grid-template-columns: 1fr; /* Stack all columns for smaller screens */
      text-align: center;
    }
  
    .footer-social a {
      margin-right: 10px;
    }
  
    .footer-newsletter input {
      width: 100%;
      margin-bottom: 10px;
    }
  }
  
  @media (max-width: 992px) {
    .footer-grid {
      grid-template-columns: 1fr 1fr; /* Stack into two columns for medium screens */
    }
  }
  
  /* RESPONSIVE */
  @media(max-width:992px){
    .footer-container{
      grid-template-columns:1fr 1fr;
    }
  }
  
  @media(max-width:600px){
    .footer-container{
      grid-template-columns:1fr;
      text-align:center;
    }
  
    .social-icons{
      justify-content:center;
    }
  
    .newsletter-form{
      flex-direction:column;
    }
  
    .newsletter-form input,
    .newsletter-form button{
      border-radius:6px;
      width:100%;
    }
  
    .newsletter-form button{
      margin-top:8px;
    }
  }

/* RESPONSIVE */
@media(max-width:992px){
    .product-grid{grid-template-columns:1fr}
    .why-grid{grid-template-columns:1fr 1fr}
    .related-grid{grid-template-columns:1fr}
  }
  
/* RESPONSIVE */
@media(max-width:992px){
  .story-grid,
  .why-grid,
  .testimonial-grid{
    grid-template-columns:1fr;
  }
  .stats{
    flex-direction:column;
    gap:25px;
  }
}

/* RESPONSIVE */
@media(max-width:992px){
  .contact-grid{
    grid-template-columns:1fr;
  }
}
