/*Фон под продуктите*/ 
 .single-product{ background-color:#fff; } 
/*Ефект на хедъра при скролиране (сянка, линия)*/ 
 .navbar.navbar-fixed-top.small_header {  border-bottom: 5px solid var(--dp-main_color);  } 
/*Скрива ефекта в/у продукт*/ 
 div.product-overlay{
    background:none !important;
    z-index: -1;
}
div.product-overlay a, div.product-overlay h2, div.product-overlay span, div.product-overlay .oldPrice, div.product-overlay p.unavailable {
    display:none !important;
} 
/*Персонални настройки*/ 
 .home_page_content, #ecom-section, .address-site-wrapper, .availability, .blog-post-area .date { display: none !important; }
.navbar-nav>li>a { text-transform: uppercase; font-weight: 600; }
.navbar .nav-wrapper { max-width: 1640px; }
.header-design-custom .captions .h1 { text-transform: uppercase; font-weight: 600; color: #161f2b; line-height: 140%; font-size: 3em; }
.header-design-custom .captions .h1>span.orange { color: #fb6514; }
.header-design-custom .captions a.btn { position: relative !important; margin-left: 30px; margin-top: 50px;  width: max-content; opacity: 0; display: flex; gap: 10px; text-transform: uppercase; line-height: 24px; padding: 10px 15px;  }
main { background: #ffffff; }
.text_pages_pictures { background: #ffffff; max-width: 1640px;  margin: 0 auto; padding: 0; }
.indexCategoriesOuter { background-color: #fafafb; padding: 2em 0; }
.indexCategoriesSection h3 { color: #151d23;text-transform: uppercase; margin-bottom: 15px;  }
.panel-group .panel-footer { border-top: 0;  background: #fff; min-height: 200px;  color: #151d23; }
.categories-fixes {  flex-wrap: nowrap;  }
#text_data_section {  padding: 0; }
#c_text_data_section_1 { background: url(https://baler.bg/media/graphics/ff/ed/to90perc_bg.jpg); background-size: cover; background-position: center; position: relative; padding-bottom: 22%; }
#c_text_data_section_1 .section-without-image { position: absolute; top: 60px; left: 15px; width: 90%;  }
#c_text_data_section_1 .section-without-image h3 { width: 40%; text-transform: uppercase; font-size: 4rem; font-weight: bold; }
#c_text_data_section_1 .section-without-image h3>span { display: block; color: #7da807; }
#c_text_data_section_1 .section-without-image .pade_data { width: 40%; }
#c_text_data_section_1 .section-without-image ul>li>i { color: #7da807; margin-right: 10px;   }

#c_text_data_section_2 .section-without-image ul { display: flex; justify-content: space-evenly; gap: 30px; }
#c_text_data_section_2 .section-without-image ul li {  display: flex; gap: 30px; width: 25%; align-items: center; text-transform: uppercase; font-weight: bold;  border-left: 1px solid #d0cfcd; }
#c_text_data_section_2 .section-without-image ul li>img { max-height: 100px; max-width: 25%; margin-left: 30px;  }
#c_text_data_section_2 .section-without-image ul li>div>span { font-size: 3rem; color: #1447bd; font-weight: bold; display: block; }
#c_text_data_section_2 > div > div.col-lg-12.col-md-12 > div > div > div > ul > li:nth-child(1) { border-left: none; }


#c_text_data_section_3 { background: url(https://baler.bg/media/graphics/93/e7/footer_bg.jpg); background-size: cover; background-position: center; }
#c_text_data_section_3 .section-without-image h3 { color: #fff; width: 40%; text-transform: uppercase; font-size: 4rem; font-weight: bold; }
#c_text_data_section_3 .section-without-image h3>span { display: block; color: #ee6a1f; }
#c_text_data_section_3 { background-color: #e1e1e1; }
#c_text_data_section_3 .section-without-image ul { display: flex; justify-content: space-evenly; gap: 30px; width: 60%; float: right; margin-top: -150px; }
#c_text_data_section_3 .section-without-image ul li { background: #fff;  display: flex; gap: 10px; width: 33.333%; flex-wrap: wrap; justify-content: center;  border-radius: 5px; padding: 15px; text-align: center; }
#c_text_data_section_3 .section-without-image ul li img { height: 100px; display: block; width: 100%;  }
#c_text_data_section_3 .section-without-image ul li h4 { margin:0; text-transform: uppercase; font-weight: bold;  }
#c_text_data_section_3 .section-without-image .pade_data p { color: #fff; }
#c_text_data_section_3 .section-without-image .pade_data { width: 30%; }
#c_text_data_section_3 .section-without-image .pade_data a.btn-default {  display: flex; max-width: max-content; align-items: center; margin-top: 30px; }

.product-information>span { text-align: left; }
.priceless { height: 0;  }
.promo_text>span { background: #e74c3c; }
.newPrice.newPriceColor, .newPrice.newPriceColor b, .productinfo .newPrice.newPriceColor, .productinfo .newPrice.newPriceColor>nobr { color: #e74c3c; }
.availability_wrapper { background: #f8f8f8; width: max-content; margin: 0 auto; border-radius: 10px; padding: 0 12px; }
.in_stock, .by_request, .delivery_days { font-size: 14px; }

body#pages .pages_main_picture img {  max-height: 46vh;  }
.header-design-wrapper { background: #12171b;  }


.single-product.in_stock_wrapper::after { content: " "; display: block; width: 70px; height: 70px; position: absolute; top: 100px;
    left: 10px;  z-index:2; background: url(https://baler.bg/media/graphics/db/89/in_stock.png) no-repeat; background-size: cover; }
.availability { display: block !important; position: absolute; width: 70px; height: 70px;  background: url(https://baler.bg/media/graphics/db/89/in_stock.png) no-repeat; background-size: cover; font-size: 0; top: 14% !important; left: 15px; padding:0 !important; }
.productinfo .newPrice, .overlay-content .newPrice, .priceless { height: 30px; font-size: .8em; }
.newPrice { min-height: 30px;  }
.oldPrice { font-size: 0.8em; margin-bottom: 3px; }

.text_pages_content ul, .text-content ul { background: #fff; border-radius: 5px; }
.text_pages_content ul li, .text-content ul li { list-style-type: none; border-left: solid 4px #fe5f03; padding: 0 20px !important;  }

.product-information, .category-products { background: #fff; }
.page_home h2 { display: none; }
#products_section { padding-bottom: 0; }
.page_home { margin-top: 0; }
.contectSection { max-width: 1650px; margin: 0 auto; }
#news_section { background: #fff;  }
.footer-custom-logos { 
    background: url( https://baler.bg/media/graphics/6a/86/rcle.png ) center no-repeat;
    background-size: contain;
}
.single_accent:hover div.text-section {
    opacity: 1;
}

@media (min-width: 1024px) {
    .header-design-custom .captions {
        width: 100%;
        max-width: 1640px;
    }
    .header-design-custom .captions .h1, .header-design-custom .captions p {max-width: 50%; }
}

@media (max-width: 1640px) {
    #c_text_data_section_1 .section-without-image { top: 20px; }
}
@media (max-width: 1440px) {
    .header-design-custom .captions .h1 { font-size: 2em; }
    #c_text_data_section_1 {  padding-bottom: 27%;}
    #c_text_data_section_1 .section-without-image h3 {font-size: 2.5rem;  }
    #c_text_data_section_3 .section-without-image ul {  margin-top: -220px;  }
    #c_text_data_section_3 .section-without-image h3 {  font-size: 3rem; }
    .header-design-custom .captions a.btn {  margin-top: 15px; }
    .indexCategoriesSection h3 { font-size: 1.3em; }
    .blog-post-area h3, .view-blog-post h1 { font-size: 1em; }
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
    .nav>li>a { padding: 10px 7px; }
}
@media (max-width: 1280px) {
    h1 { font-size: 2.4em; }
    h2 { font-size: 1.8em; }
    h3 { font-size: 1.4em; }
    h4 { font-size: 1.2em; }
    #c_text_data_section_1 .section-without-image { position: relative; top: 0; left: 0;  width: 100%; }
    #c_text_data_section_1 .section-without-image h3 { width: 100%; }
    #c_text_data_section_1 .section-without-image .pade_data { width: 100%; }
    #c_text_data_section_1 { padding-bottom: 55%; background: url(https://baler.bg/media/graphics/ff/ed/to90perc_bg.jpg);
    background-size: 189%; background-position: bottom right; position: relative; background-repeat: no-repeat; }
    
    #c_text_data_section_2 .section-without-image ul li { width: 45%;  border-left: none;  }
    #c_text_data_section_2 .section-without-image ul { flex-wrap: wrap; }
    #c_text_data_section_2 .section-without-image ul li>img { max-width: 70px; }
    
    #c_text_data_section_3 .section-without-image .pade_data {  width: 100%; }
    #c_text_data_section_3 .section-without-image ul { float: none; margin-top: 0; width: 100%; flex-wrap: wrap; }
    #c_text_data_section_3 .section-without-image ul li { width: 44%; } 
    
    .view-blog-post h1 { font-size: 1.5em; }
}

@media (max-width: 768px) {
    #c_text_data_section_2 .section-without-image ul li { width: 100%;  border-left: none;  }
    #c_text_data_section_2 .section-without-image ul li>img { max-width: 60px; }
    #c_text_data_section_3 .section-without-image .pade_data {  width: 100%; }
    #c_text_data_section_3 .section-without-image ul li {  width: 100%; }
    .header-design-custom .captions .h1 { font-size: 1.1em;  }
    .slick_slider_wrapper .captions p {  font-size: 0.6em; }
    .slick_slider_wrapper .captions {  padding-bottom: 30px; }
    .slick-slide>div>div { display: flex !important; align-items: flex-end; }
    .panel-group .panel-footer {  min-height: auto; }
    .footer-custom-logos { height: 5em; }
    .navbar-nav>li>a { font-weight: 600 !important; }
}

@media (max-width: 540px) {
    .slick_slider_wrapper .captions { width: 100%; }
    .slick_slider_wrapper .captions { padding-bottom: 15px; }
    .availability { top: 17% !important; left: 10px; }
} 
/*Скрива картата на начална страница*/ 
 body#index #homepage-map-data>iframe { display: none; } 
/*Категории с фиксирана позиция*/ 
 body#index .left-sidebar, .left-sidebar {
   position: sticky;
    top: 100px;
    top: 160px; /* for multiline headers */
}

@media (min-width: 1024px) {
    #ecom-section, #pages > div.page-wrapper > div > div.row, #page_news > div.container.wrapper > div, #page_news_view > div.container.wrapper > div {  display: flex;  }
    #categories-menu.pos-sticky {  position: sticky;  top: 66px; }
} 
/*Скрива категориите в текстовите страници, новините и в преглед на новина*/ 
 body#page_news_view .container.wrapper .col-sm-3 .left-sidebar,
body#page_news .container.wrapper .col-sm-3 .left-sidebar,
body#pages .page-wrapper .left-sidebar{
    display:none;
}

body#page_news_view .container.wrapper .col-sm-3,
body#page_news .container.wrapper .col-sm-3,
body#pages .container.wrapper .col-sm-3 {
    width: 12.5%;
}
@media (max-width: 1480px) {
   body#pages .contentColmnProduct,
   body#page_news .contentColmnProduct { width: 100%; }
} 
/*Анимиране на обекти*/ 
 .animate.fade-in { opacity: 0; transition-property: all !important; transition-timing-function: ease-in-out; transition-duration: .4s;  transform: scale(.8); }
.animate.fade-in.animate_action { opacity: 1; transform: scale(1); }

.animate.go-right { opacity: 0; transition-property: all !important; transition-timing-function: ease-in-out; transition-duration: .4s;  margin-left: -30px; }
.animate.go-right.animate_action { opacity: 1; margin-left: 0px;  }

.animate.go-left { opacity: 0; transition-property: all !important; transition-timing-function: ease-in-out; transition-duration: .4s;  margin-left: 50px; }
.animate.go-left.animate_action { opacity: 1; margin-left: 0px;  } 
/*Редизайн на слайдъра на index (slick) Beta*/ 
 .slick-slide {   margin: 0px;   }
.slick-dotted.slick-slider { margin-bottom:0; }
.slick-slide img {   width: 100%;  }

.slick-slide {  transition: all ease-in-out .3s;  opacity: 1; position: relative;  }
.slick-active {   opacity:  1;  }
.slick-current {   opacity: 1;  }
.slick-slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 100%;
    background: #3317003d;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.slick-slide-content h1, .slick-slide-content h2, .slick-slide-content p, .slick-slide-content li { color: #fff; }

.slide-content-wrapper ul {
    text-align: left;
    margin-left: 25%;
    border-left: 3px solid #ffffff;
    padding-left: 20px;
 }


.slick-prev {  display: block;  transform: rotate(180deg);  }
.slick-next {  display: next;  transform: rotate(0deg);  }


.slick-prev:before, .slick-next:before {  font-family: inherit;  content: "\f061";  opacity: 1; font-size: 34px; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {  color: white;  background: var(--dp-main_color);  }

.slick-dots li button:before { display: none;  }
.slick-dots {  bottom: 6%;  z-index: 1;  margin:0 auto;  left:0; right:0; }
.slick-dots li {  margin: 5px 5px;  }
.slick-dots li:not(.slick-active) button {  background: #fff;  border: 2px solid #fff;  border-radius: 50%;  }
.slick-dots li.slick-active button {  background: var(--dp-main_color);  border-radius: 50%;  }

.slick-prev, .slick-next {
    left: 10%;
    top: calc(50% - 50px);
    background: #00000014;
    z-index: 1;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    opacity: .9;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.slick-next {  left: initial; right: 10%;  }


.slick-dots li.slick-active button:before {
    opacity: .9;
    color: #763CC0;
}
.slick-dots li button:before {  font-size: 16px; }
.slick-action { display: none; } 

.slide-content-wrapper a.btn.btn-default {
    border: 2px solid #fff;
    background: none;
    margin-top: 2rem;
    border-radius: 30px;
    opacity: 0;
     margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: max-content;
}

.slide-content-wrapper a.btn.btn-default:hover {
    background-color: #592d34;
    border: 2px solid #592d34;
}


@media screen and (min-width: 769px) {
    .slick_slider_wrapper { margin-top:  0px; } /* отстояние от топ */
    .slick-slide, .slick-slide img { height: 680px;  object-fit: cover; } /* височина на слайдъра */
    .slick-slide-content h1 {  font-size: 4.5rem; text-shadow: 0 0 20px #715b55;   }
    .slick-slide-content h2 {  font-size: 3.5rem;  }
    .slick-slide-content p {  font-size: 1.4rem; font-weight: bold; }
    .slide-content-wrapper ul {   padding-left: 20px;   }
}

@media screen and (max-width: 769px) {
   .slick-slide { height:60vh;  }
   .slick-slide img { height:60vh;  }
   .slick-next {  right: 15px;  }
   .slick-prev {  left: 15px; }
   .bg-page-content>div {  flex-direction: column-reverse;  }
   --.bg-page-content h1 {  text-align: center;  margin: 3rem 0;  }
   .slick-slide img {  object-fit: cover;  }
   --.bg-page-content h1 {   font-size: 20px; }
   #special-offers h2>span, #new-items h2>span {  font-size: 28px;  }
   .navbar-nav>li>a {  font-size: 18px;  }
   .single-product h2 {  font-size: 16px; }
   h2.title {  font-size: 28px;  }
   .above-map-contacts {   font-size: 1.4rem; }
   .single_accent {  width: 100%;  }
    #special-offers h2>span, #new-items h2>span { font-size: 28px; }
   .product-information h1 {  font-size: 24px;  }
   .slide-content-wrapper ul {  margin-left: 0%;    }
   .slick-slide-content h1 {  font-size: 2.7rem;  }
   .slick-slide-content .slide-content-wrapper {  width: 95% !important; margin-bottom: 120px; }
}

/** Text Animation **/

  @keyframes fadein{
    0% { opacity:0; }
    26% { opacity:0; left:200px; }
    100% { opacity:1; left: 0px;  }
  }

  @-webkit-keyframes fadein{
      0% { opacity:0; }
      26% { opacity:0; left: 200px; }
      100% { opacity:1; left: 0px; }
  } 

  @-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

--.slick-slide-content h1, --.slick-slide-content a.btn.btn-default {  opacity: 0;  }

.slide-content-option-wrapper {
  position: absolute;
  bottom: -200px;
}

.slick-slide-content h1 {
  opacity: 1;
  width: 100%;
  padding: 10px 20px 30px 0;
}

.slick-active .slick-slide-content h1 {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
}

.slick-slide-content .slide-content-wrapper {  position: relative; width: 80%; }

.slick-slide-content .slide-content-option-wrapper {
  opacity: 0;
  position: absolute;
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active .slide-content-option-wrapper{
    -webkit-animation: 1s ease 1s normal forwards 1 fadein;
    animation: 1s ease 1s normal forwards 1 fadein;
}

.slick-active .btn {
  -webkit-animation: 1s ease 1s normal forwards 1 fadein;
  animation: 1s ease 1s normal forwards 1 fadein;
  opacity: 1;
  position: absolute;  
} 
/*Снимки в COVER формат*/ 
 .image-wrapper {  padding-top: 0;  }
.single-product .productinfo img {  height: 100%;  }
.single-products .productinfo img { height: 100%;  }
.category_image>img {  height: 100%; }
.category_image {  padding-bottom: 85%; }
.productinfo picture {  padding-bottom: 85%;  }
.gallery_page .image.fixed-height img, .image_gallery_index .image.fixed-height img {  height: auto; } 
/*Покажи статуса на продукта в/у снимката*/ 
 .availability  { 
    display: none; 
    position: absolute;
    top: 24%;
    z-index: 3;
    padding: 5px 50px;
    text-transform: uppercase;
    font-weight: 600;
}
.availability.type_unavailable,
.availability.type_by_request {
   display: block;
    background: #e03e0b;
    color: #fff;
    left: 0;
    right: 0;
    max-width: max-content;
    margin: 0 auto;
    -webkit-animation: tada 12s 5s infinite;
    animation: tada 12s 5s infinite;
}
.availability.type_unavailable {
   background: #b11212;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
    0.75%,1.5% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    2.25%,3.75%,5.25%,6.75% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    3%,4.5%,6% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    7.5% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
    0.75%,1.5% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    2.25%,3.75%,5.25%,6.75% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    3%,4.5%,6% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    7.5% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
} 
/*Редизайн на Slick slider*/ 
 .slick-dots {  bottom: 6%;  z-index: 1;  margin:0 auto;  left:0; right:0; transform: scale(.8); pointer-events: none; }  /* големина и позиция на точките ----------- */
.slick-prev, .slick-next {
    /* фон под стрелките */
    background: var(--dp-main_color);
}
.slick-prev:before, .slick-next:before {
    /* цвят на стрелките */
    color: var(--dp-main_text_color);
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: var(--dp-main_text_color); /* цвят на стрелките при ховър */
}
.slick-next:hover {
transform: scale(1.1);
}
.slick-prev:hover {
transform: rotate(180deg) scale(1.1);
}
@media screen and (min-width: 769px) {
    .slick_slider_wrapper { margin-top:  0px; } /* отстояние от топ */
    /* коментирай за пропорционален размер на снимката */
    --.slick-slide, --.slick-slide img { height:400px;  object-fit: cover; } /* височина на слайдъра, тип разпъване на снимката */
}

@media screen and (max-width: 769px) {
    /* височина на слайдъра в мобилната версия */
   .slick-slide, .slick-slide img { height:370px;  } 
}

/* Снимката запълва пропорционално пространството */

.slick-slide {
  aspect-ratio: 20 / 7; /* Задайте вашето съотношение (4/3, 1/1 и т.н.) */
  overflow: hidden;
}

.slick-slide { height: auto; }
.slick-slide>div, .slick-slide>div>div { height: auto; height: 100%; }
.slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Запазва пропорциите и изрязва излишното */
  object-position: center; /* Центрира фокуса на снимката */
}

@media screen and (max-width: 769px) {
    /* височина на слайдъра в мобилната версия */
   .slick-slide, .slick-slide img { height:initial;  } 
   .slick-slide {
  aspect-ratio: 7 / 9; /* Задайте вашето съотношение за мобилна версия (4/3, 1/1 и т.н.) */
  overflow: hidden;
}
} 
/*Скрива категориите в изглед на продукт (product view)*/ 
 .product_view  #categories-menu { display: none; }
.product_view  .contentColmnProduct { width: 100%; } 
/*Дизайн Акценти - иконка тескт*/ 
 #accents_section { padding: 30px 0; }
.single_accent { float: none; display: inline-block; vertical-align: top; width: 20%; padding: 15px; position: relative;  display: inline-flex; align-items: center; }
.text_pages_pictures div.text-section { font-size: 1em; width: auto; margin: 1rem; display: block; color: #363432; min-height: auto;  position: relative;  bottom: initial; font-weight: 600;  text-transform: uppercase;  }
.single_accent span {  width: 100px; background-size: contain !important;  padding-top: 25%; }
.single_accent span>div.curtain { display: none; }
#accents_section .single_accent {  border-right: 1px solid #bdc4ca; }
#accents_section > div > div:nth-child(5) { border-right: none !important; }
@media (max-width: 1440px) {
.text_pages_pictures div.text-section {  font-size: 0.7em; }
}
@media (min-width: 640px) and (max-width: 1280px) {
.single_accent { align-items: center; flex-wrap: wrap; justify-content: center; }
    .text_pages_pictures div.text-section { text-align: center; }
}
@media (max-width: 1024px) {
    .categories-fixes {
        flex-wrap: wrap;
    }
}
@media (max-width: 640px) {
.single_accent {  width: 49%; padding: 15px 3px; }
    .single_accent span { width: 60px; }
    #accents_section .single_accent { border-right: none; }
}