@media (min-width: 1920px) {
  .overall-wrapper {
    padding-bottom: 0px;
    max-width: 1920px;
    margin: 20px auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 50px #00000026;
  }
}
@media (min-width: 992px) {
  #header .header-top .header-top-wrapper .site-name a img,
  #header .header-top .header-top-wrapper h1.site-name a img {
    max-height: 50px;
  }
  #header .header-top .header-top-wrapper .site-name,
  #header .header-top .header-top-wrapper h1.site-name {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .fitted .navigation-in ul {
    justify-content: flex-start;
  }
  #header,
  .top-navigation-bar,
  .navigation-in {
    background-color: #fff;
  }
  .navigation-buttons a {
    height: 46px;
  }
  #header .header-top .header-top-wrapper > div.navigation-buttons {
    top: unset;
    margin-bottom: -46px;
    z-index: 1;
    width: 170px;
  }
  #header .header-top .header-top-wrapper .site-name,
  #header .header-top .header-top-wrapper h1.site-name {
    width: 130px;
  }
  #header .header-top .header-top-wrapper > div.header_info,
  #header .header-top .header-top-wrapper > .header_articles {
    width: calc((100% - 130px) / 2);
    flex: unset;
  }
  #header .header-top .header-top-wrapper > div.navigation-tools {
    display: none;
  }
  .site-msg.information {
    display: none;
  }
  .header_articles {
    display: flex;
    font-size: 12px;
    gap: 24px;
    align-items: center;
    justify-content: flex-end;
  }
  .header_info {
    padding-right: 30px;
  }
  .header_articles {
    padding-left: 30px;
  }
  #header .header-top .header-top-wrapper {
    justify-content: flex-end;
  }
  .header-bottom {
    border-top: solid 1px #e3e3e3;
  }
}

@media (min-width: 992px) {
  .header-bottom {
    max-width: 964px;
    margin: 0 auto;
    padding-right: 170px;
  }
}
@media (min-width: 1200px) {
  .header-bottom {
    max-width: 1170px;
  }
}
@media (min-width: 1440px) {
  .header-bottom {
    max-width: 1712px;
  }
}

.navigation-buttons a[data-target="login"],
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="search"]:hover,
.navigation-buttons a[data-target="login"]:hover {
  background-color: transparent;
}
[class*=" icon-"]:after,
[class^="icon-"]:after {
  display: none;
}

.navigation-buttons a:hover,
.navigation-buttons a[data-target="cart"]:hover,
.navigation-buttons a[data-target="login"]:hover,
.navigation-buttons a[data-target="search"]:hover {
  color: var(--color-secondary-hover);
}

