@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 991px) {
    .container {
        max-width: 960px;
    }

    .link_hover:hover,
    .menu_group_kiroe_header .menu_item_2 a.menu_link:hover,
    .kiroe_news_item:hover .kiroe_news_item_name {
        color: var(--kiroe-link-blue);
    }

    .menu_group_kiroe_header .menu_list>.menu_item.menu_item_1:hover {
        background-color: var(--kiroe-gray);
    }

    .kiroe_scale:hover {
        transform: scale(1.1);
    }

    .kiroe_footer-item_dropdown .menu_link:hover,
    .kiroe_footer-copyright_dev a:hover {
        text-decoration-color: var(--kiroe-link-light-blue);
        text-underline-offset: 0.3em;
    }

    .kiroe-social_link_item:hover {
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1019607843);
        scale: 1.05;
    }

    .link_underline:hover:after {
        animation: hover_link .7s forwards;
    }

    @keyframes hover_link {
        0% {
            width: 0;
            left: 50%;
        }

        100% {
            width: 100%;
            left: 0;
        }
    }

    .kiroe_news_item:hover img {
        transform: scale(1.05);
    }

    .kiroe_main_link_item:hover,
    .page_menu_item:hover,
    .doc_download-view:hover,
    .doc_download-download:hover {
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1019607843);
        scale: 1.05;
    }
}

@media (min-width: 1231px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1340px) {
    .container {
        max-width: 1300px;
    }
}

@media (max-width: 1919px) {
    .kiroe_header-informer_wrapper {
        width: fit-content;
        min-width: 56px;
    }

    .kiroe_header-user_informer {
        position: relative;
        top: unset;
        height: 56px;
    }

    .kiroe_header-user_informer_item .kiroe_header-user_informer_item_desc {
        display: none;
    }

    .kiroe_header-user_informer_dropdown {
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        background: #fff;
        border: 1px solid var(--kiroe-border-light-gray);
        border-radius: 8px;
        padding: 12px;
        min-width: 146px;
    }

    .kiroe_header-user_informer_list {
        padding: unset;
        margin-top: unset;
        border-top: unset;
    }

    .kiroe_header-user_informer_item {
        height: 56px;
        justify-content: center;
    }

    .hidden_contact_phone {
        display: flex;
    }

    .kiroe_header-informer_wrapper_contacts .dropdown_icon {
        display: none;
    }
}

@media (max-width: 1560px) {
    .kiroe_header-nav_side {
        width: fit-content;
    }

    .kiroe_header-nav {
        gap: 11px;
    }

    .menu_group_kiroe_header .menu_item.menu_item_1>.menu_link {
        padding: 0 9px;
    }

    .kiroe_header-nav {
        padding: 0 14px;
    }

    .kiroe_header-logo {
        gap: 12px;
    }

    .kiroe_header-informers {
        gap: 12px;
    }
}

@media (max-width: 1340px) {
    .kiroe_submenu_wrapper {
        padding: 40px calc((100% - 1200px) / 2);
    }

    .menu_link {
        font-size: 14px;
    }

    .kiroe_sidebar_contact_wrapper {
        right: calc((100% - 1200px) / 2);
    }

    .kiroe_main_banner_inner {
        gap: 24px;
    }

    .kiroe_main_banner_ttl {
        font-size: 48px;
    }

    .kiroe_main_banner_desc {
        font-size: 24px;
        line-height: 36px;
    }

    .kiroe_main_links_grid {
        gap: 20px;
    }

    .kiroe_main_banner_bg .container.scrolled {
        height: calc(100% - 340px);
    }

    .kiroe_main_links_grid.scrolled {
        margin: -340px 0 0;
    }
}

