
@media (max-width: 320px) {

    ul.categories__list {
        padding: 4px 0;
        list-style: none;
    }

    li.categories__all > a {
        background-position-x:calc(50% - 45px);
        width: 100%;
    }
    li.categories__all {
        /*padding: 0!important;*/
    }


    .categories > ul.categories__list-all > li.categories__all > ul.categories__list {
        width: 288px;
        /*left: 16px;*/
        /*right: 16px ;*/
    }


    .hidden-xs {
        display: none;
    }

    ul.footer__sublist {
        margin-top: 0;
        width: calc(100% - 24px);
    }

    .banner-twb__logo {
        width: 288px;
        height: 134px;
        background-size: 100% 100%;
    }
    .banner-twb__slogan {
        max-width: 100%;
    }


    .footer__sublist {
        max-width: 100%;
    }

    #subscribe-popup {
        top: 80px;
        left: 16px;
        right: 16px;
        width: auto;
        max-width: 288px;
        max-height: unset;
    }

    .subscribe-popup__left {
        margin: 24px 16px;
        width: unset;
    }
    .subscribe-popup__right {
        display: none;
    }
    .subscribe-form {
        flex-flow: column nowrap;
        gap: 8px;
    }

    .subscribe-popup__form .subscribe-form__input{
        width: 100%;
    }
    .subscribe-popup__form .subscribe-form__button {
        width: 100%;
    }


    .base-cat-articles__image,
    .cat-articles__image
    {
        height: 184px;
    }


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

    .post-head__author-line {
        margin-top: 8px;
    }

    .share-content {
        padding: 16px;
    }
}