
@media (max-width: 1024px) {

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

    .top-menu {
        position: absolute;
        display: flex;
        flex-flow: column nowrap;
        width: 100%;
        background: #ffffff;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        top:80px;
        /*z-index: 99;*/
    }
    .top-menu > li {
        display: block;
        width: 100%;
        height: 28px;
        margin: 12px 0;
    }

    .top-menu > li > a {
        display: block;
        width: fit-content;
        text-align: center;
        font-size: 17px;
        line-height: 28px;
        margin: 0 auto;
        text-decoration: none;
    }

    .header-line__search .search-form {width: unset;}

    .header-line__search .search-form:hover {
        border: 1px solid transparent;
        background: var(--neutral-100, #EFF1F3);
    }
    .header-line__search .search-form:active,
    .header-line__search .search-form:focus
    {
        background: var(--neutral-150, #E7E7E8);
    }

    .header-line__search .search-form:disabled
    {
        opacity: 0.3;
        /*background: var(--neutral-50, #F9FAFB);*/
    }


        /*.search-form .search-form__input {*/

    .header-line__search .search-form__has-text-button{
        display: none;
        height: 32px;
        border-bottom: 2px solid var(--royalblue-500, #215AEE);
    }
    .header-line__search.active .search-form__has-text-button {
        display: block;
    }
    .header-line__search .search-form__input{
        display: none;
        /*color: var(--neutral-700, #424346);*/
        font-size: 17px;
        line-height: 28px;
        height: 32px;
    }

    .header-line__search.active {
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        width: 100%;
        height: 56px;
        background: #ffffff;
        /*z-index: 99;*/
        padding:  0 8px;
    }

    .header-line__search.active .search-form__input {
        display: block;
    }
    .header-line__search.active .search-form {
        width: 100%;
        padding: 16px 8px;
        background: #ffffff;
        border: 1px solid transparent;
        /*border-bottom: 1px solid var(--neutral-600, #6F7175);*/
        /*box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);*/
    }
    .header-line__search.active .search-form__input {
        width: calc(100% - 32px);
        padding: 0 8px 4px 8px;
        border-bottom: 1px solid var(--neutral-600, #6F7175);
    }
    .header-line__search.active .search-form .search-form__input:not(.active):hover {
        border-bottom: 1px solid var(--royalblue-500, #215AEE);
    }

    .header-line__search.active .search-form__input::placeholder {
        color: var(--neutral-200, #C3C4C7);
    }

    .header-line__search.active .search-form__input.active {
        border-bottom: 2px solid var(--royalblue-500, #215AEE);
    }

    .header-line__search.active .search-form__button {
        width: 28px;
        height: 32px;
        border-bottom: 1px solid var(--neutral-600, #6F7175);
    }

    .header-line__search.active .search-form__button.active {
        border-bottom: 2px solid var(--royalblue-500, #215AEE);
    }

    .header-line__menu .top-menu {
        display: none;
    }

    .header-line__menu .burger-button {
        display: block;
    }

    .header-line__menu {
        justify-content: flex-end;
        display: inline-flex;
        flex-grow: 1;
        margin-right: 8px;
    }

    /*ul.categories__list-all li.categories__all{display: inline-flex!important;}*/
    /*ul.categories__list li.categories__all{display: inline-flex!important;}*/

    .blog-banners {
        display: block;
    }

    .col-hidden {
        display: none;
    }

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

        border: none;
        border-radius: 16px;
        background-color: #ffffff;
        /*opacity: 0.8;*/
        width: fit-content;
        padding: 0 8px;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
    }
    .badge-success {
        color: var(--royalblue-900, #031A54);
    }
    .badge-error {
        /*background: var(--warning-400, #FF4B4B);*/
        background: var(--tomato-500, #FF6522);
    }

    .banner-twb {
        margin-bottom: 8px;
    }
    .banner-twb__logo {
        width: 776px;
        height: 364px;
        background-size: 100% 100%;
    }
    .banner-twb__slogan {
        max-width: 797px;
    }

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

    .home-cat-articles,
    .base-cat-articles,
    .cat-articles
    {
        width: calc(50% - 16px);
    }


    .partner-cloud__list {
        flex-flow: row wrap;
    }
    .partner-cloud__item {
        margin: 8px 4px;
    }

    .subscribe-form__input {
        width: calc(100% - 177px);
    }

    .subscribe-form__button {
        width: 177px;
    }

    .search-form.bordered {
        border: none;
        background: var(--neutral-0, #FFF);
    }

    .top-shadow {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        background: rgba(17, 17, 18, 0.50);
        z-index: 98;
    }

    /* ========================== */

    .searchwp-live-search-results {
        width: calc(100% - 48px);
        min-width: unset;
    }

    .searchwp-live-search-result {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        gap:16px;
        padding: 12px 8px;
        border-bottom: 1px solid var(--neutral-100, #EFF1F3);
    }
    .search-posts-item__img {
        display: block;
        width: 32px;
        height: 32px;
        background-repeat: no-repeat;
        background-size: auto 32px ;
        background-position: center center;
        flex-shrink:0;
    }
    .search-posts-item__title {
        color: var(--neutral-700, #424346);
        font-size: 15px;
        line-height: 20px;
        margin:0;
        white-space:nowrap;
        overflow-x: hidden;
    }

    .searchwp-live-search-results .s-more-text {
        display: block;
        width: calc(100% - 16px);
        font-size: 13px;
        line-height: 20px;
        padding: 12px 8px;
        text-align: center;
    }
    .searchwp-live-search-results .s-more-text a{
        font-size: 13px;
        line-height: 20px;
        text-decoration: none;
    }
    .searchwp-live-search-results .s-more-text a:hover{
        color: var(--royalblue-500, #215AEE);
    }
    .searchwp-live-search-results .s-more-text a:active{
        color: var(--royalblue-700, #1149D8);
    }
    .searchwp-live-search-results .s-more-text a:disabled{
        color: var(--neutral-200, #C3C4C7);
    }
    /* ========================== */

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

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

    .au-topic__margin-left {
        margin-left: 24px;
    }
    .au-topic__margin-right {
        margin-right: 24px;
    }
    .au-topic__margin-center {
        text-align: center;
    }

    .au-partners__item:nth-child(even),
    .au-partners__item {
        margin-left: 0;
        margin-right: 0;
    }


    .au-partners__list {
        gap: 16px;
    }
    .au-partners__item {
        padding: 12px 16px;
        gap: 16px;
    }
    .au-partners__logo {
        padding: 12px 0;
    }

    #subscribe-popup {
        left: 32px;
        right: 32px;
        width: auto;
        max-width: calc(100% - 96px);
        max-height: unset;
    }

    .subscribe-popup__left {
        margin: 32px 24px;
        width: unset;
    }
    .subscribe-popup__right {
        display: none;
    }

    .most-popular__list {
        flex-flow: row wrap;
    }
    .most-popular__item {
        width: calc(50% - 12px);
    }


    .result-block__right {
        display: none;
    }

    .combination {
        display: none;
    }

    .footer__subscribe-form {
        margin-top: var(--D7, 24px);
    }

    .tag-articles__status-line .author-line__category {
        display: none;
    }
    .tag-articles__status-line .author-line__category + .author-line__separator {
        display: none;
    }

    .footer__middle {
        gap: 20px;
        margin: 0 0 0 20px;
        flex-flow: row wrap;
        justify-content: flex-end;
    }
    .footer__sublist {
        width: calc(33% - 13px);
    }

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

    ul.footer__sublist_4 {
        order: 3;
    }
    .footer__menu-bottom {
        text-align: start;
    }

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

@media (max-width: 900px) {
    ul.categories__list li.categories__hide_item_900 {
        display: none;
    }
    .banner-twb {
        padding-bottom: 32px;
    }
    .banner-twb__logo {
        width: 640px;
        height: 299px;
        background-size: 100% 100%;
    }
    .banner-twb__title {
        font-size: 33px;
    }
    .banner-twb__slogan {
        max-width: 672px;
    }

    .tab-categories-col{
        overflow-x: hidden;
        position: inherit;
        margin-top: 8px;
        background: var(--neutral-0, #FFF);
        box-shadow: 0px 60px 28px -48px rgba(0, 0, 0, 0.07);


    }

    .tab-categories {
        flex-flow: row nowrap;
        overflow-x: scroll;
    }


    .tab-categories__item {
        border-bottom: 1px solid var(--neutral-150, #E7E7E8);
        padding: 16px 12px;
        min-width: fit-content;
        min-height: fit-content;
    }
    .tab-categories__item:hover,
    .tab-categories__item.active
    {
        border-bottom: 4px solid var(--royalblue-400, #2965FF);
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
        position: inherit;
        margin-bottom: 0;
    }

    .tab-categories__sub-list {
        display: none;
    }

    .tab-categories__item-row {
        min-width: 128px;
        margin-bottom: 0;
    }

    .tab-categories__item-row a.categories__link {
        padding: calc(32px + 8px) 0px 8px 0px;
        background-position:center top;
    }

    .tab-content {
        display: block;
        min-height: 160px;
        width: calc(100% - 2px);
        padding: 32px 24px;
    }
    .tab-content .tab-categories__sub-list {
        display: flex;
    }

    .tab-content .categories__link {
        color: #131313!important;
    }

    .tab-content .tab-categories__see-all {
        display: block;
        width: 100%;
        text-align: center;
        margin: 16px 0;
    }

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

    ul.categories__list-all > li.categories__all > div.categories__item-row {
        cursor: pointer;
    }
}
