/* KBFresponsive style sheet */

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }

    .advantages_slider .slick-list {
        display: block;
    }
}

@media (min-width: 991px) {
    .container {
        max-width: 960px;
    }

    .header_link:hover,
    .header_menu .menu_group_link:hover,
    .footer_link:hover,
    .footer_menu .menu_group_link:hover,
    .menu_categories a:hover,
    .catalog_button__heading a:hover {
        text-decoration: underline;
    }

    .menu_eventer:hover>.menu_group_list--2,
    .catalog_button:hover>.categories_nav.categories_nav--show {
        display: flex;
    }

    .menu_eventer:hover>.menu_group_list--2 {
        flex-direction: column;
        padding: 20px;
        min-height: 200px;
    }

    .fl_btn:hover,
    .page_description a[href*="callback"]:hover {
        background: #FFA02D;
    }

    .fl_btn.fl_alt_btn:hover {
        background: #FFA02D;
    }



    .fl_btn.fl_border_btn:hover {
        background: #FFA02D;
        color: var(--button-text);
    }

    .slick-prev:hover,
    .slick-next:hover {
        color: #fff;
        --slick-color1: #596DD3;
        --slick-color2: #A541C8;
    }

        {
        *.advantages_slider .slick-list {
            display: block;
        }

        *
    }

    .main_banner .slick-prev:hover,
    .main_banner .slick-next:hover {
        opacity: 1;
    }

    .pagination__item:not(.active):hover {
        background: #00A349;
        border-color: #00A349;
    }

    .pagination__item:not(.active):hover a {
        color: #fff;
    }

    .post_sidebar a:hover {
        color: var(--button-alt-color);
    }

    .subcategory_list_inner a:hover {
        color: var(--button-alt-color);
        text-decoration: underline;
    }

    .menu_eventer:hover svg,
    .catalog_button__heading:hover svg {
        transform: rotate(180deg);
    }

    .dropdown_btn:hover .dropdown {
        display: flex;
    }
}

