/*==========  Media  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    
}
    
@media only screen and (max-width : 1199px) {
    .footer_grid {grid-template-columns: 1fr 1fr 1fr;}
    .footer_column.subscribe {grid-column: span 2;}
    .main_banner__title {font-size: 2.5rem;}
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .menu_switcher {display: none !important;}
    /* .menu_group__menu:hover {color: var(--basic-company);text-decoration: none;} */
    .menu_group--header .menu_eventer:hover .menu__list_wrap {visibility: visible;opacity: 1;-webkit-transform: translateY(0rem);transform: translateY(0rem);}
    .menu_group--header .menu_eventer:hover .menu__list_wrap .level-3 {display: none;}
    .menu_group--header .menu_group__menu[href^="discounted"]:hover {color: rgb(247, 76, 76);}
    .menu_group--footer .menu_group__menu:hover {color: var(--basic-company);}
    a.contact__item:hover .contact__annotation, .article_item:hover .article__title, .urgent_item:hover .article__title {text-decoration-color: var(--basic-company-text)!important;}
    .image_zoom:hover img, .image_zoom:hover svg {transform: scale(1.05);}
    .position_sticky {position: sticky;top: 8.75rem;}
    .fn_menu_list .menu_group__item .menu_group__menu:hover {color: var(--button-second-color)!important;}
    .advantages__item:hover, .organizations__item:hover {box-shadow: var(--shadow-hover);}
    .main_banner__info_item:hover {background: #ffffff54;}



}

@media only screen and (max-width : 991px) {
    .header__top, .header__top_wrap, header .container {height: 100%;}
    header {height: 4.6875rem;}
    .footer_column {padding: 0 0.5rem;}
    .main_banner .main_banner__content {max-width: 90%;}
    .main_banner, .main_banner .container, .main_banner .main_banner__content, .main_banner .main_banner__img {height: 37.5rem;}
    .post_container__wrapper {max-width: 100%;}
    .fn_articles_slide:not(.swiper-initialized) .swiper-wrapper, .fn_organizations_slide:not(.swiper-initialized) .swiper-wrapper {grid-template-columns: repeat(3, 1fr);}
    .fn_articles_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+4), .fn_organizations_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+4) {display: none;}
    .header__logo {height: 3.75rem;}
    .sidebar:not(.sidebar_menu) {
        position: fixed;
        z-index: 99992;
        top: 0;
        right: -23.125rem;
        width: 20rem;
        max-width: calc(100vw - 3.125rem);
        height: 100vh;
        display: block;
        padding: 0.3125rem;
        overflow-y: auto;
        transition: .3s;
        background: var(--white-color);
        box-shadow: var(--shadow);
    }
    .sidebar.opened {
        right: 0;
        overscroll-behavior: none;
    }
    .sidebar__header--close {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 400;
        height: 2.1875rem;
        color: var(--body-text);
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .sidebar__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        transition: .3s;
        height: 2.8125rem;
        background: var(--white-color);
        color: #fff;
        border-radius: 0px;
        padding: 0;
        margin-bottom: 0.5rem;
    }
    .sidebar__header--close svg {
        margin-right: 0.3125rem;
        display: inline-block;
        height: 1.125rem;
        position: relative;
        width: 1.125rem;
    }
    .switch_mobile_filter {
        color: var(--button-second-color);
        background-color: var(--white-color);
        margin-left: auto;
        height: 3.125rem;
        min-width: fit-content;
        font-size: 1rem;
    }
    .switch_mobile_filter:hover, .switch_mobile_filter:active, .switch_mobile_filter:focus {color: var(--white-color);background-color: var(--button-second-color);}
    .popular_posts_header {font-size: 1.125rem;}
    .popular_post_item {font-size: 0.875rem;}
   .search_wrap {
        display: none;
        max-width: 100%;
     	border-radius: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .search {
        max-width: 70%;
        margin: 0 auto;
        margin-top: 1.25rem;
    }
    .text_search {
        color: #fff9;
        font-size: 1.25rem;
        font-weight: 400;
        text-align: center;
        height: 1.25rem;
        line-height: 1.25rem;
        margin: 15vh 0 0;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .fn_search_mobile_bg {
        background: rgb(43 43 43 / 80%);
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        backdrop-filter: saturate(180%) blur(1.25rem);
        display: none;
        margin: 0;
    }
    .search_close {
        color: #ffffff80;
        cursor: pointer;
        width: 1.875rem;
        height: 1.875rem;
        position: absolute;
        top: 1.875rem;
        right: 1.875rem;
        z-index: 1;
        transition: color .5s;
        -webkit-tap-highlight-color: #0000;
    }
    .search_close svg {
        display: block;
        width: 1.875rem;
        height: 1.875rem;
    }
    .article_list {grid-template-columns: repeat(3, 1fr);}
    
}

@media only screen and (max-width: 860px) {
    .footer_grid {grid-template-columns: 1fr 1fr;}
    .footer_column.logo, .footer_column.subscribe, .copyright {grid-column: span 2;}
    .feedback_columns {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;}
}

@media only screen and (max-width: 767px) {
    .footer_grid {padding: 1.875rem 0;}
    .footer__title, .subscribe__title {font-size: 1.125rem;}
    .subscribe__subtitle, .copyright {font-size: 0.75rem;}
    .menu_group--footer .menu_group__item .menu_group__menu {font-size: 0.875rem;}
    input,textarea,.form__textarea,.form__input, input::placeholder, textarea::placeholder {font-size: 1rem;}
    .contact__title, .advantages__title {font-size: 1rem;}
    .main_banner__title {font-size: 2.125rem;}
    .main_banner__annot {font-size: 1rem;}
    .main_banner__info_text {font-size: 0.875rem;line-height: 1.3;}
    .main_banner .main_banner__content {max-width: 100%;}
    .main_banner, .main_banner .container, .main_banner .main_banner__content, .main_banner .main_banner__img {height: 31.25rem;}
    .article_list {grid-template-columns: repeat(2, 1fr);}
    .comment__body{font-size: 1rem;}
    .block_grid.columns {display: flex;flex-direction: column-reverse;gap: 1.5rem;}
    .block_image {position: static;}
    .banner_columns {flex-direction: column;}
    .block_image, .official_info {min-width: fit-content;}
    .block_grid .block__description {max-width: 100%;}
    .ya_map, .ya_map iframe {aspect-ratio: 1/0.6;}
    .fn_articles_slide:not(.swiper-initialized) .swiper-wrapper, 
    .fn_organizations_slide:not(.swiper-initialized) .swiper-wrapper,
    .fn_urgent_slide:not(.swiper-initialized) .swiper-wrapper {grid-template-columns: repeat(2, 1fr);}
    .fn_articles_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+3), 
    .fn_organizations_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+3),
    .fn_urgent_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+3) {display: none;}
    .documents a {font-size: 1rem;}
    .switcher_tools .switcher_name, .switcher_arrow {display: none;}
    .switcher_eye {margin-right: 0;}
}

