@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;
  }
  .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;
  }
  .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;
  }
  .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%;
  }
}
@media (max-width:1023px){
  .site-navbar{
    position: relative;
    padding-left: 56px;
    background-color: #252a36;
  }
  .sb-toggle--hdr{
    position: absolute;
    top: 8px;
    left: 8px;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #41495c;
    border: 0;
    border-radius: 8px;
    padding: 0;
    z-index: 1002;
  }
  .sb-toggle--hdr svg{
    width:24px;
    height:24px;
    display:block;
  }
  .sidebar .sb-toggle{
    display: none !important;
  }
  #site-main{
    padding-left: 0 !important;
  }
  .page{
    margin-left: 0 !important;
  }
  .sidebar{
    transform: translateX(-100%);
    transition: transform .25s ease;
  }
  body.sb-open .sidebar{
    transform: translateX(0);
  }
  .sb-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 1001;
  }
  body.sb-open .sb-overlay{
    opacity: 1;
    pointer-events: auto;
  }
  .site-logo.mobile-on{
    margin-left: 0 !important;
    width: 110px;
  }
}
@media (max-width:1023px){
  #sb-toggle{
    display: none !important;
  }
}
@media (min-width:1024px){
  .sb-toggle--hdr{
    display: none !important;
  }
  .sidebar .sb-toggle{
    display: flex !important;
  }
}