@media (max-width: 1260px) {

    .kiroe_header-nav_menu,
    .kiroe_header-informer_item,
    .kiroe_header-informer_wrapper {
        display: none;
    }

    .kiroe_header-nav_menu .kiroe_header-informer_item,
    .kiroe_header-nav_menu .kiroe_header-informer_wrapper {
        display: flex;
    }

    .kiroe_header-nav {
        padding: 15px 40px;
    }

    .mobile_menu_btn-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        font-size: 12px;
        font-weight: 500;
        background-color: var(--kiroe-button-blue);
        border-radius: 10px;
        color: var(--kiroe-text-white);
        text-transform: uppercase;
        cursor: pointer;
    }

    .kiroe_header-nav_menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: -320px;
        background: #fff;
        height: 100dvh;
        width: 320px;
        max-width: 100vw;
        z-index: 100;
        transition: .5s;
        opacity: 0;
    }

    .kiroe_header-nav_menu.active_menu {
        right: 0;
        opacity: 1;
    }

    .bg-nav_menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
        background-color: #12181AF2;
        backdrop-filter: saturate(180%) blur(20px);
    }

    .mobile_menu_header {
        display: flex;
        padding: 20px 16px;
        background-color: #E9EBF2;
    }

    .kiroe_header-nav_menu .kiroe_header-informers {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 16px;
        z-index: 1;
        border-bottom: 1px solid #CECECE;
    }

    .kiroe_header-user_informer_item>span {
        display: block;
    }

    .menu_group_kiroe_header {
        height: calc(100dvh - 181px);
        overflow: auto;
    }

    .menu_group_kiroe_header::-webkit-scrollbar {
        background-color: rgba(0, 0, 0, 0.05);
        width: 14px;
        height: 14px;
    }

    .menu_group_kiroe_header::-webkit-scrollbar-thumb {
        background-color: #4F4F4F;
        background-clip: content-box;
        border: 3px solid transparent;
        border-radius: 8px;
    }

    .menu_group_kiroe_header::-webkit-scrollbar-thumb:hover {
        background-color: #222222;
    }

    .menu_group_kiroe_header::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .menu_group_kiroe_header>.menu_list {
        display: flex;
        flex-direction: column;
    }

    .menu_group_kiroe_header .menu_item {
        width: 100%;
    }

    .menu_group_kiroe_header .menu_item.menu_item_1>.menu_link {
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid #CECECE;
        height: unset;
        padding: 12px 16px;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
    }

    .kiroe_submenu_wrapper {
        position: relative;
        display: none;
        top: unset;
        left: unset;
        padding: unset;
        width: 100%;
        box-shadow: unset;
        border-radius: unset;
        border: unset;
        max-height: unset;
    }

    .menu_group_kiroe_header .menu_list.menu_list_2 {
        display: flex;
        flex-direction: column;
        padding: 12px 16px 12px 32px;
        gap: 12px;
    }

    .menu_group_kiroe_header .menu_list.menu_list_2 .menu_item.menu_item_2 {
        border-bottom: 1px solid #CECECE;
        padding-bottom: 12px;
    }

    .menu_group_kiroe_header .menu_item.menu_item_2>.menu_link {
        font-size: 16px;
    }

    .kiroe_header-user_informer_dropdown {
        width: 100%;
    }

    .mobile_menu_header_close {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    .kiroe_header-user_informer_item .kiroe_header-user_informer_item_desc {
        display: flex;
    }
}

