@media (max-width: 768px) {

    .breadcrumb__list {
        flex-flow: row wrap;
    }

    .col-hidden-sm,
    .hidden-sm {
        display: none;
    }

    .footer__menu-middle {
        width: 100%;
    }

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

    .footer__menu-side {
        flex-direction: column-reverse;
    }

    ul.footer__sublist {
        margin: 0;
        width: calc(25% - 15px);
    }

    ul.footer__sublist_3 {
        order: 3;
        margin-top: 0;
    }

    ul.footer__sublist_4 {
        order: 4;
        margin-top: 0;
    }

    .banner-twb {
        margin-bottom: 0;
    }

    .banner-twb__logo {
        width: 100%;
        height: calc((100vw - 48px) / 2.13);
        background-size: 100% 100%;
    }
    .banner-twb__slogan {
        max-width: 100%;
    }

    .base-cat-posts__articles,
    .cat-posts__articles{
        margin-top: 16px;
    }

    .base-cat-posts,
    .cat-posts {
        width: 100%;
    }

    .popular-articles {
        width: 100%;
    }

    .au-map__items-middle{display: block;}

    .numbers {
        margin-bottom: 24px;
    }



    .footer__subheader {
        margin-top: 8px;
        margin-bottom: 24px;
    }

    .footer__subscribe-form .subscribe-form__input {
        width: 72%;
    }
    .footer__subscribe-form .subscribe-form__button {
        width: 28%;
    }

    .ps-row-row {
        flex-direction: column;
        flex-flow: column nowrap;
    }

    .ps-row-row .cat-articles__left {
        padding: 0;
    }
    .ps-row-row .cat-articles__right {
        margin-top: 24px;
    }

    .subscribe-popup__form {
        padding-bottom: 0;
    }

    #subscribe-popup .subscribe-form {
        display: flex;
        flex-flow: column nowrap;
    }
    .subscribe-popup__form .subscribe-form__input{
        width: 100%;
    }
    .subscribe-popup__form .subscribe-form__button {
        width: 100%;
        margin-top: 24px;
    }

    .gallery-top .gallery-top__item:nth-child(3n+1) {
        display: none;
    }

    .gallery-top .gallery-top__item-width-4 {
        width: 50%;
    }


    .about-us__numbers-list {
        flex-flow: row wrap;
        justify-content: center;
    }
    .about-us__numbers-list .numbers {
        width: calc(50% - 21px);
    }

    .about-us__numbers-list .numbers-separator-second {
        display: none;
    }

    .author-page-posts__item {
        width: calc(50% - 10px);
    }

    .base-cat-articles__image,
    .cat-articles__image
    {
        height: 210px;
    }
    .sub-cat-articles__image {
        /*height: unset;*/
    }

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

    .footer-mobile-line {
        width: 100%;
        padding-top: var(--D9, 40px);
        border-top: 1px solid var(--neutral-700, #424346);
    }


    .pagination__group .pagination__text {
        display: none;
    }

    .width1096 {
        flex-direction: column;
    }
    .width1096 > * {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .post-item {
        width: 100%;
        margin-bottom: 0;
    }

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

    .tag-articles,
    .sub-cat-articles,
    .search-result-block__item {
        flex-flow: column nowrap;
        padding: 0;
    }

    .tag-articles__left,
    .sub-cat-articles__left,
    .search-result-block__left {
        margin: 0;
        width: 100%;
        padding: 32px 24px 24px 24px;

    }
    .tag-articles__right,
    .sub-cat-articles__right,
    .search-result-block__right {
        margin: 0;
        width: 100%;
    }
    .tag-articles__image,
    .sub-cat-articles__image,
    .search-result-block__image {
        height: auto;
    }
    .tag-articles__image > img,
    .search-result-block__image > img {
        width: 100%;
    }

    .base-cat-articles__image,
    .cat-articles__image
    {
        height: 172px;
    }
    .tag-articles__image,
    .sub-cat-articles__image {
    }


    .tag-articles__header,
    .sub-cat-articles__header {
        margin: 16px 0 8px 0;
    }
    .tag-articles__left .post-item__read-more,
    .sub-cat-articles__left .post-item__read-more
    {
        margin: 16px 0;
    }

    .footer__subscribe-form {
        flex-flow: row wrap;
    }

    .subscribe-form__row {
        flex-flow: column wrap;
    }

    .footer__subscribe-form .subscribe-form__input{
        width: 100%;
    }
    .footer__subscribe-form .subscribe-form__button {
        margin-top: 16px;
        width: 100%;
    }

    .footer__subscribe-form-and-privacy {
        display: flex;
        flex-flow: column nowrap;
    }

    .content-container-category {
        margin-bottom: var(--D8, 24px);
    }

    .tag-header {
        flex-flow: column nowrap;
        gap: 12px;
    }

    .tag-articles__status-line .author-line__author-name {
        margin-bottom: 0;
    }
    .tag-articles__status-line .author-line {
        gap: 8px;
    }



    .footer__middle {
        justify-content: flex-start;
        margin: 0;
        flex-flow: row wrap;
    }

    ul.footer__sublist {
        margin: 0;
        width: calc(50% - 20px);
    }

    ul.footer__sublist_3 {
        order: 4;
        margin-top: -120px;
    }

    ul.footer__sublist_4 {
        order: 3;
    }


}




@media (max-width: 640px) {
    .sub-cat-articles__image img, .tag-articles__image img, .search-result-block__image img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 540px) {
    .footer__sublist{
        max-width: 45%;
    }
}

@media (max-width: 479px) {
    .footer__sublist{
        max-width: 40%;
    }

    .about-us__numbers-list .numbers {
        width: 100%;
    }

    .about-us__numbers-list .numbers-separator {
        display: none;
    }

    .padding-bottom-480 {
        padding-bottom: var(--D9, 40px );
    }


    .au-topic__margin-right,
    .au-topic__margin-left,
    .au-topic__margin-center
    {
        margin: 16px 0;
        text-align: center;
    }
    .au-topic__margin-right .au-topic__shield,
    .au-topic__margin-left .au-topic__shield,
    .au-topic__margin-center .au-topic__shield
    {
        margin: 0 auto 24px auto;
    }

    .author-page-posts__item {
        width: 100%;
    }
    .base-cat-articles__image,
    .cat-articles__image
    {
        height: 125px;
    }
    .sub-cat-articles__image {
        /*height: unset;*/
    }
}