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

/* Large Devices, Wide Screens */
    
@media only screen and (max-width : 1199px) {
    .achievements__item {padding: 20px 36px;}
    .achievements__number {line-height: 1.2;font-size: 50px;}
    .swiper-button-prev,.swiper-rtl .swiper-button-next {left: -10px;}
    .swiper-button-next,.swiper-rtl .swiper-button-prev { right: -10px;}
    .footer_contact__phone {font-size: 100px;}
}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .menu_switcher {display: none !important;}
    .position_sticky{position: sticky;top: 70px;}
    .checkbox:hover .checkbox__icon{border-color: var(--basic-company);}
    .menu_group__link:hover{color: var(--basic-company);text-decoration: none;}
    .menu_group--header .menu_eventer:hover .menu_group__list--2{display: block;z-index: 1;}
    .menu_group--header .menu_eventer:hover .menu_group__list--3{display: none;}
    .menu_group--header .menu_group__link[href^="discounted"]:hover{color: rgb(247, 76, 76);}
    .menu_group--header .menu_eventer:hover .menu_group__link:after {transform: rotate(-135deg);top: 2px;}
    .menu_group--header .menu_group__link:hover{color: var(--basic-company);text-decoration: none;}
    .menu_group--footer .menu_group__link:hover{color: var(--basic-company);text-decoration: none;}
    .categories_nav li:hover > .categories_nav__subcategory {transform: translateX(284px) translateZ(0px);visibility: visible;opacity: 1;}
    .categories_nav .categories_menu__item .categories_menu__link:hover{color: var(--basic-company);text-decoration: none;background: #f2f2f2;}
    .categories_nav .subcategory .categories_menu__item .categories_menu__link:hover{color: var(--basic-company);text-decoration: none;}
    .categories_nav .subcategory .categories_menu__item:hover {background: #fff;}
    .categories_nav .level_3 .subcategory .categories_menu__item .categories_menu__link:hover{color: var(--basic-company);text-decoration: none;}
    .categories_nav__subcategory.level_4{display: none!important;}
    .pager a:hover {text-decoration: none;color: var(--button-color);background: #fff;border-color: var(--border-color);}
    .footer__menu_link:hover{color: var(--basic-company);text-decoration: none;}
    .social__link:hover svg {color: var(--basic-company);}
    .footer__copyright a:hover{color: var(--basic-company)!important;text-decoration: none}
}

@media only screen and (max-width : 991px) {
    .categories_nav{display: none!important;}
    .menu_switcher{-webkit-box-flex: 0;-webkit-flex: 1 0 30px;-ms-flex: 1 0 30px;flex: 1 0 30px;max-width: 30px;position: relative;margin: 10px 0 10px;}
    .menu_switcher svg {display: block;height: 100%;width: 100%;color: var(--button-color);} 
    .header__bottom_panel {display: grid;grid-template-columns: repeat(3, 1fr);width: 100%;gap: 30px;}
    .header__center {padding: 8px 0;}
    .header__logo {margin: 10px auto 0 auto;flex: 1 0 60px;max-width: 60px;}
    .header_informers_socials {margin: 0 auto 0 0;gap: 20px;}
    .header_informers_contact {justify-content: space-between;}
    .header-contact__item {color: var(--button-color);margin: 10px 0 10px;margin-left: auto;}
    .main_banner, .main_banner .container, .main_banner .main_banner__content, .main_banner .main_banner__img {height: 600px;}
    .main_banner__title {font-size: 55px;}
    .main_banner__annot {font-size: 18px;margin-top: 24px;}
    .btns_wrap {margin-top: 24px;}
    .social__link {flex: 1 0 24px;max-width: 24px;height: 24px;}
    .about_page__img {right: -30%;width: 820px;}
    .about_page.two-blocks {grid-template-columns: 70% 30%;}
    .fn_main_slider:not(.swiper-initialized) .swiper-wrapper {grid-template-columns: repeat(4, 1fr);}
    .fn_main_slider:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+5) {display: none;}
    .footer_contact__phone {font-size: 76px;}
    .footer__social {gap: 40px;}
    .footer_title {font-size: 42px;}
    .block_callback__wrap {grid-template-columns: 40% 53%;}
    .article__title {font-size: 20px;}
    .pager {margin-top: 10px;margin-bottom: 10px;}
    .article_list {grid-template-columns: repeat(3, 1fr);}
    
    .post_container__wrapper {max-width: 100%;}
    .switch_mobile_filter {
        margin-left: auto;
        height: 40px;
        min-width: fit-content;
        font-size: 1rem;
    }
    .open-menu {
        overflow: hidden;
      }
      .open-menu::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 60%);
        position: absolute;
        z-index: 99991;
        left: 0;
        top: 0px;
      }
    .block_title__wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .sidebar {
        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(--bg);
        box-shadow: var(--shadow-color);
    }
    .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;
    }
    
    
    .popular_posts_header {font-size: 1.125rem;}
    .popular_post_item {font-size: 0.875rem;}
    
}

