@media screen and (max-width: 1360px) {
    .site-wrap {
        width:100%;
        padding:0 10px;
        box-sizing:border-box;
    }
}
@media screen and (max-width: 1180px) {
    .big-white-title {
        font-size:22px;
        line-height: 28px;
    }
    .small-news {
        width: calc(33% - 12px);
    }
    .right-red-info {
        bottom:300px;
        width:600px;
    }
    .more-bottom-news {
        flex-wrap:wrap;
    }
}
@media screen and (max-width: 990px) {
   .last-news-wrap {
       flex-wrap:wrap;
   } 
   .left-last-news{
       width:100%;
   }
   .right-small-news {
       width:100%;
   }
}
@media screen and (max-width: 930px) {
    .red-section {
        position:inherit;
    } 
    .right-red-info {
        position:inherit;
        float:left;
        width:100%;
    }
    .left-check {
        width:50%;
    }
    .right-check {
        width:50%;
    }
    .right-check .title {
        font-size:20px;
    }
    .promo-section .left-promo {
        width:50%;
    }
    .promo-section .right-promo  {
        width:50%;
    }
    .more-bottom-news .small-news {
        width:calc(33% - 11px);
    }
    .scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* плавен скрол за iOS */
    scrollbar-width: thin; /* за Firefox */
  }

  /* По желание: стилизирано фино скролче за Webkit (Chrome, Edge) */
  .scroll-wrapper::-webkit-scrollbar {
    height: 6px;
  }

  .scroll-wrapper::-webkit-scrollbar-track {
    background: transparent;
  }

  .scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }

  .top-kids-cats {
    padding-bottom: 10px; /* малко разстояние за скролера, ако искаш */
  }
}
@media screen and (max-width: 800px) {
    .is-title {
        margin-top:20px;
    }
   .big-left-box-wrap {
       flex-wrap:wrap;
   } 
   .big-left-box {
       width:100%;
   }
   .right-boxes {
       width:100%;
   }
   .left-img img {
       height: auto;
    object-fit: contain;
    width: 100%;
   } 
   .right-red-info {
       margin-top:-10px;
   }
   .row-news {
       flex-wrap:wrap;
   }
   .row-news .small-news {
        width: calc(33% - 11px);
        float: left;
    }
}
@media screen and (max-width: 780px) {
    .section-title {
        font-size:18px;
    }
    .big-white-title {
        font-size:19px;
        line-height: 25px;
    }
}
@media screen and (max-width: 730px) {
    .row-news .small-news {
        width: calc(50% - 10px);
        float: left;
    }
    .promo-section .show-now {
        font-size:15px;
    }
    .right-check {
        padding:10px;
    }
}
@media screen and (max-width: 600px) {
    .small-news {
        width: calc(50% - 10px);
    }
    .right-red-info .bigger {
        font-size:22px;
    }
    .more-bottom-news .small-news {
        width:calc(50% - 10px);
    }
    .promo-section {
        flex-wrap:wrap;
        height: 500px;
    }
    .promo-section .left-promo {
        width:100%;
    }
    .promo-section .left-promo img{
        height: 200px;
        object-fit:cover
    }
    .center-info {
        position: inherit;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        width: 100%;
    }
    .promo-section .right-promo {
        width:100%;
        padding:20px;
        
    }
    .checks-wrap {
        height: 100%;
    }
    .left-check {
        width:100%;
    }
    .right-check {
        width:100%;
    }
    .left-check img {
        height: auto;
    }
    .promo-section .promo-title {
        font-size:20px;
    }
    .small-news .image img.small-img {
        height: auto;
    }
}
@media screen and (max-width: 500px) {
    .right-check .title {
        font-size: 15px;
    }
                             
    .big-white-title {
        font-size: 17px;
        line-height: 22px;
    }
    .small-news.is-white .small-news-title {
        font-size:14px;
        line-height: 17px;
    }
    .right-red-info .smaller {
        font-size:15px;
        line-height: 18px;
    }
}
@media screen and (max-width: 400px) {
    .small-news .small-news-title {
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        color: #373737;
        float: left;
        margin-top: 10px;
    }
    .sub-txt.is-white {
        font-size:14px;
    }
}
@media screen and (max-width: 330px) {
    .small-news {
        width: 100%;
    }
    .row-news .small-news, .more-bottom-news .small-news {
        width:100%;
    }
    .checkbox-wrapper {
        float:left;
        width:100%;
        padding:0px;
        margin-top:10px;
    }
    .big-white-title {
        font-size: 15px;
        line-height: 18px;
    }
}