@media (min-width: 1024px) {
  body:not(.sb-small) .menu__logo {
    display: none;
  }
}
@media (max-width: 1023px) {
  .page {
    margin-left: 0px;
  }
  header {
    left: 0;
    right: 0;
  }
  body.sb-small header {
    left: 0;
  }
  .sidebar.small .sb-head,
  .sidebar.small .sb-scroll {
    display: none;
  }
  .sidebar.small {
    height: 60px;
    background-color: transparent;
  }
  .btn-log button,
  .btn-sign button {
    font: 600 12px / 16px Inter, sans-serif;
    min-width: 80px;
    height: 40px;
  }
  .site-logo.mobile-on {
    width: 110px;
    margin-left: 45px;
    margin-right: 0;
  }
  .content {
    padding: 0;
  }
  .site-navbar {
    padding: 8px 14px;
    background-color: #252a36;
  }
  body.sb-small .sb-toggle {
    background: #41495c;
    left: 7px;
  }
  body.sb-small .page {
    margin-left: 0px;
  }
}

@media screen and (max-width: 735px) {
  .mobile-on {
    display: block;
  }
  .mob {
    display: flex;
  }
  .decs {
    display: none;
  }
  .menu__list {
    display: none;
  }
  .hero {
    padding: 80px 8px 20px;
  }
  .hero__slide,
  .hero__slide img {
    height: 144px;
  }
  .hero__btn {
    display: none;
  }
  .hero__swiper {
    overflow: visible;
  }
  .hero__slide {
    padding: 15px;
  }
  .hero__slide h4 {
    color: #fdfee7;

    font-size: 17.705px;
    font-style: normal;
    font-weight: 800;
    line-height: 20.066px;
  }
  .hero__slide h4 strong {
    font-size: 11.803px;
    font-style: normal;
    font-weight: 800;
    line-height: 20.066px;
    text-transform: uppercase;
  }
  .hero__slide p {
    margin-top: 4px;

    font-size: 10px;
  }
  .hero__slide p strong {
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 9.443px;
    color: #fdbd14;
  }
  .hero__controls {
    margin-top: 0;
  }

  .main-btn button {
    padding: 4px 8px;
    font-size: 12px;
  }
  /*gwg*/
  .mobile-on.title-gwg {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;

    margin-bottom: 12px;
  }
  .gwg {
    padding: 0 0 20px 8px;
  }
  /* mobile nav */
  .nav__main__mobile {
    position: fixed;
    top: inherit !important;
    right: 0;
    bottom: 0;
    z-index: 99;

    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #131620;
  }
  .nav__main__mobile ul {
    display: flex;
    justify-content: space-between;
  }
  .nav__main__mobile ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    font: 400 12px / 16px Inter, sans-serif;
    color: #fff;
    cursor: pointer;
    gap: 5px;
  }
  .nav__main__mobile ul li img {
    width: 24px;
  }
  .nav__main__mobile ul li:hover {
    filter: brightness(0) saturate(100%) invert(87%) sepia(24%) saturate(5095%)
      hue-rotate(347deg) brightness(103%) contrast(98%);
    transition: 0.1s step-end;
  }
  .suchen_nav {
    position: relative;
  }
  .suchen_nav::after {
    content: "";
    position: absolute;
    width: 44px;
    height: 54px;

    background-image: url(../img/surch-aft.svg);
    background-size: contain;
    background-position: center;
    top: -12%;
    left: 22%;
    z-index: 0;
  }
  .suchen_nav::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;

    background-image: url(../img/surch-bef.svg);
    background-size: contain;
    background-position: center;
    z-index: 1;
    top: 8%;
    left: 35%;
  }
  .nav__main__mobile ul li.suchen_nav:hover {
    color: #fdbd14;
    filter: none;
  }
  /* ktac */
  .kcats__search-btn {
    display: none;
  }
  .kcats {
    padding: 0px 8px 24px 2px;

    justify-content: flex-start;
    gap: 6px;
  }
  .kcats__card span {
    font-size: 14px;
    font-weight: 500;
  }
  .kcats__slider {
    position: relative;

    width: 86%;
  }
  .kcats__card.sport-btn {
    width: 44px;
  }

  .kcats__fade--l {
    left: 90%;
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 410px) {
  .kcats__fade--l {
    left: 89%;
  }
}

@media screen and (max-width: 380px) {
  .site-logo.mobile-on {
    margin-left: 44px;
    width: 100px;
  }
  .site-navbar {
    padding: 8px 8px;
  }
  .kcats__fade--l {
    left: 88%;
  }
}