@media (max-width: 600px) {
  body .mobile-scrolled {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: normal;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 15px !important;
    margin-bottom: -15px !important;
    padding-top: 15px !important;
    margin-top: -15px !important;
    grid-gap: 0px !important;

    position: relative;
    z-index: 5;
  }
  #main .mobile-scrolled:not(.grid-list--no-gap) > div {
    padding: 0px 16px 0px 0px;
  }
  #main .mobile-scrolled .bottom_nav.mobile_slider {
    padding: 0px;
  }
  #main .mobile-scrolled > div {
    width: 420px;
    flex-shrink: 0;
    box-sizing: content-box;
  }
  #main .mobile-scrolled--items-2 > div {
    width: 260px;
  }
  #main .mobile-scrolled.mobile-scrolled--items-auto > div {
    width: auto;
  }
  #main .mobile-offset {
    margin: 0 -16px;
    padding: 0 0 0 16px;
    flex-wrap: nowrap;
  }
  #main .mobile-offset.slider-solution {
    overflow: hidden !important;
  }
  #main .mobile-offset--right {
    padding-right: 16px;
  }

  .mobile-scrolled::-webkit-scrollbar-thumb {
    background-color: rgba(153, 153, 153, 1);
    background-color: var(--gray_bg_black);
    border-radius: 10px;
    border: 2px solid var(--black_bg_black);
  }

  .mobile-scrolled::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--black_bg_black);
  }

  .index-block--fon .mobile-scrolled::-webkit-scrollbar-track {
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    border-color: var(--darkerblack_bg_black);
  }

  .mobile-scrolled::-webkit-scrollbar {
    width: 0;
    height: 6px;
  }

  .mobile-scrolled {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
  }
}

@media (max-width: 450px) {
  .mobile-scrolled > div {
    width: 320px;
  }
}