/* Add custom CSS styles below */ 

/*header.store-header,
.inner.py-\[5px\].add-bg,
footer.bg-white.store-footer.lg\:pb-0,
.store-footer__inner{
   background-color:#F6EDE4 !important;
}
}*/


/*customize lang icon*/
.lang-icone,
i.sicon-world.lang-icone,
.header-buttons .lang-icone {
    font-size: 16px !important;
    padding: 5px !important;   
    color: #bfa5a5 !important;  
    opacity: 0.8 !important;
    transition: all 0.3s ease !important;
}
.lang-icone:hover,
i.sicon-world.lang-icone:hover {
    opacity: 1 !important;
    color: #8c6d6d !important; 
}

/*remove arrows of slidding*/
.s-slider-block__title-nav{
    display: none !important;
  
}

@media (min-width: 768px) {

/*make banner fit page width*/  
section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder,
section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder .container,
section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder .banner--fixed {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
  section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder img {
    border-radius: 0 !important;
  }



    .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden,
    .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden 
  {
        margin-bottom: 140px !important;
    }

  /*specify banners display in desktop*/
  .mb-\[56px\].slider-banner-main-1.landing-banner.landing-page-fixed-banner-1.flex.justify-center.items-center.bg-cover.bg-no-repeat.bg-center.relative.w-full,
  :nth-child(3 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
  :nth-child(5 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
  :nth-child(7 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
  :nth-child(9 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
  :nth-child(11 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
    :nth-child(13 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder)

  {
        display: none !important;
  }
  /*enhance logo in desktop*/
 .navbar-brand img,
    a.navbar-brand img,
    .main-header .logo img {
        width: 90px !important; 
        max-width: 90px !important;
        height: auto !important;
  
    }
}

@media (max-width: 767px) {
  
    /*only one card in slide*/
    #slider-with-bg-5 .swiper-wrapper .swiper-slide, 
    #slider-with-bg-7 .swiper-wrapper .swiper-slide,
    #slider-with-bg-9 .swiper-wrapper .swiper-slide,
    #slider-with-bg-11 .swiper-wrapper .swiper-slide,
    #slider-with-bg-13 .swiper-wrapper .swiper-slide,
    #slider-with-bg-15 .swiper-wrapper .swiper-slide,
    .s-products-slider-card {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden,
    .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
        margin-bottom: 60px !important;
    }
  /*specify banners display in mobile*/
  :nth-child(1 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
  :nth-child(2 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
  :nth-child(4 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
  :nth-child(6 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
  :nth-child(8 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder),
    :nth-child(10 of section.mb-8.md\:mb-11.s-block--fixed-banner.wide-placeholder)

  {
        display: none !important;
    }
  /*enhance logo in mobile*/
  .navbar-brand img,
    a.navbar-brand img,
    .main-header .logo img {
        width: 50px !important; 
        max-width: 50px !important;
        height: auto !important;
  
    }

 
   
}