@media (min-width: 1230px) {
    .container {
        max-width: 1200px;
    }

    .menu_btn {
        display: none;
    }

    .advantages_slider .slick-list {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 1470px) {
    .container {
        max-width: 1440px;
    }
}

@media (max-width: 1560px) {
    .main_banner .slick-next {
        right: 0;
    }

    .main_banner .slick-prev {
        left: 0px;
    }

    .main_banner .slick-next,
    .slick-next {
        right: 24px;
    }

    .main_banner .slick-prev,
    .slick-prev {
        left: 24px;
    }

    .news_slider {
        margin: 80px 0 50px;
    }

    .advantages_slider {
        margin: 80px 0 60px;
    }
}

@media (max-width: 1470px) {
    .header_logo:before {
        width: calc((100vw - 1110px) / 2);
    }

    .subcategory_image {
        width: 520px;
        height: 300px;
    }

    .subcategory_annotation {
        width: calc(100% - 550px);
    }

    .blog_grid {
        column-gap: 50px;
        row-gap: 40px;
    }

    .contact_page_block {
        gap: 20px;
        grid-template-columns: auto 290px 330px;
    }

    .contact_item {
        padding: 20px;
    }

    .tv_items_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .header_menu_wrapper {
        gap: 20px;
    }

    .header_menu .menu_group_list {
        gap: 15px;
    }

    .main_banner_block {
        gap: 30px;
    }

    .site_logo {}
}

@media (max-width: 1230px) {
    .header_logo:before {
        width: calc((100vw - 840px) / 2);
    }

    .header_menu_wrapper,
    .banner_support {
        display: none;
    }

    .site_logo {}

    .header_logo {
        margin-top: 12px;
    }

    .relative_header .header_logo {
        margin-bottom: 12px;
    }

    .header_top {
        padding: 8px 0;
    }

    .main_banner_ttl {
        font-size: 60px;
        max-width: unset;
    }

    .main_banner_annotation {
        max-width: unset;
    }

    .main_block {
        padding: 100px 0;
    }

    .about_us_main_block {
        flex-direction: column;
        gap: 20px;
    }

    .about_us_banner_image {
        width: 100%;
        max-height: 370px;
    }

    .about_us_content {
        width: 100%;
    }

    .about_us_main_block .about_us_banner_image {
        position: initial;
    }

    .about_us_main_block .fl_btn {
        margin: 0 auto;
    }

    .internet_activity_block img {
        height: calc(100% + 200px);
    }

    .footer_menu .menu_group_list {
        flex-wrap: wrap;
        width: 300px;
    }

    .copyright_grid {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .footer_payment {
        order: 1;
    }

    .footer_additional_links {
        order: 2;
    }

    .copyright_text {
        order: 3;
    }

    .subcategory_header {
        flex-direction: column-reverse;
    }

    .subcategory_annotation {
        width: 100%;
        margin-top: 30px;
    }

    .subcategory_image {
        width: 100%;
    }

    .subcategories_products_list {
        justify-content: center;
    }

    .blog_grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 50px;
        row-gap: 40px;
    }

    .post_sidebar {
        display: none;
    }

    .post_body {
        width: 100%;
    }

    .callback_form_body {
        gap: 24px;
    }

    .callback_form_body .form__group {
        min-width: unset;
        width: 100%;
    }

    .callback_form_body .form__group:nth-child(4) {
        display: none;
    }

    .contact_page_block {
        display: flex;
    }

    .contact_item {
        width: calc(50% - 10px);
    }

    .contact_item:first-child {
        width: 100%;
    }

    .payment_header {
        gap: 40px;
    }

    .payments_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .payments_data_list {
        gap: 20px;
    }

    .catalog_subcategory_list>ul {
        max-height: 1000px;
    }

    .catalog_footer_iamge,
    .catalog_footer_description,
    .catalog_annotation {
        width: 100%;
    }

    .catalog_footer_iamge {
        margin-bottom: 24px;
    }

    .menu_btn {
        position: relative;
        width: 40px;
        height: 40px;
        color: #fff;
        overflow: hidden;
        cursor: pointer;
    }

    .menu_btn svg rect {
        transform-origin: 50% 50%;
        transition: .3s;
    }

    .active_menu .menu_btn svg rect:nth-last-child(1) {
        transform: rotateZ(-45deg) translate(20px, 0px);
    }

    .active_menu .menu_btn svg rect:nth-last-child(2) {
        transform: rotateZ(45deg) translate(0px, 120px);
    }

    .active_menu .menu_btn svg rect:nth-last-child(3) {
        transform: rotateZ(45deg) translate(20px, -140px);
    }

    .header:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        backdrop-filter: blur(10px);
        z-index: -1;
    }

    .header_bottom {
        backdrop-filter: unset;
    }

    .header_menu_wrapper {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 100%;
        width: 100%;
        border-top: 1px solid transparent;
        left: 0;
        margin: unset;
        backdrop-filter: blur(10px);
        z-index: 1;
        padding: 0 calc((100vw - 970px) / 2);
        max-height: 0;
        overflow: hidden;
        transition: .3s;
    }

    .active_menu .header_menu_wrapper {
        max-height: calc(100vh - 124px);
        border-top: 1px solid #c7beec5e;
        overflow: unset;
    }

    .active_menu .relative_header .header_menu_wrapper {
        background: linear-gradient(90deg, #104c9d 0%, #1c8ca6 99.12%);
    }

    .active_variant_desc_inner:first-child {
        margin-right: 20px;
        padding-right: 20px;
    }

    .header_links {
        gap: 20px;
    }
}



@media (max-width: 1025px) {
    .document_items {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer_menu {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .header_links .header_link span {
        display: none;
    }

    .header_links {
        gap: 16px;
    }

    .header_logo:before {
        width: calc((100vw - 700px) / 2);
    }

    .main_product_cariants {
        flex-direction: column;
        align-items: center;
    }

    .main_products_select_wrapper {
        margin: 40px 0 24px;
    }

    .fl_main_ttl {
        font-size: 32px;
        text-align: center;
    }

    .footer_inner {
        margin-bottom: 24px;
        flex-direction: column;
        gap: 24px;
    }

    .footer_contact {
        flex-wrap: wrap;
    }

    .footer_menu .menu_group_list {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer_additional_links {
        flex-direction: column;
        gap: 24px;
    }

    .footer {
        padding-top: 40px;
    }

    .copyright_grid {
        padding-bottom: 20px;
    }

    .internet_activity_content {
        max-width: unset;
    }

    .catalog_footer_description {
        width: 100%;
    }

    .speedtest_item {
        width: 100%;
        align-items: center;
    }

    .speedtest_content {
        gap: 70px;
    }

    .speedtest_description {
        width: 100%;
    }

    .documents_panel {
        flex-direction: column;
    }

    .document_item:first-child {
        border-radius: 8px 8px 0px 0px;
    }

    .document_item:last-child {
        border-radius: 0 0 8px 8px;
    }

    .payment_header {
        flex-wrap: wrap;
        justify-content: center;
    }

    .payments_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .payments_data_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .catalog_subcategory_list {
        padding: 24px 16px;
    }

    .catalog_subcategory_list>ul {
        max-height: 1250px;
    }

    .catalog_subcategory_list ul.subcategory_list_inner {
        gap: 12px;
    }

    .header_menu {
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .header_menu_wrapper {
        padding: 0 calc((100vw - 730px) / 2);
    }

    .header_menu_wrapper {
        flex-direction: column;
        padding: 0 calc((100vw - 730px) / 2);
        gap: 24px;
        background: var(--bg-gradient);
    }

    .active_menu .header_menu_wrapper {
        padding: 24px calc((100vw - 730px) / 2);
    }

    .header_menu .menu_group_list {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        margin: unset;
        gap: unset;
    }

    .header_menu .menu_group_item,
    .catalog_button__heading {
        padding: 16px 0;
        border-bottom: 1px solid #ffffff36;
        width: 100%;
    }

    .catalog_button {
        width: 100%;

    }

    .catalog_button .catalog_button__heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header_menu .menu_eventer {
        padding: 16px 0;
        justify-content: space-between;
        flex-wrap: wrap;
        /* padding-top: unset; */
    }

    .header_menu .menu_group_list--2,
    .categories_nav.categories_nav--show {
        display: block;
        position: relative;
        top: unset;
        left: unset;
        border-radius: unset;
        margin-top: 0;
        padding: 0 16px;
        max-height: 0;
        min-height: unset;
    }

    .header_menu .menu_group_list--2.active_subcat,
    .categories_nav.categories_nav--show.active_subcat {
        max-height: calc(100vh - 454px);
        padding: 16px;
        margin-top: 16px;
    }

    .categories_menu {
        columns: 2;
    }

    .fn_subcategory_toggle.active_btn svg,
    .fn_subcategory_toggle_2.active_btn svg {
        transform: rotate(180deg);
    }

    .user_link {
        padding: unset;
        border: unset;
        color: #222;
    }

    .document_items {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 24px;
        column-gap: 24px;
    }
}

@media (max-width: 768px) {

    .main_banner_ttl {
        font-size: 32px;
    }

    .main_banner_block .fl_btn {
        width: 100%;
    }

    .header_logo {}

    .header_logo:before {
        width: calc((100vw - 400px) / 2);
    }

    .page_ttl {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .blog_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .article_image {
        height: 210px;
    }

    .products_pagination {
        margin-top: 40px;
    }

    .post_image {
        height: 300px;
    }

    .callback_form_wrapper {
        padding: 40px 16px;
    }

    .callback_form_wrapper .fl_btn {
        width: 100%;
        max-width: 100%;
    }

    .contact_item:first-child {
        width: 100%;
        padding: 24px;
    }

    .contact_item_inner {
        width: 100%;
    }

    .document_item {
        width: 100%;
        padding: 15px;
        font-size: 14px;
    }

    .tv_items_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .payments_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .payment_item {
        max-width: unset;
    }

    .catalog_subcategory_list>ul {
        max-height: 1720px;
        row-gap: 24px;
    }

    .header_menu_wrapper {
        padding: 0 calc((100vw - 548px) / 2);
    }

    .active_menu .header_menu_wrapper {
        padding: 24px calc((100vw - 548px) / 2);
    }

    .menu_categories {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact_item {
        width: 100%;
    }

    .not_found {
        padding-bottom: 50px;
    }
}

@media (max-width: 548px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .internet_variant_item {
        width: calc(100% - 32px);
    }

    .active_variant_desc,
    .internet_variant_desc,
    .internet_activity_content a,
    .internet_variant_item,
    .subcategory_annotation .fl_btn {
        width: 100%;
    }

    .header_logo:before {
        width: 16px;
    }

    .header_title {
        font-size: 12px;
        padding: unset;
        letter-spacing: 2px;
    }

    .header_menu_btn {
        left: unset;
    }

    .fl_alt_btn {
        text-wrap: nowrap;
        font-size: 12px;
        margin-right: 8px;
        padding: 2px;

    }


    .internet_variant_bottom {
        width: 100%;
    }

    .active_variant_desc {
        justify-content: center;
    }

    .internet_activity_block img {
        display: none;
    }

    .active_variant_desc_inner:first-child {
        margin-right: 15px;
        padding-right: 15px;
    }

    .internet_activity_desc {
        justify-content: center;
    }

    .internet_activity_content {
        text-align: center;
    }

    .article_preview {
        width: calc(100% - 18px);
        margin: 0 auto;
    }

    .subcategory_image {
        height: 190px;
    }

    .footer_phones {
        flex-wrap: wrap;
    }

    .breadcrumbs {
        padding: 20px 0;
    }

    .post_image {
        height: 200px;
    }

    .post_body {
        gap: 16px;
    }

    .post_info {
        flex-direction: column;
        align-items: flex-start;
    }

    .post_info:last-child {
        align-items: flex-end;
    }

    .speedtest_image {
        height: 170px;
    }

    .tv_list_footer {
        text-align: center;
        font-size: 18px;
        line-height: 1.3;
    }

    .catalog_subcategory_list>ul {
        max-height: unset;
    }

    .menu_categories {
        grid-template-columns: repeat(1, 1fr);
    }

    .header_menu_wrapper {
        padding: 0 16px;
    }

    .active_menu .header_menu_wrapper {
        padding: 24px 16px;
        max-height: unset;
    }

    .header_menu_wrapper .fl_btn {
        width: 100%;
    }

    .main_banner_footer {
        left: 0;
    }

    .document_items {
        grid-template-columns: repeat(1, 1fr);
    }

    .categories_menu {
        columns: 1;
        grid-template-columns: repeat(1, 100%);
    }

    .categories_nav,
    .categories_nav.categories_nav--show.active_subcat {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 50vh;
        max-height: unset;
    }


    .categories_menu__item.has_child {
        break-before: unset;
    }

    .advantages_slider .slick-list {
        display: block;
    }
}

@media (max-width: 368px) {
    .not_found .fl_btn {
        text-transform: none;
    }
}

@media (min-width: 320px) and (max-width: 1230px) {
    .d-flex.align-items-center.header_bottom_inner {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .header_logo {
        width: 50%;
    }
}

@media (min-width: 576px) and (max-width: 990px) {
    .container {
        padding: unset;
    }

    .header_title {
        text-wrap: nowrap;
        font-size: 14px;
    }

    .header_logo {
        width: 50%;
    }
}

@media (min-width: 535px) and (max-width: 767px) {
    .header_logo {
        width: 40%;
    }
}

@media (min-width: 767px) and (max-width: 990px) {
    .header_logo {
        width: 30%;
    }
}

@media (min-width: 320px) and (max-width: 390px) {
    .header_title {
        letter-spacing: unset;
    }
}