@media (min-width: 1920px) {
  .navigation-in > ul > li.ext > ul {
    align-items: flex-start;
    left: calc(50% + 85px);
    transform: translateX(-50%);
    width: 1920px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {
  .navigation-in > ul > li.exp > ul {
    width: calc(100% + 170px);
  }
}
@media (min-width: 992px) {
  .carousel-wrapper {
    margin-top: -117px;
  }
  html:not(.scrolled) .in-index #header {
    position: relative;
    z-index: 2;
  }
  html:not(.scrolled) .in-index #header:not(:hover),
  html:not(.scrolled) .in-index .top-navigation-bar,
  html:not(.scrolled) .in-index .navigation-in {
    background-color: transparent;
  }
  html:not(.scrolled) .in-index #header:not(:hover) .header_articles,
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    .header_articles
    a:not(:hover),
  html:not(.scrolled) .in-index #header:not(:hover) a:not(:hover),
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    a[data-target="cart"]:not(:hover),
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    a[data-target="search"]:not(:hover),
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    a[data-target="login"]:not(:hover),
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    .navigation-in
    > ul
    > li
    > a:not(:hover),
  html:not(.scrolled) .in-index #header:not(:hover) .header_info {
    color: #fff;
  }
  html:not(.scrolled)
    .in-index
    #header:not(:hover)
    .header-top
    .header-top-wrapper
    .site-name
    a
    img {
    filter: invert(1);
    transition: all 0.3s ease;
  }
  .scrolled #header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    top: -117px;
    transition: all 0.3s ease;
  }
  .scrolled.scrolled-up #header {
    top: 0px;
    transition: all 0.3s ease;
  }
}
.navigation-in > ul > li.exp > a:hover,
.navigation-in > ul > li > a:hover,
.navigation-in > ul > li.exp.ext,
.navigation-in > ul > li.exp > a {
  background-color: transparent !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.navigation-in > ul > li.ext > ul > li > div > a:hover,
.navigation-in > ul > li.ext > ul > li > div > ul > li > a:hover {
  color: var(--color-secondary-hover);
}
.carousel-control.left,
.carousel-control.right {
  display: none;
}
.carousel-inner a {
  position: relative;
}
.carousel .extended-banner-texts {
  min-height: 100%;
  padding: 60px 20px;
  width: 100%;
  left: 0;
  background: transparent;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.content-wrapper {
  background-color: transparent;
}
.banner-category,
.homepage-banners-full-width,
.homepage-latest-contribution-full-width,
.store-rating-full-width {
  background-color: #f8f4eb;
}
#footer,
.footer-rows .rate-wrapper {
  background-color: #222;
  color: #fff;
}
#footer a {
  color: #a9a9a9;
}
#footer .footer-bottom,
#footer .footer-bottom a,
.copyright,
.copyright a {
  color: #505050;
}
#footer a:hover,
#footer .footer-bottom a:hover,
.copyright a:hover {
  color: var(--color-secondary-hover);
}
#footer h4 {
  color: #fff;
}
.footer-bottom,
.footer-bottom-full-width {
  background-color: #1d1d1d;
}
.breadcrumbs {
  background-color: transparent;
  padding: 12px;
}
.products-block > div {
  padding: 30px 3px;
}
.products-block > div .p .image img {
  width: 100%;
}
.blog-wrapper .image + .text {
  background: transparent;
  color: #000;
  position: unset;
  border-radius: 0;
}
.blog-wrapper .news-item .text {
  overflow: unset;
  position: unset;
}
.blog-wrapper .news-item .image img {
  border-radius: 0;
}
.blog-wrapper .image + .text .description,
.blog-wrapper .image + .text .news-heading,
.blog-wrapper .image + .text .title,
.blog-wrapper .image + .text a,
.blog-wrapper .image + .text time {
  color: #000;
}
.blog-wrapper .image + .text:hover {
  background: transparent;
}
.blog-wrapper .news-item .read-article:hover,
.blog-wrapper .news-item .title:hover {
  color: var(--color-secondary-hover);
}
.navigation-in > ul > li.ext > ul > li > div > ul.has-more-items li {
  display: block;
}
.navigation-in
  > ul
  > li.ext
  > ul
  > li
  > div
  > ul.has-more-items
  .more-items-trigger {
  display: none;
}
.navigation-in > ul > li.ext > ul > li > div > ul {
  max-height: unset;
}
#header:hover .navigation-in > ul > li > a:hover,
.navigation-in > ul > li.ext > ul > li > div > a:hover,
.navigation-in > ul > li.ext > ul > li > div > ul > li > a:hover {
  color: var(--color-secondary);
}
.navigation-in > ul > li.ext > ul > li > div > a {
  font-size: 16px;
  font-weight: 500;
}

@media (min-width: 768px) {
.siteCookies--bottom.siteCookies--scrolled, .siteCookies--bottom {
width: auto;
right: unset;
}
}

.siteCookies__form {
border-radius: 0;
box-shadow: none;
flex-direction: column;
max-width: 400px;
padding: 15px;
font-size: 13px;
background-color: #222;
line-height: 1;
margin: 0 0 10px;
}
.siteCookies--bottom {
left: 10px;
margin-left: 0;
width: auto;
right: unset;
width: auto;
}
.siteCookies--bottom.siteCookies--scrolled {
background-color: transparent;
box-shadow: none;
left: 10px;
}
.siteCookies__links {
display: none;
}
.siteCookies__link {
background: none;
border: none;
border-radius: 0;
font-weight: normal;
line-height: 1;
padding: 0;
display: inline;
}
.siteCookies__button {
line-height: 1;
margin: 0 auto;
padding: 10px;
opacity:1;
}
.siteCookies__button:hover {
background-color: var(--color-secondary);
color: #fff;
opacity:1;
}

@media (max-width:767px) {

.siteCookies__form {
max-width: calc(100% - 10px);

}

}