@media only screen and (max-width: 680px) {
    .main_banner__title {font-size: 1.875rem;}
    .main_banner .main_banner__content {padding: 1.875rem 0;}
    .main_banner__annot {margin-top: 1rem}
}

@media (max-width : 576px) {
    .search {max-width: 94%;}
    .footer_grid {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;}
    .footer__hidden{display: none;}
    .main_banner__info_item {padding: 0.625rem;gap: 0.3125rem;}
    .main_banner__info_icon {flex: 0 0 2.125rem;height: 2.125rem;max-width: 1.5rem;}
    .main_banner__title {font-size: 1.625rem;}
    .main_banner__info {margin-top: 1.875rem;grid-template-columns: repeat(2, 1fr);gap: 0.625rem;}
    .advantages__icon {flex: 0 0 1.875rem;max-width: 1.875rem;height: 1.875rem;}
    .advantages__item {gap: 0.625rem;}
    .post_rating_title, .form__button, .comment__name {font-size: 1rem;}
    .comment__body, .post_share__text, .form_subtitle, .comments_wrapper .block__title .form_subtitle{font-size: 0.875rem;}
    .comments_wrapper .form__title {font-size: 1.125rem;}
    .comments_wrapper .block__title {font-size: 1.25rem;}
    .post_share {padding-bottom: 1rem;margin-bottom: 1rem;}
    .form_wrapper {padding: 1rem;}
    .post_information {margin: 1rem 0 1rem 0;}
    .post_container__wallpaper {min-height: 16.875rem;}
     .swiper-button-next, .swiper-button-prev {display: none;}
    .swiper:before, .swiper:after {content: none;}
    .swiper:not(.banner_group) {margin-left: auto;margin-right: auto;padding: 0;}
    input,textarea,.form__textarea,.form__input, input::placeholder, textarea::placeholder {font-size: 0.875rem;}
    .banner_columns {gap: 1.5rem;}
    .fn_articles_slide:not(.swiper-initialized) .swiper-wrapper, 
    .fn_urgent_slide:not(.swiper-initialized) .swiper-wrapper,
    .fn_organizations_slide:not(.swiper-initialized) .swiper-wrapper {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 10px;}
    .fn_articles_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide, 
    .fn_urgent_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
    .fn_organizations_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide {flex: 0 0 calc(100% / 1.5);}
    .fn_articles_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(n+2),
    .fn_urgent_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(n+2),
    .fn_organizations_slide:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(n+2) {display: none;}
    .footer_column {padding: 0;}
    .documents a {padding: 1rem;padding-left: 3rem;font-size: 0.875rem;}
    .documents a:before {left: 0.625rem;}
    .form__title {font-size: 1rem;}
    .organizations__item {padding: 1.5rem 1rem;}
    .organizations__title {font-size: 1rem;}
}

@media only screen and (max-width : 480px) {
    .main_banner__title {font-size: 1.5rem;}
    .main_banner__annot {margin-top: 0.875rem;}
    .article_list {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;}
    .header__logo {min-width: 10.625rem;height: 3.125rem;}
    .header__top_wrap {gap: 1rem;}
}

@media only screen and (max-width : 400px) {
    .advantages__item {flex-direction: row;}
}

