
@media (min-width: 1399px) {
    .footer__desc {
        margin-right: 20px;
    }

    .categories__item-row {
        min-width: 162px;
    }
}


@media (max-width: 1280px) {
    .categories__item {
        min-width: unset;
    }

    .banner-twb__logo {
        width: 776px;
        height: 364px;
        background-size: 776px 364px;
    }
    .banner-twb__title {
        font-size: 40px;
    }
    .banner-twb__slogan {
        max-width: 976px;
    }


    #subscribe-popup {
        left: calc(25% / 2 );
    }

    .categories__item-row {
        min-width: 154px;
    }

    .img-w-976 {
        display: block;
        aspect-ratio: 976 / 407;
    }
    .img-w-1320,
    .img-w-940,
    .img-w-432,
    .img-w-320
    {
        display: none;
    }

    .combination .top-articles__left {
        display: none;
    }
}

@media (max-width: 1199px) {
    .footer__desc {
        margin-right: 0;
    }

    .popular-articles {
        width: calc(100% - 20px);
    }

    .base-cat-posts,
    .cat-posts
    {
        width: calc(100% - 24px);
    }

    .categories__item-row {
        min-width: 100%;
    }

    .base-cat-articles__image
    {
        height: 148px;
    }

    ul.categories__list-all {
        display: block!important;
    }

    .categories ul.categories__list > li.categories__item:first-child:before {
        display: none;
        content: '';
        margin: 0;
        background-color: transparent;
        width: 0;
    }


    .share-box-horizontal,
    .share-box {
        display: none;
    }
    .share-box-side {
        display: block;
        width: fit-content;
        margin: 0 0 24px 0;
        text-align: left;
    }
    .share-box-side .share-box__list {
        display: flex;
        flex-direction: row;
        list-style: none;
        padding-left: 0;
    }
    .share-box-side .share-box__button {
        list-style: none;
        display: block;
        height: 40px;
        padding: 4px;
    }
    .share-box-side .share-box__button {margin: 0 4px;}
    .share-box-side .share-box__button:first-child {margin-left: 0;}
    .share-box-side .share-box__link {
        text-decoration: none;
        outline: none;
    }

    .footer__middle {
        gap: 20px;
        margin: 0 0 0 20px;
    }
    .footer__sublist {
        width: calc(33% - 15px);
    }
}
