@media (max-width: 480px) {

    .post-head {
        /*margin-top: 32px;*/
        margin-top: 0px;
        margin-bottom: 32px;
    }
    .footer__row {
        margin-top: 32px;
        padding-bottom: 32px;
    }

    .categories > ul.categories__list {
        display: none;
    }
    ul.categories__list {
        padding: 4px 0;
    }
    li.categories__all {
        width: 100%;
    }
    li.categories__all > a {
        background-position-x:calc(50% - 45px);
        width: 100%;
    }

    ul.categories__list li.categories__hide_all {
        display: none;
    }

    .categories  > ul.categories__list-all {
        padding-left: 0;
        margin-bottom: 0;
        width: 100%;
    }
    .categories > ul.categories__list-all > li.categories__all {
        width: 100%;
    }
    .categories > ul.categories__list-all > li.categories__all  > .categories__item-row {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .categories > ul.categories__list-all > li.categories__all:hover > .categories__item-row .categories__link  {
        /*background-image: url(../images/icons/menu/close.svg);*/
    }

    .categories > ul.categories__list-all > li.categories__all > ul.categories__list {
        width: calc(100% - 32px);
        left:24px;
        right: 24px;
    }

    .categories > ul.categories__list-all > li.categories__all > ul.categories__list > li.categories__item,
    .categories > ul.categories__list-all > li.categories__all > ul.categories__list > li.categories__item > ul.categories__sub-list > li
    {
        flex-direction: column;
    }

    .categories > ul.categories__list-all > li.categories__all > ul.categories__list > li.categories__item > ul.categories__sub-list > li {
        flex-direction: column;
        margin: 8px 0;
        padding: 8px 0;
    }

    .categories > ul.categories__list-all > li.categories__all > ul.categories__list > li.categories__item > ul.categories__sub-list > li > i.icon {
        display: none;
    }

    .categories > ul.categories__list-all > li.categories__all > ul.categories__list > li.categories__item > ul.categories__sub-list {
        position: inherit;
        margin: 8px;
        /*z-index: 100;*/
    }

    .categories > ul.categories__list-all > li.categories__all > ul.categories__list > li.categories__item > ul.categories__sub-list > li > ul.categories__sub-list {
        position: inherit;
        margin: 0;
        /*z-index: 99;*/
    }

    .categories__all > .categories__list > .categories__item > .categories__item-row > i.icon {
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-image: url(../../images/icons/icon-menu-dd-down-gray.svg);
    }

    .categories__all > .categories__list > .categories__item.active > .categories__item-row > i.icon {
        background-image: url(../../images/icons/icon-menu-dd-up-gray.svg);
    }

    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item:hover > ul.categories__sub-list {
        display: none;
    }

    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > ul.categories__sub-list {
        display: block;
    }

    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > ul.categories__sub-list > .categories__sub-item > .categories__link  {
        width: fit-content;
        min-width: fit-content;
        margin: 0 auto;
    }

    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item .categories__item-row {
        cursor: pointer;
    }
    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active {
        background: var(--neutral-800, #222324);
    }

    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > .categories__sub-list  {
        background: var(--neutral-800, #222324);
        border: none;
    }

    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > .categories__sub-list > .categories__sub-item {
        align-items: center;
    }

    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > .categories__sub-list > .categories__sub-item.categories__go-to {
        display: flex;
    }
    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > .categories__sub-list > .categories__sub-item.categories__go-to:hover {
        background: var(--neutral-800, #222324);
    }

    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > .categories__sub-list > .categories__sub-item.categories__go-to > .categories__link {
        color: var(--royalblue-600, #1951E1);
        font-size: 14px;
        line-height: 22px;
        text-decoration-line:underline;
        text-underline-offset: 0.5em;
        text-decoration-color: #1951E1;
        text-decoration-style: dotted;
    }
    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > .categories__sub-list > .categories__sub-item.categories__go-to > .categories__link:hover {
        color: var(--royalblue-400, #2965FF);
        text-decoration-color: #2965FF;
    }
    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > .categories__sub-list > .categories__sub-item.categories__go-to > .categories__link:active {
        color: var(--royalblue-500, #215AEE);
        text-decoration-color: #215AEE;
    }
    .categories > .categories__list-all > .categories__all.active > .categories__list > .categories__item.active > .categories__sub-list > .categories__sub-item.categories__go-to > .categories__link:disabled {
        color: var(--neutral-200, #C3C4C7);
        text-decoration-color: #C3C4C7;
    }




    .logo-one-char { display: block; }
    .logo-full { display: none; }
    .logo {width: fit-content;}
    .logo-separator {margin: 0 8px; }

    .footer__subscribe-form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        width: 100%;
    }

    .subscribe-form__input {
        width: 100%;
        margin: 16px 0 8px 0;
    }
    .subscribe-form__button {
        width: 100%;
    }


    .footer__privacy {
        margin-top: 24px;
    }

    .author-line {
        flex-wrap: wrap;
    }

    .author-line li > a:hover {
        text-decoration: none;
    }

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

    .banner-twb__logo {
        width: 100%;
        height: calc((100vw - 32px) / 2.13);
        background-size: 100% 100%;
    }
    .banner-twb__title {
        font: 700 22px/30px 'Golos Text', 'Roboto', sans-serif;
    }
    .banner-twb__slogan {
        max-width: 100%;
    }

    .cat-posts__item {
        margin-top: 24px;
    }

    .home-cat-articles,
    .base-cat-articles,
    .cat-articles
    {
        width: 100%;
        margin-bottom: 16px;
    }


    /*===================search=======================*/
    .searchwp-live-search-results {
        /*width: calc(100% - 32px)!important;*/
    }

    .page-search-form__form-block{
        width: 100%;
    }
    /*================end search======================*/

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

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

    .search-result-block__left {
        margin: 0;
        width: 100%;
        padding: 32px 16px 16px 16px;

    }

    .home-cat-articles__bottom {
        margin: 20px 12px 12px 16px;
        width: calc(100 - 24px);
    }


    .not-found__image{
        width: 100%;
        margin: 0 auto 62px auto;
    }
    .x{
        width: var(--D9);
    }

    .footer__header {
        font-size: 32px;
        line-height: 40px;
    }

    .footer__middle {
        justify-content: flex-start;
        margin: 0;
        flex-flow: column nowrap;
    }

    ul.footer__sublist {
        margin: 0 0 0 16px;
        width: 100%;
    }

    ul.footer__sublist_3 {
        order: 3;
    }

    ul.footer__sublist_4 {
        order: 4;
    }

    .other-articles__post .cat-articles__image {
        height: 100%
    }
    .other-articles__post .cat-articles__image > img {
        aspect-ratio: 288 / 188;
        width: 100%;
        height: auto;
    }

    #subscribe-popup {
        top: 80px;
        left: 24px;
        width: calc(100% - 48px);
        max-width: calc(100% - 48px);
        max-height: unset;
    }

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