@media (max-width: 1231px) {

    .kiroe_sidebar_contact_wrapper {
        right: calc((100% - 960px) / 2);
    }

    .kiroe_main_links_grid {
        gap: 18px;
    }

    .kiroe_main_link_item {
        padding: 16px;
        gap: 14px;
        font-size: 20px;
        line-height: 1.4;
    }

    .kiroe_main_link_item svg {
        max-width: 80px;
    }

    .kiroe_main_links_grid {
        margin: -143px 0 0;
    }

    .kiroe_main_banner_bg .container {
        height: calc(100% - 143px);
    }

    .kiroe_sidebar_contact_wrapper {
        bottom: 160px;
    }

    .kiroe_main_banner_bg .container.scrolled {
        height: calc(100% - 330px);
    }

    .kiroe_main_links_grid.scrolled {
        margin: -330px 0 0;
    }

    .kiroe_contacts-section_list_double {
        flex-direction: column;
    }

    .search_close {
        right: 40px;
    }

    .kiroe_sidebar_contact_wrapper {
        right: 40px;
    }

    .kiroe_post-sidebar {
        width: 300px;
    }

    .kiroe_post-main {
        padding-right: 24px;
        margin-right: 24px;
    }

    .page_menu_wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .kiroe_main_banner_ttl {
        font-size: 42px;
    }

    .kiroe_contacts-section {
        flex-direction: column;
        gap: 24px;
    }

    hr.vertical {
        border-right: unset;
        border-bottom: 1px solid #C8C8C8;
    }

    .kiroe_main_links_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .kiroe_main_links_grid.scrolled {
        margin: -470px 0 0;
    }

    .kiroe_main_banner_bg .container.scrolled {
        height: calc(100% - 470px);
    }

    .kiroe_news_wrapper {
        padding: 60px 0;
    }

    .kiroe_news_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .faq-wrapper {
        padding: 60px 0 50px;
    }

    .kiroe_footer-top {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .kiroe_footer-item_dropdown_column {
        flex-direction: column;
        gap: 12px;
    }

    .footer_menu_eventer {
        display: flex;
    }

    .footer_menu_eventer svg {
        transition: .5s;
    }

    .kiroe_footer-header.active .footer_menu_eventer svg {
        transform: rotate(180deg);
    }

    .kiroe_footer-top_item {
        gap: unset;
    }

    .kiroe_footer-top_item:not(:last-child) {
        border-bottom: 1px solid #474747;
        padding-bottom: 24px;
    }

    .kiroe_footer-item_dropdown {
        display: none;
        padding: 24px 0 0;
    }

    .kiroe_footer-copyright {
        flex-wrap: wrap;
    }

    .search_text {
        display: none;
    }

    form#fn_search {
        margin: 30vh 0px 0px 0px;
    }

    .kiroe_post-wrapper {
        flex-wrap: wrap;
    }

    .kiroe_post-main {
        flex: unset;
        border-right: unset;
        padding-right: unset;
        margin-right: unset;
        border-bottom: 1px solid #EDEDED;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .kiroe_post-sidebar {
        width: 100%;
    }

    .page_menu_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kiroe_main_banner_ttl {
        font-size: 24px;
        line-height: 1.4;
        text-align: center;
    }

    .kiroe_main_banner_desc {
        font-size: 16px;
        line-height: 1.4;
        text-align: center;
    }

    .kiroe_main_links_grid {
        gap: 8px;
    }

    .kiroe_main_link_item {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 16px 12px;
        gap: 12px;
        font-size: 16px;
    }

    .kiroe_main_banner_bg .container {
        height: calc(100% - 196px);
    }

    .kiroe_main_links_grid {
        margin: -196px 0 0;
    }

    .kiroe_main_banner_bg .container.scrolled {
        height: calc(100% - 620px);
    }

    .kiroe_main_links_grid.scrolled {
        margin: -620px 0 0;
    }

    .kiroe_main_ttl {
        margin-bottom: 24px;
    }

    .page_menu_wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .doc_download {
        flex-direction: column;
        align-items: flex-start;
    }

    .kiroe_fancybox_telegram_grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 14px;
    }
}

@media (max-width: 576px) {
    .kiroe_news_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .kiroe_news_grid .kiroe_news_item {
        padding-bottom: 24px;
        border-bottom: 1px solid #DCDCDC;
    }

    .kiroe_news_grid .kiroe_news_item:nth-child(n+4) {
        display: none;
    }

    .kiroe_news_grid .kiroe_news_item:nth-child(3) {
        padding-bottom: unset;
        border: unset;
    }

    .news_bottom {
        margin-top: 24px;
    }

    .kiroe_footer-copyright {
        gap: 24px;
    }

    .app_btn {
        margin: unset;
    }

    .kiroe_footer-copyright {
        flex-wrap: wrap;
        gap: 24px;
        padding: 25px 0;
    }

    .kiroe_footer-copyright_dev {
        width: 100%;
        border-top: 1px solid #474747;
        padding-top: 24px;
    }

    .q {
        gap: 16px;
        padding: 16px;
        font-size: 16px;
        line-height: 1.4;
    }

    .kiroe_header-nav {
        padding: 16px;
    }

    .kiroe_header-logo_image {
        width: 46px;
    }

    .kiroe_header-logo {
        gap: 8px;
    }

    .search_close {
        right: 16px;
    }

    .kiroe_sidebar_contact_wrapper {
        display: none;
    }

    h1.h1 {
        font-size: 24px;
    }

    .kiroe_fav_posts-wrapper {
        margin: 0 -16px;
        border-radius: unset;
    }

    .breadcrumbs {
        padding: 16px 0 24px;
        overflow: auto;
        white-space: nowrap;
    }

    .blog_news_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .blog_news_grid .kiroe_news_item:not(:last-child) {
        padding-bottom: 24px;
        border-bottom: 1px solid #DCDCDC;
    }

    .doc_download {
        padding: 16px;
    }

    .kiroe_fancybox-content {
        min-width: 90%;
    }

    .kiroe_fancybox_telegram_grid {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 14px;
    }

    .kiroe_main_link_item {
        padding: 16px 0px;
        font-size: 15px;
    }

    .kiroe_main_links_grid {
        margin: -191px 0 0;
    }

    .fancybox_header {
        font-size: 20px;
    }
}