/** Shopify CDN: Minification failed

Line 36:11 Unexpected "{"
Line 36:20 Expected ":"
Line 39:12 Expected identifier but found whitespace
Line 39:14 Unexpected "{"
Line 39:23 Expected ":"
Line 39:61 Expected identifier but found "%"
Line 41:13 Unexpected "{"
Line 41:22 Expected ":"
Line 44:12 Unexpected "{"
Line 44:21 Expected ":"
... and 13 more hidden warnings

**/
@media (min-width:676px){
  .section-banner .banner-image-url .banner-image .gallery_image_mobile-banner {
    display: none;
  }
}
@media (max-width:676px){
  .section-banner .banner-image-url .banner-image .gallery_image_destop_banner {
    display: none;
  }
  .section-banner .banner-image-url .banner-image .gallery_image_mobile-banner {
    display: block;
  }
}
@media (min-width:1025px){
 .outer-banner h2.title.h1 {
    font-size: 24px !important;
}
} 

  
.section--{{ section.id }} .outer-banner{
  margin-left: auto;
  margin-right: auto;
  max-width: {{ section.settings.width-banner-image-destop }}%; 
}
  .section--{{ section.id }} .image-box  img {
    width: 100%;
}
 .section--{{ section.id }} .section-banner {
    background-color:{{ section.settings.color_sale }};
  }

   .outer {
     margin:0 max(2rem,calc((84vw - var(--page-width) - var(--grid-desktop-horizontal-spacing))/2));
    padding: 5px 5rem;
}
  .image-box .icon-text {
    letter-spacing: 0px;
    font-size: 13px;
}
.section--{{ section.id }} .image-box {
    text-align: center;
    display: grid !important;
    grid-template-columns: repeat({{ section.settings.columns_desktop }},1fr);
}


.image-box div {
    justify-self: center;
}
  .image-box {
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
}
@media(max-width:767px){

  .outer-banner .image-box {
    gap: 10px !important;
}
  h2.title.h1 {
    font-size: 15px ;
}
  .shop-by-price .outer-banner .title {
      margin-bottom: 1.5rem !important;
  }
  
  .section--{{ section.id }} .image-box {
       text-align: center;
      display: grid !important;
      grid-template-columns: repeat({{ section.settings.columns_mobile }},1fr);
  }
      .outer {
      padding: 2px 1rem;
  }
      .image-box div img {
       width: 100%;
  }
      .image-box .icon-text {
      letter-spacing: 0px;
      font-size: 12px;
  }
  
  .section--{{ section.id }} .outer-banner {
    margin-left: auto;
    margin-right: auto;
    max-width: {{ section.settings.width-banner-image-mobile }}%;
            margin-top: -20px;
        
        position: relative;
  }

  h2.title.h1 {
    font-size: 15px !important;
    margin-bottom: 0px !important;
    font-family: Montserrat !important;
}
}

  .outer-banner h2.title.h1 {
    text-align: center;
    margin-bottom:4rem;
    text-transform: uppercase;
    font-weight: 600;
}