@media only screen and (max-width : 860px) {
    .fn_articles_slider:not(.swiper-initialized) .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .fn_articles_slider:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+3) {
        display: none;
    }
}

@media only screen and (max-width : 767px) {
    .achievements__wrap {column-gap: 16px;row-gap: 16px;margin-top: 30px;}
    .article_list {grid-template-columns: repeat(2, 1fr);}
    .achievements__item {padding: 16px 24px;}
    .achievements__number {font-size: 40px;}
    .block_callback__wrap {grid-template-columns: 33% 60%;}
    .block_logo img {max-width: 90%;}
    .footer_contact__phone {font-size: 62px;margin-bottom: 30px;}
    .footer_title {font-size: 36px;margin-bottom: 26px;}
    .footer__social {gap: 24px;}
    .menu_group--footer .menu_group__link {font-size: 18px;}
    .advantages__item {gap: 16px;}
    .main_banner__title {font-size: 42px;}
    .fn_main_slider:not(.swiper-initialized) .swiper-wrapper {grid-template-columns: repeat(3, 1fr);}
    .fn_main_slider:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+4) {display: none;}
    .recruiter_name {font-size: 30px;}
    .recruiter_wrap {gap: 16px;}
    .article_item {padding: 0 8px;}
    .advantages__title {font-size: 18px;}
    .cat_description .block__description {max-width: 100%;}
}

@media only screen and (max-width : 680px) {
    .footer_title {font-size: 30px;}
    .footer_contact__phone {font-size: 52px;}
    .main_banner .main_banner__content {max-width: 100%;}
    .main_banner__title {font-size: 36px;}
    .main_banner__annot {font-size: 16px;}
    .agreement_text {font-size: 14px;}
    .recruiter_name {font-size: 24px;}
    .advantages__icon {flex: 1 0 42px;max-width: 42px;height: 42px;}
    .advantages_wrap {column-gap: 30px;row-gap: 30px;}
    .advantages__icon span {font-size: 20px;}
    .advantages__item {gap: 10px;}
    .about_page.two-blocks {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column-reverse;}
    .about_page__img {top: 0;right: 0;width: 100%;}
    .header-contact__item {font-size: 0;gap: 0;}
    
}
/* Extra Small Devices, Phones */
@media (max-width : 576px) {
    .footer_title {font-size: 26px;margin-bottom: 16px;}
    .footer_contact__phone {font-size: 42px;margin-bottom: 24px;}
    .footer__social .social__link {flex: 1 0 42px;max-width: 42px;height: 42px;}
    .footer__social {gap: 16px;}
    .menu_group--footer {column-gap: 26px;}
    .menu_group--footer .menu_group__link {font-size: 16px;}
    .message_error{margin: 10px 0 20px;}
    .pager a {height: unset;min-height: 45px;}
    .copyright {font-size: 14px;}
    .footer_contact {padding: 40px 0;}
    .footer_copyright {padding: 30px 0;}
    .footer_menu {margin-bottom: 24px;}
    .block_callback__wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;}
    .block_logo {display: none;}
    .advantages_wrap {row-gap: 20px;}
    .recruiter_name, .article__title {font-size: 18px;}
    .article__annotation, .article__annotation p {font-size: 14px;}
    .achievements__number {font-size: 34px;}
    .achievements__text {font-size: 14px;}
    .achievements__item {padding: 14px;}
    .main_banner, .main_banner .container, .main_banner .main_banner__content, .main_banner .main_banner__img {height: 500px;}
    .main_banner__title {font-size: 32px;}
    .header__logo {flex: 1 0 40px;max-width: 40px;}
    .main_banner__annot {text-overflow: ellipsis;max-height: calc(1.4em * 4);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
    .feedback-contact__item {font-size: 16px;gap: 8px;}
    .feedback__center_wrap {gap: 24px;}
    .feedback_informers_contact {gap: 10px;}
    .feedback-contact__item svg {flex: 1 0 18px;max-width: 18px;height: 18px;}
    .fn_articles_slider:not(.swiper-initialized) .swiper-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }
    .fn_articles_slider:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+2) {
        display: none;
    }
    .header__center {display: none;}

}

@media only screen and (max-width : 480px) {
    .footer_title {font-size: 20px;}
    .footer_contact__phone {font-size: 32px;}
    .main_banner__title {font-size: 28px;}
    .article_list {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;}
    .post_share {padding: 16px;}
    .post__rating, .share {flex-wrap: wrap;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
    
}
