/* Add custom CSS styles below */ 
:root {
  --color-primary: #991717 !important;
  /*--menu-bg: #fa7000;*/
  --menu-bg: #fff !important;
}
nav#mobile-menu {
  background-color: #ffffff !important;
}

.s-product-card-entry {
  border-color: var(--color-primary) !important;
}
section.s-block.s-block--banners.first-sections-container {
  margin-top:-8rem;
}
section.s-block.s-block--banners.second-sections-container {
  margin-top:-10rem;
}

.markat-section .s-block__title h2 {
  text-align: center;
  font-size: 2rem;
  color: #991717;
}


section.s-block.s-block--banners.container div.grid {
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
section.s-block.s-block--banners.container div.grid div.banner-entry {
    width: 17%;
    background-color: transparent !important;
    height: 210px !important;
}


.dark .da-bgm {
  background-color: #991717 !important;
}
.dark .da-brdr {
  border-color: #dadada3d !important;
}
.store-footer a:hover {
  color: #fff !important;
}
.dark .form-input, .dark input {
  color: #0f0f0f !important;
  background-color: #dfdfdf !important;
}
.footer-newsletter .s-button-primary {
  border-color: #090909 !important;
  background-color: #090909 !important;
}
.store-footer h3 {
  color: #fff!important;
}


@media (max-width: 1024px) {
  section.s-block.s-block--banners.first-sections-container {
    margin-top: -5rem;
  }
  section.s-block.s-block--banners.second-sections-container {
    margin-top: -8rem;
  }
  section.s-block.s-block--banners.container div.grid div.banner-entry {
    height: 165px !important;
  }
}
@media (max-width: 992px) {
  section.s-block.s-block--banners.container div.grid div.banner-entry {
    width: 23%;
    height: 225px !important;
  }
}
@media (max-width: 767px) {
    section.s-block.s-block--banners.second-sections-container {
        margin-top: -5rem;
    }
  section.s-block.s-block--banners.container div.grid div.banner-entry {
    width: 23%;
    height: 160px !important;
  }
}
@media (max-width: 640px) {
  section.s-block.s-block--banners.container div.grid div.banner-entry {
    width: 24%;
    height: 140px !important;
   }
   section.s-block.s-block--banners.first-sections-container {
  margin-top: 0rem;
}
    section.s-block.s-block--banners.second-sections-container {
        margin-top: 0;
    }
}
@media (max-width: 500px) {
    section.s-block.s-block--banners.container div.grid div.banner-entry {
        width: 24%;
        height: 115px !important;
    }
}