/* Add custom CSS styles below */ 
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
  .min-h-\[300px\]
 {
    min-height: 234px;
}
.banner-entry

 {
  height: 120px;}
    .md\:grid-cols-3 {
      gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  .s-block--hero-slider .swiper-slide

 {
    height: 14rem;
}
}
@media (min-width: 768px) {
    .two-row .banner-entry:first-child {
        height: 200px;
    }
}
@media (min-width: 640px) {
    .sm\:gap-8 {
        gap: 0rem;
    }
}
  @media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-column: span 1 / span 1;
        grid-row: span 1 / span 1;
    }
}
.container {
    max-width: 100%;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: #5b473f;
    color: #fff;
}
section:first-of-type{
  margin-top:0px;
}
.store-footer__inner {
    background: #5b473f !important;
    color: #fff;
}

.md\:flex.items-center.justify-between.py-4.container.text-center {
    background: #42342f;
}

p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: #fff;
}
salla-slider.photos-slider .swiper {
    padding: 0px;
}

@media (min-width: 1024px) {
    salla-slider.photos-slider .swiper-slide {
        margin-left: 0rem;
        margin-right: 0rem;
        width: 100%;
    }
}

.s-block--best-offers.container {
    max-width: 79%;
}