/* RESPONSIVENESS OF SMALL SCREENS */
@media (max-width: 480px) {
  #header .header-nav li a {
    font-size: 1.5rem !important;
  }
  #header .cart-sidebar {
    width: 100% !important;
  }
  #header .cart-item-details a {
    font-size: 1rem !important;
  }
  /* shope page */

  #woocommerce-content #load-more-products,
  #woocommerce-content .view-all-products {
    padding: 2vh 6vw;
  }

  #woocommerce-content #load-more-products,
  #woocommerce-content .view-all-products {
    padding: 2vh 5vw !important;
  }
  #woocommerce-content .columns-4 .product:hover .image-product img {
    transform: scale(0.6) translateY(-30px) !important;
    -webkit-transform: scale(0.6) translateY(-30px) !important;
  }
  #product-full-description .custom-video-description .info-panels {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .thumbnail-wrapper {
    height: 30vh !important;
  }

  /* about */
  #purpose-coffee {
    padding: 3vw !important;
    overflow: hidden !important;
  }
  #purpose-coffee .purpose-content p {
    font-size: 1.5rem;
  }
  #yameni-coffe p {
    font-size: 1.5rem;
  }
  #our-name .our-name-content .our-name-text p {
    font-size: 1.5rem;
  }
  #franchise-opportunities {
    padding: 0 8vw;
  }

  #franchise-opportunities .get-in-touch {
    padding: 2vh 6vw;
  }
  #gallery-photo {
    padding: 9vw;
  }
  #gallery-photo h2 {
    text-align: center !important;
  }
  /* contact */
  #contactUs {
    padding: 1rem !important;
    margin-top: 5rem;
  }
  #contactUs .form {
    padding: 1rem !important;
  }
  #contactUs .form h1 {
    font-size: 3rem;
  }
  #contactUs .form h3 {
    font-size: 1.5rem;
  }
  /* location */

  .location-section .contact-location-info {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .location-section .info-address {
    align-items: center !important;
    text-align: center !important;
  }
  .location-section .map {
    height: 250px !important;
  }
  .featured-On-logos-wrapper::after {
    right: -5rem !important;
    width: 30% !important;
    background: linear-gradient(
      90deg,
      rgba(2, 0, 36, 0) 0%,
      rgba(243, 232, 215, 1) 28%
    ) !important;
  }
  .featured-On-logos {
    animation: scroll-logos 5s linear infinite !important;
  }
  /* footer */
  #footer-container .footer-content {
    gap: 1rem !important;
    padding: 1rem !important;
  }
  #footer-container .footer-nav {
    gap: 1rem !important;
  }
  .footer-links {
    flex-direction: column;
    gap: 1rem !important;
  }
  #footer-container .footer-bottom {
    font-size: 1rem !important;
  }

  .main-image {
    height: 38vh !important;
  }
  .woocommerce-product-gallery__image {
    width: 19vw !important;
  }
}