@media (min-width:400px) {

    /* --- CATALOG list --- */
    .control_products .dropdown {
        max-width: unset;
    }
}

@media (min-width:480px) {

    /* --- Product - One Item --- */
    .one_good .op_benefit {
        top: 0;
    }

    .one_good .availability {
        margin: 6px 0 -8px 0;
    }

    /* --- Categories --- */
    /* --- Tiles - Category --- */
    .one_cat {
        width: calc(33.333% - var(--gap-mobile));
    }

    .cat_title {
        font-size: 16px;
    }

    /* --- List - Category --- */
    .list_info .category_list {
        margin: 0 0 0 var(--gap-offset-mobile);
    }

    .list_info .one_cat {
        margin: 0 0 var(--gap-mobile) var(--gap-mobile);
        width: calc(50% - var(--gap-mobile));
    }

    /* --- Tile Universal --- */

    .tile_description {
        font-size: 14px;
    }

    /* --- Reviews Tab --- */
    .main_reviews .main_title {
        font-size: 24px;
    }

    .comment_photo .together {
        display: flex;
        margin: 0;
        align-items: center;
    }

    .comment_photo .header {
        margin: 0 16px 0 0;
    }

    .comment_photo.video .header {
        margin: 0 0 16px 0;
    }

    .comment_photo .for_but {
        flex-shrink: 0;
    }

    /* --- Adding Review --- */
    .stars_labels Label {
        font-size: 15px;
    }

    /* --- Blog of Store --- */
    .blog_name {
        font-size: 16px;
    }

    .blog_text {
        font-size: 14px;
    }

    /* --- COOKIES terms Popup --- */
    .cookies {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .cook_box {
        flex-direction: row;
        margin: 0;
        width: 100%;
    }

    .cook_text {
        margin: 0 16px 0 0;
        width: 100%;
        align-content: center;
    }

    .cookies .btn {
        width: max-content;
    }

    .reject_but {
        margin: 16px 0 0 0;
    }

    /* --- PopUp for Ask the Question --- */
    .ask_question.popup .row .btn,
    .one_click_popup.popup .row .btn {
        width: max-content;
    }

    /* --- PopUp --- */
    .callback_popup {
        padding: 32px;
    }

    .callback_popup .popup_close {
        top: 27px;
        right: 25px;
    }

    .callback_popup .styled_input .title {
        padding-left: 40px;
    }

    .callback_popup .input_wrap {
        padding-left: 40px;
    }

    .callback_popup .styled_input .input_wrap > .icon {
        left: 0;
        fill: var(--design-color-6);
    }

    .callback_popup .styled_input .input_wrap > .icon + input,
    .callback_popup .styled_input .input_wrap > .icon + textarea {
        padding-left: 16px;
    }

    .callback_popup .attach_text-info {
        margin-left: 40px;
        width: calc(100% - 40px);
    }

    .uploaded_files {
        margin-left: 40px;
        max-width: calc(100% - 40px);
    }

    .callback_popup .attach_file .row {
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .callback_popup .attach_file .row .btn {
        margin-left: 40px;
        width: fit-content;
        max-width: calc(100% - 40px);
    }

    /* --- Tiles icons --- */

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 0;
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 3) {
        margin-top: 0;
    }

    .tiles.tiles_icons .one_tile {
        flex: 0 0 calc((100% / 3) - (32px / 3));
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(3n + 1),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(3n + 2) {
        margin-right: 16px;
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 4) {
        margin-top: 30px;
    }

}

@media (min-width:640px) {

    /* --- Main Slider --- */
    .main_slider {
        
    }

    .main_slider:not(.slick-initialized) .main_slider_item {
        
    }

    .main_slider_container[data-items]:not([data-items-mob="1"]) .slick-dots {
        padding-left: 24px;
    }

    /* --- Main HEADER --- */
    
    /* --- Main FOOTER --- */
    .main_footer {
        padding: 62px 0 22px 0;
    }

    .main_footer > .centre {
        display: flex;
        flex-direction: row;
        margin-bottom: 44px;
    }

    .footer_social {
        width: 50%;
        margin-bottom: 0;
        padding: 0 8px 0 0;
        border-bottom: none;
    }

    .for_foo_logo {
        align-items: flex-start;
    }

    .foo_logo {
        margin-bottom: 40px;
    }

    .foo_logo Img {
        max-width: 262px;
        width: 262px;
    }

    .footer_slogan {
        text-align: start;
        margin-bottom: 40px;
    }

    .socials_row {
        justify-content: flex-start;
    }

    .socials_row A {
        margin: 0 10px 10px 0;
    }

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

    .sufix_copyrights {
        margin: 16px 0 0 0;
    }

    .nav_and_contacts {
        order: 2;
        width: 50%;
        margin: 0;
        padding: 0 0 0 8px;
    }

    .footer_bottom {
        padding-top: 20px;
        border-top: 1px solid var(--base-color-7);
    }

    .footer_bottom .centre {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .footer_bottom .centre > .col:nth-child(1) {
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
        padding: 0;
        border-top: none;
    }

    .sufix_copyrights {
        margin: 0;
    }

    .footer_bottom .centre > .col:nth-child(2) {
        text-align: end;
        justify-content: flex-end;
    }

    /* --- FAQ --- */
    /* --- If Grid --- */
    .faq .title_wrap {
        margin-bottom: 80px;
    }

    .cat_faq .one_question {
        margin-bottom: var(--gap-desktop);
    }

    .faq .btn.view_all {
        margin-top: var(--gap-desktop);
    }

    .faq .faq_question {
        padding: 26px 32px 26px 0;
        font-size: 18px;
    }

    .faq .one_question .faq_answer {
        font-size: 18px;
        padding: 0 0 30px 0;
    }

    /* --- If Slider --- */
    .if_slider .faq_slider {
        margin-bottom: unset;
    }

    .if_slider .faq_slider:not(.slick-initialized) {
        padding: 8px var(--gap-desktop) 0 0;
    }

    .faq_slider .slick-list {
        padding-top: var(--gap-mobile);
    }

    .faq_slider .one_question {
        margin: 0 0 var(--gap-desktop) var(--gap-desktop);
    }

    .if_slider .faq_slider:not(.slick-initialized) .one_question {
        width: calc(100% - var(--gap-desktop));
    }

    .if_slider .faq_description {
        margin: 0;
    }

    /* --- Categories --- */

    .category_list {
        margin-bottom: 65px;
    }

    /* --- Tiles - Category --- */
    .category_list,
    .row_list .category_list,
    .list_info .category_list {
        margin: 0 0 0 var(--gap-offset-desktop);
    }

    .one_cat {
        padding: 16px;
        width: calc(33.333% - var(--gap-desktop));
        margin: 0 0 var(--gap-desktop) var(--gap-desktop);
    }

    .category_image {
        margin: 0 0 12px 0;
    }

    /* --- Rows - Category & List (with SUB categories) --- */
    .row_list .one_cat,
    .list_info .one_cat {
        width: calc(50% - var(--gap-desktop));
        margin: 0 0 var(--gap-desktop) var(--gap-desktop);
    }

    /* --- Tile Universal --- */
    .tiles_grid .one_tile:nth-child(1n + 2) {
        margin-top: 0;
    }

    .tiles_grid .one_tile {
        width: calc((100% / 2) - (40px / 2));
        margin: 0;
    }
    
    .tiles_grid .one_tile:nth-child(1n + 3) {
        margin-top: 60px;
    }

    .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 40px;
    }

    .if_slider .tiles_slider:not(.slick-initialized) .one_tile {
        width: calc((100% / 2) - (40px / 2));
        margin: 0 40px 0 0;
    }
    
    .if_slider .tiles_slider:not(.slick-initialized) .one_tile {
        width: calc((100% / 3) - (100px / 3));
        margin: 0 50px 0 0;
    }

    .if_slider .tiles_slider .slick-list {
        margin: 0 -20px;
        width: calc(100% + 40px);
    }

    .if_slider .tiles_slider .slick-list::before,
    .if_slider .tiles_slider .slick-list::after {
        width: 20px;
    }

    .if_slider .tiles_slider.slick-initialized .one_tile {
        margin: 0 20px;
    }

    /* --- If Grid --- */

    .if_slider.tiles.has_background A.btn.view_all {
        margin: 0 0 0 var(--margin-lt-rt);
    }

    /* --- CATALOG list --- */
    /* --- Search results --- */
    .search_pic_no_found Img {
        width: 30%;
    }

    .catalog_list.search .nothing_found .search_title_results {
        margin: 8px 0 24px 0;
    }

    /* --- Pagination --- */
    .info_page {
        display: none;
    }

    .pages_list {
        display: flex;
    }

    /* --- ALL Tab --- */
    /* --- Product - One Item --- */

    .catalog_grid .one_good:nth-child(1n + 2) {
        margin-top: 0;
    }
    
    .catalog_grid .one_good {
        flex: 0 0 calc((100% / 2) - (24px / 2));
    }

    .catalog_grid .one_good:nth-child(1n + 3) {
        margin-top: 32px;
    }

    .catalog_grid .one_good:nth-child(2n + 1) {
        margin-right: 24px;
    }


    /* --- Product Page info --- */
    .sliders_wrap {
        padding: 16px;
    }

    /* --- Big Slider - Main Photo --- */
    .big_slider .slick-arrow,
    .zoom_slider .slick-arrow {
        width: 40px;
        height: 40px;
        border-radius: var(--btn-radius);
        left: 0;
    }

    .big_slider .slick-arrow.slick-next,
    .zoom_slider .slick-arrow.slick-next {
        right: 0;
        border-radius: var(--btn-radius);
    }

    .zoom_slider .slick-arrow {
        left: var(--margin-lt-rt-twice);
    }

    .zoom_slider .slick-arrow.slick-next {
        right: var(--margin-lt-rt-twice);
    }

    .big_slider .slick-arrow::before,
    .big_slider .slick-arrow::after,
    .zoom_slider .slick-arrow::before,
    .zoom_slider .slick-arrow::after {
        right: 12px;
    }

    .select_color {
        padding: 0 8px;
    }

    /* --- Tiles with Photo - Options --- */
    .options_tile.img LI {
        width: calc(50% - 4px);
        margin: 0 4px 8px 0;
    }

    .options_tile.img LI:nth-child(2n) {
        margin: 0 0 8px 4px;
    }

    /* --- Input - Options --- */
    .input_group {
        display: flex;
        flex-wrap: wrap;
    }

    .input_group .option_input,
    .input_group .option_input:last-child {
        width: calc(50% - 8px);
        margin: 0 8px 8px 0;
    }

    .input_group .option_input:nth-child(2n) {
        margin: 0 0 8px 8px;
    }

    /* --- Reviews in Order - Popup --- */
    .order_comment {
        max-width: 580px;
    }

    .order_comment .for_wish_product {
        align-items: center;
        padding: 8px;
        border-radius: var(--border-radius);
        margin: 0 0 1px 0;
        position: relative;
        transition: .3s;
    }

    .order_comment .for_wish_product:hover {
        background: var(--site-bg);
    }

    .order_comment .for_wish_product::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 140px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
    }

    .order_comment .wl_text {
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        z-index: 1;
    }

    .order_comment .wlt_tit {
        margin: 0 16px 0 0;
    }

    /* --- Store window Slider --- */
    .product_slider .product_inner,
    .if_slider .category_comments,
    .if_slider .last_blog_items,
    .if_slider .faq_slider {
        padding: 0 0 0 var(--gap-desktop);
        margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
    }

    .product_slider .product_inner:not(.slick-initialized) {
        padding: 0 var(--gap-desktop) 0 0;
    }

    .product_slider.has_tabs .product_inner {
        margin-bottom: var(--gap-offset-desktop);
    }

    .product_slider .product_inner .slick-list,
    .category_comments .slick-list,
    .last_blog_items .slick-list,
    .faq_slider .slick-list {
        padding-right: var(--gap-desktop);
        width: calc(100% + var(--gap-desktop));
        margin-left: var(--gap-offset-desktop);
    }

    /* --- BLOG (News) --- */
    /* --- List - BLOG (News) --- */
    .blog_items {
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 0 0 var(--gap-offset-desktop);
    }

    .one_blog {
        padding: 16px;
        margin: 0 0 var(--gap-desktop) var(--gap-desktop);
        width: calc(50% - var(--gap-desktop));
    }

    .blog_image {
        margin: 0 0 16px 0;
    }

    .blog_text {
        margin: 16px 0 0 0;
    }

    .blog_info {
        margin: 16px 0 0 -16px;
        padding: 16px 16px 0 16px;
        width: calc(100% + 32px);
    }

    /* --- Details - BLOG (News) --- */
    /* --- Comments - BLOG (News) --- */
    .news_comments {
        margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
    }

    .all_comment_parts {
        margin-bottom: var(--gap-desktop);
    }

    /* --- Reed Others Blogs --- */
    .blog_details .read_also {
        margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
    }

    .blog_details .read_also .blog_info {
        margin: 16px 0 0 -16px;
        padding: 16px 16px 0 16px;
        width: calc(100% + 32px);
    }

    /* --- Related Products - BLOG (News) --- */
    .blog_details .product_slider {
        margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
    }

    /* --- Last News of Blog --- */
    /* --- If Grid --- */

    .if_grid .last_blog_items {
        width: calc(100% + var(--gap-desktop));
        padding: 0;
        margin: 0 0 0 var(--gap-offset-desktop);
    }

    /* All reviews in Catalog */
    .reviews_sect {
        margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
    }

    .category_comments .one_review {
        width: calc(50% - var(--gap-desktop));
        margin: 0 0 var(--gap-desktop) var(--gap-desktop);
        padding: 16px;
    }

    .reviews_sect .review_text {
        height: 118px;
    }

    /* --- If Slider --- */
    .if_slider .category_comments {
        margin-bottom: 0;
    }

    .if_slider .category_comments:not(.slick-initialized) {
        padding: 0 var(--gap-desktop) 0 0;
    }

    .category_comments .one_review {
        width: calc(50% - var(--gap-desktop));
    }

    /* --- If Grid --- */
    .if_grid .category_comments {
        width: calc(100% + var(--gap-desktop));
        margin-left: var(--gap-offset-desktop);
    }

    /* --- Page UP - button --- */
    .page_up {
        left: 16px;
    }

    /* Stores on Google Map */
    .all_stores {
        margin: -16px 0 0 -16px;
    }

    .map_address {
        width: calc(50% - 16px);
        margin: 16px 0 0 16px;
    }

    /* --- Credit bank variants - ALL in one place - PopUp --- */
    .one_credit .together {
        flex-direction: row;
        justify-content: space-between;
    }

    .oc_bank_parts {
        margin: 0 16px 0 0;
    }

    .oc_bank_issue {
        width: auto;
    }

    .sum_for_month {
        margin: 0 16px 0 0;
    }

    /* --- Last viewed on Main page - if Grid --- */
    .product_grid .one_good:nth-child(3) {
        display: block;
    }

    /* --- Contact Us - Feedback --- */
    /* --- Template 4:  Contacts + Feedback --- */
    .contact_us.for_feed .two_mini_box {
        flex-direction: row;
    }

    .contact_us.for_feed .cb_mini_box {
        width: 50%;
        margin: 0;
    }

    .contact_us.for_feed .soc_and_mes_box .cb_mini_box {
        width: 100%;
    }

    /* --- TILES BRANDS --- */
    .tiles.brands .tiles_grid .one_tile:nth-child(1n + 3) {
        margin-top: 0;
    }

    .tiles.brands .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 15px;
    }

    /* --- TILE ABOUT US --- */
    .tiles.about_us-tile .tiles_grid .one_tile:nth-child(2n + 1) {
        margin: 0;
    }

    /*--- OUR ADVANTAGES ---*/

    .tiles.our_advantages .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 0;
    }

    /* --- TILES STAPS --- */

    .tiles.staps .one_tile {
        width: 100%;
    }

    .tiles.staps .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 0;
    }

    /* --- Popular articles --- */

    .popular_articles-slider:not(.slick-initialized) .popular_articles-item {
        flex: 0 0 calc(calc(100% / 2) - 20px);
    }

    .popular_articles-item .name {
        font-size: 16px;
    }

    /* --- advantages staps --- */ 

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 2) {
        margin-top: 0;
    }

    .tiles.advantages_staps .tiles_grid .one_tile {
        flex: 0 0 calc((100% / 2) - (24px / 2))
    }

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 24px;
    }

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 3) {
        margin-top: 24px;
    }

    /* --- tabs grid --- */

    .tab_item:nth-child(1n + 2) {
        margin-top: 0;
    }

    .tab_item {
        flex: calc((100% / 2) - (20px / 2));
    }

    .tab_item:nth-child(1n + 3) {
        margin-top: 20px;
    }

    .tab_item:nth-child(2n + 1) {
        margin-right: 20px;
    }

    /* --- big tiles icons --- */

    .tiles.big_tiles_icons .one_tile:nth-child(2n + 1) {
        margin-right: 0;
    }

    .tiles.big_tiles_icons .one_tile:nth-child(1n + 3) {
        margin-top: 0;
    }

    .tiles.big_tiles_icons .one_tile {
        flex: 0 0 calc((100% / 3) - (32px / 3));
    }

    .tiles.big_tiles_icons .one_tile:nth-child(3n + 1),
    .tiles.big_tiles_icons .one_tile:nth-child(3n + 2) {
        margin-right: 16px;
    }

    .tiles.big_tiles_icons .one_tile:nth-child(1n + 4) {
        margin-top: 16px;
    }
}

@media (min-width:768px) {

    /* --- Main Slider --- */

    .main_slider_item {
        min-height: calc(100vw * 678 / 1920);
    }

    .main_slider_item .centre {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .main_slider_item .H1 {
        font-size: 48px;
        margin-bottom: 28px;
        max-width: 792px;
    }

    .main_slider_item .subtitle {
        font-size: 22px;
        margin-bottom: 28px;
        max-width: 975px;
    }

    .main_slider_item .slider_article > *:not(ul) {
        max-width: 975px;
    }

    .main_slider_item .slider_article ul {
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 28px;
    }

    .main_slider_item .slider_article li {
        margin: 0 24px 20px 0;
    }

    .main_slider_item .slider_article li + li {
        margin-top: 0;
    }

    .main_slider_item .slider_article li span {
        font-size: 16px;
    }

    .main_slider_item .slider_links {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 975px;
    }

    .main_slider_item .slider_links .btn {
        width: auto;
        margin: 0 24px 20px 0;
    }

    .main_slider_item .slider_links .btn + .btn {
        margin-top: 0;
    }

    .main_slider_container {
        --current-items: min(var(--items, 1), 3);
    }

    .main_slider:not(.slick-initialized) .main_slider_item {
        flex: 0 0 calc((100% / var(--current-items, 1)) - var(--gap-desktop));
        max-width: calc((100% / var(--current-items, 1)) - var(--gap-desktop));
    }

    .main_slider:not(.slick-initialized) .main_slider_item:nth-child(n+3) {
        display: flex;
    }

    .main_slider:not(.slick-initialized) .main_slider_item:nth-child(n+6) {
        display: none;
    }

    .main_slider_container[data-items]:not([data-items-mob="1"]) .slick-dots {
        justify-content: center;
        padding-left: 8px;
    }

    .main_slider_container[data-items]:not([data-items="1"]) .slick-dots {
        justify-content: flex-start;
        padding-left: 24px;
    }

    /* Article ----------------------------*/
    Article .cols-2,
    Article .cols-3 {
        column-count: 2;
        column-gap: 32px;
    }

    Article Img {
        min-width: auto;
        max-width: 60%;
        margin: 0 24px 0 0;
        position: relative;
        float: left;
        box-shadow: 0px 10px 35px 0px #00000040;
    }

    Article .article_text.cols-2 Img {
        max-width: 100%;
    }

    Article .article_text.cols-2 .image-style-side {
        max-width: 100%;
    }

    Article .image Img {
        min-width: auto;
    }

    Article .one_good Img {
        max-width: 100% !important;
    }

    Article .image-style-side {
        min-width: auto;
        max-width: 60%;
        width: auto;
        margin: 0 0 0 16px;
        float: right;
    }

    Article .image-style-side Img {
        margin: unset;
        min-width: 100%;
    }

    Article Figure.table {
        width: 100%;
        margin: 0 0 16px 0;
        max-width: 100%;
    }

    Article Figure.table.left,
    Article Figure.table.right {
        min-width: auto;
        margin: 0 16px 8px;
        max-width: 70%;
        float: left;
    }

    Article Figure.table.right {
        float: right;
    }

    Article .cols-2 .image {
        column-span: all;
        margin-top: 36px;
    }

    Article .cols-2 .image.image-style-side {
        column-span: auto;
    }

    /* --- Main HEADER --- */
    .btn_header.scale,
    .btn_header.heart,
    .btn_header.user {
        display: flex;
        margin: 0 16px 0 0;
    }

    /* --- Left Col --- */
    .profile_tpl .left_menu_box.user_menu {
        order: 2;
    }

    /* --- Fixed mobile toolbar --- */
    .mobile_toolbar {
        display: none;
    }

    /* --- Main FOOTER --- */
    .footer_social {
        width: 320px;
        flex-shrink: 0;
        justify-content: space-between;
    }

    .nav_and_contacts {
        width: calc(100% - 320px);
    }

    .main_footer LI A,
    .footer_phones A {
        transition: .3s;
    }

    .main_footer LI A:hover,
    .footer_phones A:hover {
        color: var(--design-color-6);
    }

    /* --- USER ACCOUNT --- */
    .profile {
        display: flex;
        flex-direction: row;
    }

    .profile .profile_menu {
        display: flex;
        max-width: 300px;
        width: 30%;
        flex-shrink: 0;
        margin: 0 var(--margin-lt-rt-twice) var(--section-margin-mobile) 0;
    }

    .profile_content {
        width: 100%;
    }

    /* --- Order History Search --- */
    .order_search .desktop {
        display: flex;
    }

    .order_search .mobile {
        display: none;
    }

    /* --- My Reviews list --- */
    .profile_content .product_tabs {
        width: calc(100% + 16px);
        margin: -8px 0 32px -8px;
        padding: 12px 8px 0 8px;
    }

    /* --- User Account Settings --- */
    /* --- My pick-up points - User account settings --- */
    .pickups.addresses .only_address {
        flex-wrap: wrap;
    }

    .pickups.addresses .long_div {
        margin: 0 0 16px 0;
    }

    .pickups.addresses .long_div.del {
        width: 100%;
    }

    /* --- Wish List & Compare List --- */
    .wish_group .one_good,
    .compare_page .one_good {
        width: calc(50% - var(--gap-desktop));
    }

    /* --- CATALOG LIST --- */
    /* --- Search results --- */
    .catalog_list.search .nothing_found .main_title {
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 64px auto;
    }

    .search_pic_no_found {
        width: 240px;
    }

    .search_pic_no_found Img {
        width: 100%;
        margin: 0;
    }

    .catalog_list.search .nothing_found .together {
        align-items: flex-start;
        text-align: left;
        padding: 0 0 0 16px;
    }

    .nothing_found .search_title_results {
        font-size: 16px;
        line-height: 1.5;
    }

    .catalog_list.search .nothing_found .long_div {
        justify-content: flex-start;
    }

    .catalog_list.search .nothing_found .long_div A.btn {
        margin: 0 24px 0 0;
    }

    /* --- Product - One Item --- */

    /* --- If MINI Product --- */
    .products_mini .product_grid .one_good:nth-child(4) {
        display: block;
    }

    .products_mini .product_grid .one_good,
    .products_mini .product_inner .one_good {
        width: calc(25% - var(--gap-desktop));
    }

   
    /* --- Tiles with Photo - Options --- */
    .options_tile.img LI {
        width: 100%;
        margin: 0 0 8px 0;
    }

    .options_tile.img LI:nth-child(2n) {
        margin: 0 0 8px 0;
    }

    /* --- Input - Options --- */
    .input_group .option_input,
    .input_group .option_input:nth-child(2n) {
        width: 100%;
        margin: 0 0 8px 0;
    }

    .input_group .option_input:last-child {
        margin: 0;
    }

    /* --- Additional Call Buttons --- */
    .order_call_but {
        flex-direction: column;
        padding-right: var(--margin-lt-rt);
        padding-left: var(--margin-lt-rt);
    }

    .order_call_but A.btn:only-child {
        width: 100%;
    }

    /* --- Cheaper Together in Product Page --- */
    .cheaper .together {
        position: relative;
        display: flex;
    }

    .cheaper .added_goods {
        width: 50%;
        padding: 0 32px 0 0;
    }

    .cheaper .together .added_goods:first-child {
        margin: 0;
    }

    .cheaper .added_goods:last-child {
        padding: 0 0 0 32px;
    }

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

    .cheaper .item_text {
        margin: 0;
    }

    .cheaper .price_box {
        flex-direction: row-reverse;
        width: auto;
        align-items: baseline;
    }

    .cheaper_plus {
        position: absolute;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .cheaper .cheaper_prise .together {
        margin: 0 32px 0 0;
    }

    .cheaper .slick-arrow {
        top: -46px;
        right: 40px;
        left: auto;
        height: 32px;
        transform: translateY(0);
        border-radius: var(--btn-radius);
        box-shadow: none;
    }

    .cheaper .slick-arrow.slick-next {
        right: 0;
        border-radius: var(--btn-radius);
    }

    .cheaper .slick-arrow::before,
    .cheaper .slick-arrow::after {
        right: 9px;
        top: 18px;
        width: 13px;
    }

    .cheaper .slick-arrow::after {
        top: 10px;
    }

    /* --- Main Info Box in Product Page --- */
    .main_info_box {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sorts_info {
        width: 50%;
        padding: 0 var(--margin-lt-rt-twice) 0 0;
    }

    /* --- Reviews --- */
    .product_reviews {
        width: 50%;
        padding: 0 0 0 var(--margin-lt-rt-twice);
    }

    .comment_popup.popup {
        padding: 32px 0 32px 32px;
    }

    .comment_popup .all_items {
        padding: 0 32px 0 0;
    }

    /* --- Reviews Tab --- */
    .main_reviews .product_reviews {
        padding: 0;
        width: 100%;
    }

    /* --- Fixed product panel --- */
    .sticky_header.no_active_desktop {
        bottom: -66px;
    }

    .sticky_header.active_desktop {
        bottom: 0;
    }

    .sticky_header .mini_product_photo {
        align-items: center;
    }

    .sticky_header .mpp_box {
        margin: 0 8px 0 0;
    }

    .sticky_header .together {
        width: auto;
        flex-shrink: 0;
    }

    .sticky_header .mpp_title {
        display: flex;
        max-height: 42px;
        overflow: hidden;
    }

    .sticky_header.product_price .add_in-list {
        margin: 0 0 0 8px;
    }

    /* --- Blog Details --- */

    /* --- Store window Slider --- */
    .product_slider .product_tabs {
        margin: 0 0 16px 0;
    }

    /* --- Credit bank variants - ALL in one place - PopUp --- */
    .credit_popup {
        padding: 32px 16px 32px 32px;
    }

    /* --- Size chart Popup --- */
    .size_table_popup {
        padding: 32px 16px 32px 32px;
    }

    /* --- CONTACT US - FEEDBACK --- */
    /* --- Template 1:  Contacts + Background --- */
    .two_mini_box {
        flex-direction: row;
    }

    .cb_mini_box {
        width: 33.333%;
        margin: 0;
    }

    .soc_and_mes_box .cb_mini_box {
        width: 100%;
        margin: 0 0 24px 0;
    }

    .soc_and_mes_box .cb_mini_box:last-child {
        margin: 0;
    }

    /* --- Template 2:  Contacts + Photo --- */
    .contact_us.photo .centre {
        display: flex;
        flex-wrap: wrap;
    }

    .rtl.contact_us.photo .centre {
        flex-direction: row-reverse;
        align-items: flex-start;
    }

    .contact_us.photo .contact_box {
        width: 50%;
    }

    .rtl.contact_us.photo .contact_box {
        padding: 0 0 0 22px;
    }

    .contact_us.photo .two_mini_box {
        flex-direction: column;
    }

    .contact_us.photo .cb_mini_box {
        width: 100%;
        margin: 0 0 24px 0;
    }

    .contact_us.photo .cb_mini_box:last-child {
        margin: 0;
    }

    .contact_us.photo .cb_poto {
        width: 50%;
        margin: 0;
    }

    .rtl.contact_us.photo .background_sign {
        align-items: flex-start;
        left: 0;
    }

    .rtl.contact_us.photo .background_sign .bs_box {
        align-items: flex-start;
    }

    /* --- Template 3:  Feedback + Background --- */
    .for_feed.background {
        padding-bottom: 64px;
        min-height: 512px;
    }

    .contact_us.for_feed.background .centre,
    .rtl.contact_us.for_feed.background .centre {
        display: flex;
        flex-direction: column;
    }

    .rtl.contact_us.for_feed.background .centre {
        align-items: flex-end;
    }

    .for_feed.contact_us.background .feed_box,
    .rtl.for_feed.contact_us.background .feed_box {
        margin: 0;
    }

    .for_feed.background .title_wrap,
    .for_feed.background .description {
        width: 42%;
        max-width: 670px;
    }

    .rtl.for_feed.contact_us.background .title_wrap {
        justify-content: flex-end;
    }

    .rtl.for_feed.contact_us.background .title_wrap .main_title,
    .rtl.for_feed.background .description {
        text-align: right;
    }

    .for_feed.background .tile_background Img {
        object-position: top;
    }

    /* --- Template 4:  Contacts + Feedback --- */
    .contact_us.for_feed .centre {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .rtl.contact_us.for_feed .centre {
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: flex-start;
    }

    .contact_us.for_feed .contact_box {
        margin-bottom: 0;
        padding-right: 20px;
        width: 30%;
        border-bottom: none;
        border-right: 1px solid var(--base-color-4);
    }
    .contact_us.for_feed .feed_box {
        width: 70%;
        padding-left: 20px;
    }

    .contact_us.for_feed .cb_tit.big {
        font-size: 24px;
        margin-bottom: 40px;
    }

    .contact_us .feedback-row {
        display: flex;
        flex-direction: row;
    }

    .contact_us .feedback-row .styled_input {
        flex: 1 1 calc(50% - 16px);
    }

    .contact_us .feedback-row .styled_input:nth-child(2) {
        margin-left: 32px;
    }

    .contact_us.for_feed .two_mini_box {
        flex-direction: column;
        margin: 0;
    }

    .contact_us.for_feed .cb_mini_box {
        width: 100%;
        margin: 0 0 24px 0;
    }

    .contact_us.for_feed .soc_and_mes_box,
    .contact_us.for_feed .soc_and_mes_box .cb_mini_box:last-child {
        margin: 0;
    }

    .contact_us.for_feed .soc_and_mes_box .cb_info {
        padding: 0;
    }

    .contact_us.for_feed .for_sticky {
        position: sticky;
        max-width: 764px;
        margin-left: auto;
        top: 90px;
    }

    .attach_file {
        margin-bottom: 40px;
    }

    .attach_file .row {
        flex-direction: row;
        align-items: center;
    }

    .attach_file .row .btn {
        margin: 0 22px 0 0;
        padding: 0 20px;
        width: max-content;
        min-width: fit-content;
        max-width: 100%;
    }

    .attach_file .row .btn:hover {
        background-color: var(--design-color-2);
        color: var(--base-color-1);
    }

    /* --- TILES CATALOG --- */

    .main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog {
        margin-bottom: 62px;
        padding-bottom: 62px;
    }

    .tiles.tiles_catalog .tile_image {
        box-shadow: 0px 10px 35px 0px #00000040;
        margin: 0 0 30px 0;
    }

    /* --- TILE ABOUT US --- */
    .tiles.about_us-tile .tile-container {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .tiles.about_us-tile .tile_background {
        flex: 0 0 48%;
        margin-bottom: 0;
        padding-right: 25px;
    }

    .tiles.about_us-tile .tile-row {
        flex: 0 0 52%;
        padding-left: 25px;
    }

    /*--- OUR ADVANTAGES ---*/
    .main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog + .tiles.about_us-tile + .tiles.our_advantages {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .tiles.our_advantages .tile-container {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .tiles.our_advantages .title_wrap {
        text-align: start;
        justify-content: flex-start;
    }

    .tiles.our_advantages .main_title.title_h2 {
        text-align: start;
        justify-content: flex-start;
    }

    .tiles.our_advantages .tiles_grid {
        flex: 0 0 48%;
        margin: 0;
        padding-right: 25px;
    }

    .tiles.our_advantages .one_tile:nth-child(1n + 2) {
        margin-top: 30px;
    }

    .tiles.our_advantages .tiles_grid .one_tile:nth-child(3n + 1), 
    .tiles.our_advantages .tiles_grid .one_tile:nth-child(3n + 2) {
        margin-right: 0;
    }

    .tiles.our_advantages .one_tile .box {
        padding-left: 72px;
        position: relative;
        min-height: 72px;
    }

    .tiles.our_advantages .tile_image {
        margin: 0;
        width: 52px;
        height: 52px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .tiles.our_advantages .tile_title {
        text-align: start;
        justify-content: flex-start;
        margin-bottom: 18px;
    }

    .tiles.our_advantages .tile_description {
        text-align: start;
    }

    .tiles.our_advantages .tile_background {
        flex: 0 0 52%;
        padding-left: 25px;
    }

    /* --- TILES STAPS --- */

    .tiles.staps .title_wrap {
        text-align: center;
        justify-content: center;
    }

    .tiles.staps .main_title.title_h2 {
        text-align: center;
        justify-content: center;
    }

    .tiles.staps .tiles_description {
        text-align: center;
    }

    .tiles.staps .one_tile {
        padding-left: 0;
        justify-content: center;
        min-height: 180px;
    }

    .tiles.staps .one_tile::after {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .tiles.staps .one_tile.active::after {
        transform: translate(-50%, -50%) scale(1);
    }
    
    .tiles.staps .one_tile:before {
        height: calc(100% + 34px);
        left: 50%;
        top: 0;
    }

    .tiles.staps .one_tile:nth-child(1):before {
        height: calc(50% + 34px);
        top: 50%;
    }

    .tiles.staps .one_tile:nth-last-child(1):before {
        height: calc(50% + 34px);
        top: auto;
        bottom: 50%;
    }

    .tiles.staps .one_tile:nth-child(2n + 2) .box {
        align-items: flex-end;
    }

    .tiles.staps .one_tile:nth-child(2n + 1) {
        padding-left: calc(50% + 50px);
    }

    .tiles.staps .one_tile:nth-child(2n + 2) {
        padding-right: calc(50% + 50px);
    }

    .tiles.staps .stap_number {
        font-size: 180px;
        display: block;
        margin: 0;
        width: calc(50% - 50px);
        position: absolute;
        top: 50%;
        opacity: 0;
    }

    .tiles.staps .one_tile:nth-child(2n + 1) .stap_number {
        text-align: end;
        left: 0;
        transform: translate(-50%, -50%);
    }
    
    .tiles.staps .one_tile:nth-child(2n + 1).active .stap_number {
        opacity: 0.07;
        transform: translate(0, -50%);
    }

    .tiles.staps .one_tile:nth-child(2n + 2) .stap_number {
        right: 0;
        transform: translate(50%, -50%);
    }

    .tiles.staps .one_tile:nth-child(2n + 2).active .stap_number {
        opacity: 0.07;
        transform: translate(0, -50%);
    }

    .tiles.staps .one_tile:nth-child(2n + 2) .tile_title {
        text-align: end;
    }

    .tiles.staps .one_tile:nth-child(2n + 2) .tile_description {
        text-align: end;
    }

    /* --- CREATE PROJECT --- */

    .create_project .centre {
        display: flex;
        align-items: flex-end;
    }

    .create_project .centre > .col:nth-child(1) {
        display: block;
        flex: 0 0 calc(45% - 25px);
    }

    .project_img {
        margin-bottom: -30px;
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .project_img img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .create_project .centre > .col:nth-child(2) {
        flex: 0 0 calc(55% - 25px);
        max-width: calc(55% - 25px);
        margin-left: 50px;
        align-self: stretch;
        height: auto;
        justify-content: center;
    }

    /* --- BLOG (News) --- */

    .last_blogs .title_wrap .btn {
        display: flex;
        padding-left: 30px;
        padding-right: 30px;
    }

    .last_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom: 0;
    }
    
    .last_item {
        display: flex;
        flex-direction: column;
    }

    .last_item:nth-child(1) {
        grid-row: 1 / 3;
        grid-column: 1 / 2;
    }

    .last_item:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    }

    .last_item:nth-child(3) {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
    }

    .last_item:nth-child(1) .blog_image {
        width: 100%;
        height: 276px;
    }

    .last_item:nth-child(1) .blog_image img {
        width: 100%;
        height: 100%;
    }

    .last_item .blog_name {
        font-size: 20px;
    }

    .last_item .blog_text {
        font-size: 14px;
    }

    .last_grid .last_item:not(:first-child) {
        display: flex;
        flex-direction: row;
    }

    .last_grid .last_item:not(:first-child) .blog_image {
        flex: 0 0 100px;
        margin: 0 10px 0 0;
        width: 100px;
        height: 100px;
        aspect-ratio: auto;
    }

    .last_grid .last_item:not(:first-child) .blog_image img {
        aspect-ratio: auto;
        width: 100%;
        height: 100%;
    }

    .last_grid .last_item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
        display: none;
    }

    .last_grid + .btn {
        display: none;
    }

    /* --- news component --- */
    
    .news_grid {
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .news_item {
        width: 100%;
    }

    .news_item:nth-child(1) {
        flex-direction: row;
    }

    .news_item:nth-child(1) .blog_image {
        flex: 0 0 50%;
        aspect-ratio: auto;
        min-height: 276px;
        height: 100%;
        position: relative;
    }

    .news_item:nth-child(1) .blog_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

    .news_item:nth-child(1) .content {
        flex: 0 0 50%;
        justify-content: center;
        padding-left: 42px;
        padding-right: 42px;
    }

    .news_item:nth-child(1) .blog_name {
        font-size: 26px;
        margin-bottom: 22px;
    }

    .news_item:nth-child(1n + 2) {
        flex-direction: row;
        align-items: flex-start;
        padding: 0;
    }

    .news_item:nth-child(1n + 2) .blog_image {
        flex: 0 0 70px;
        width: 70px;
        min-height: 70px;
        height: 100%;
        aspect-ratio: auto;
        position: relative;
    }

    .news_item:nth-child(1n + 2) .blog_image img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .news_item:nth-child(1n + 2) .content {
        flex: 1 1 auto;
        padding: 0 0 0 16px;
        height: 100%;
        justify-content: center;
    }

    .news_item:nth-child(1n + 2) .blog_name {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .news_item:nth-child(2),
    .news_item:nth-child(3),
    .news_item:nth-child(4),
    .news_item:nth-child(5) {
        width: calc(50% - 10px);
        padding: 0;
    }

    .news_item:nth-child(3),
    .news_item:nth-child(5) {
        margin-left: 20px;
    }


    .news_item:nth-child(2) .content,
    .news_item:nth-child(3) .content,
    .news_item:nth-child(4) .content,
    .news_item:nth-child(5) .content {
        padding: 12px;
    }

    .news_item:nth-child(1n + 6) {
        max-width: 875px;
        border: none;
    }

    .for_load_more {
        margin-top: 50px;
    }

    .for_load_more .btn {
        width: auto;
        margin: 0 auto;
    }

    /* --- Tiles icons --- */

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(3n + 1),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(3n + 2) {
        margin-right: 0;
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 4) {
        margin-top: 0;
    }

    .tiles.tiles_icons .one_tile {
        flex: 0 0 calc((100% / 4) - (48px / 4));
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 1),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 2),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 3) {
        margin-right: 16px;
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 5) {
        margin-top: 30px;
    }

    /* --- tabs grid --- */
    .selected_item {
        display: none;
    }

    .dropdown_tabs ul {
        flex-direction: row;
        position: relative;
        left: auto;
        top: auto;
        opacity: 1;
        visibility: visible;
        box-shadow: unset;
    }

    .dropdown_tabs li {
        color: var(--design-color-2);
        width: 100%;
        justify-content: center;
        border-top: 1px solid var(--base-color-4);
        border-bottom: 1px solid var(--base-color-4);
    }
    
    .dropdown_tabs li:nth-child(1) {
        border-left: 1px solid var(--base-color-4);
    }
    
    .dropdown_tabs li:nth-last-child(1) {
        border-right: 1px solid var(--base-color-4);
    }

    .dropdown_tabs li svg {
        fill: var(--design-color-2);
    }

    /* --- decide choose --- */
    .decide_choose {
        padding-top: 80px;
    }

    .decide_choose > .centre {
        flex-direction: row;
        align-items: flex-end;
    }

    .decide_choose .decide_content {
        margin-bottom: 0;
        padding: 0 10px 76px 0;
    }

    .decide_choose .btn {
        width: auto;
        padding: 0 30px;
    }

    .decide_img {
        flex: 0 0 50%;
        padding-left: 10px;
        max-width: 473px;
    }

    .decide_img img {
        margin: 0;
    }

    /* --- main characteristics --- */

    .main_characteristics .inner_wrap {
        padding: 54px 50px 63px 50px;
        box-shadow: 0px 10px 25px 0px #0000001A;
    }

    .main_characteristics .btn {
        width: auto;
        margin: 0 auto;
        padding: 0 30px;
    }

    /* --- Decide tile --- */

    .tiles.decide_tile {
        padding-top: 80px;
        padding-bottom: 80px;
        min-height: 608px;
    }

    .tiles.decide_tile .title_wrap {
        padding-right: 50%;
    }

    .tiles.decide_tile .main_title.title_h2 {
        padding-right: 50%;
    }
    .tiles.decide_tile .tiles_description {
        padding-right: 50%;
    }

    .tiles.decide_tile .tiles_grid {
        padding-right: 50%;
    }

    .tiles.decide_tile A.btn.view_all {
        width: auto;
        margin: 0 auto 0 16px;
        max-width: calc(50% - 16px);
    }

    .tiles.decide_tile .tile_background {
        display: flex;
        justify-content: center;
        width: 50%;
        max-width: calc(var(--content-width) / 2);
        position: absolute;
        bottom: 0;
        left: 50%;
    }

    /* --- hover --- */

    A.link:hover {
        color: var(--link-hover);
    }

    A.link.has_icon:hover svg.icon {
        fill: var(--link-hover);
    }

    A.link.inverse:hover {
        color: var(--design-color-6);
    }

    A.link.orange:hover {
        color: var(--orange-hover);
    }

    A.link.inverse.has_icon:hover svg.icon {
        fill: var(--orange);
    }

    A.edit:hover {
        color: var(--orange);
    }

    A.edit:hover .icon {
        fill: var(--orange);
    }

    A.plus:hover::before,
    A.plus:hover::after {
        background: var(--link-hover);
    }

    .dropdown UL LI A:hover,
    .autocomplete-suggestion:hover {
        background: var(--sub-color-light);
    }

    Input[type="radio"]:not(:checked)+Label:hover::before,
    Input[type="checkbox"]:not(:checked)+Label:hover::before,
    .check_item:hover::before,
    .radio_item:hover::before,
    .options_list LI A:hover::before,
    .options_list.checkbox LI A:hover::before {
        border-color: var(--text-light);
    }

    .radio_item:hover,
    .check_item:hover {
        color: var(--link-hover);
    }

    .article_open-btn:hover {
        color: var(--design-color-2);
    }

    Article A:hover {
        color: var(--link-hover);
    }

    Article A.inverse.has_arrow:hover::before,
    Article A.inverse.has_arrow:hover::after {
        background: var(--orange);
    }

    .wish_lists_popup .wish_lists LI:hover {
        color: var(--btn-bg);
        border-color: var(--btn-bg);
        background: var(--sub-color-light);
    }

    .wish_lists LI.has_arrow:hover::before,
    .wish_lists LI.has_arrow:hover::after {
        background: var(--btn-bg);
    }

    .long_div.error A:hover {
        color: var(--text-error-hover);
    }

    .btn:hover,
    .title_wrap .together A:hover,
    .enter_form .together A.btn:hover {
        background: var(--btn-bg-hover);
    }

    Article A.btn:hover {
        color: var(--text-inverse);
    }

    .btn.light:hover {
        border-color: var(--design-color-6);
    }

    .btn.inverse:hover {
        background: var(--main-color-light);
    }

    .btn.warning:hover {
        background: var(--orange-hover);
    }

    .btn.delete:hover {
        background: var(--text-error);
    }

    .btn.light.inverse:hover {
        border-color: var(--main-color-lighter);
        color: var(--text-inverse);
    }

    .btn.outline:hover {
        color: var(--base-color-1);
        background-color: var(--design-color-2);
    }

    .btn.outline:hover .icon {
        fill: var(--base-color-1);
    }

    .btn.secondary:hover {
        background-color: var(--design-color-5);
    }

    .mediap:not(.no_active):hover {
        transform: translateY(-5px) rotate(-1deg);
        box-shadow: 0 25px 50px rgba(0, 0, 0, .2), 0 0 15px var(--main-color-lighter);
    }

    .mediap .close_media:hover {
        background: var(--text-error-hover);
    }

    .mediap .close_media:hover::before {
        transform: rotate(45deg) scaleY(.7);
    }

    .mediap .close_media:hover::after {
        transform: rotate(-45deg) scaleY(.7);
    }

    .mediap:hover Img {
        transform: scale(1.02) translateY(-2px);
        filter: contrast(1.05);
    }

    .main_header A:hover .icon {
        fill: var(--white);
    }

    .search_wrap A.clear:hover::before,
    .search_wrap A.clear:hover::after {
        transform: rotate(180deg);
    }

    .main_header .search_btn:hover {
        background: var(--btn-bg-hover);
    }

    .search_popup LI:hover {
        background: var(--site-bg);
    }

    .search_popup LI:hover {
        background: var(--site-bg);
    }

    .search_popup LI:last-child:hover {
        border-radius: 0 0 var(--btn-radius) var(--btn-radius);
    }

    .search_popup LI.title:hover {
        background: none;
    }

    A.clear_history:hover {
        color: var(--error);
    }

    .search_popup LI:hover A.cleare_this {
        opacity: 1;
        visibility: visible;
    }

    .search_popup A.cleare_this:hover::before,
    .search_popup A.cleare_this:hover::after {
        background: var(--error);
    }

    .btn_header:hover {
        background: var(--main-color-light);
    }

    .close_menu:hover::before,
    .close_menu:hover::after {
        transform-origin: left;
        width: 14px;
    }

    .login_btn:hover {
        background: var(--main-color-light);
    }

    .login_btn.out:hover {
        background: var(--text-error);
        color: var(--text-inverse);
    }

    .login_btn.out:hover .icon {
        fill: var(--white);
    }

    .user_info:hover {
        background: var(--main-color-light);
    }

    .user_info:hover .user_email {
        color: var(--main-color-light);
    }

    .left_menu_box A:hover,
    .profile_menu UL A:hover {
        background: var(--main-color-lighter);
        color: var(--text-inverse);
    }

    .left_menu_box A:hover .icon,
    .profile_menu A:hover .icon {
        fill: var(--white);
    }

    .catalog_mob_menu A:hover {
        color: var(--link-hover);
    }

    .catalog_mob_menu A.has_arrow:hover Span::before,
    .catalog_mob_menu A.has_arrow:hover Span::after {
        background: var(--link-hover);
    }

    .main_slider_item .slider_links .btn.download:hover {
        background-color: var(--design-color-5);
    }

    .popup_close:hover::before, 
    .popup_close:hover::after,
    .notification_close:hover::before, 
    .notification_close:hover::after {
        background: var(--error);
    }

    .menu A.has_arrow:hover::before,
    .menu A.has_arrow:hover::after {
        background: var(--text-inverse);
    }

    .menu LI A:hover Img,
    .main_slider_container.with_menu LI A:hover Img {
        opacity: 1;
    }

    .main_header .menu A:hover svg {
        fill: var(--text-inverse);
    }

    .menu .next_level A.has_arrow:hover::before,
    .menu .next_level A.has_arrow:hover::after {
        background: var(--btn-bg-hover);
    }

    .one_cat:hover .cat_title {
        color: var(--link-hover);
    }

    .list_info .one_cat:hover .cat_title {
        color: var(--text);
    }

    .list_info .one_cat:hover .cat_title:hover {
        color: var(--link-hover);
    }

    .category_list UL A:hover {
        color: var(--link-hover);
    }

    .list_info UL LI.more A.show:hover,
    .list_info UL LI.less A.show:hover {
        color: var(--orange-hover);
    }

    .list_info UL LI A.has_arrow:hover::before,
    .list_info UL LI A.has_arrow:hover::after {
        background: var(--orange-hover);
    }

    .slick-arrow:hover {
        background: var(--design-color-6);
    }

    .slick-arrow:hover::before,
    .slick-arrow:hover::after {
        background: var(--white);
    }

    .one_tile.no_link:hover {
        box-shadow: none;
    }

    .one_tile:hover .tile_title {
        color: var(--design-color-6);
    }

    .one_tile.no_link:hover .tile_title {
        color: inherit;
    }

    .faq .open .has_arrow:hover::before,
    .faq .open .has_arrow:hover::after,
    .cat_faq .open DT.has_arrow:hover::before,
    .cat_faq .open DT:hover.has_arrow::after {
        background: var(--error);
    }

    .add_in-list A:hover,
    .add_in-list .check_wrap:hover {
        box-shadow: 0 0 6px rgba(0, 0, 0, .1);
        transition: .3s;
    }

    .add_in-list A:hover .icon {
        fill: var(--btn-bg);
    }

    .add_in-list A.wishes:hover .icon {
        fill: var(--error);
    }

    .one_good:hover .product_name Span {
        color: var(--text);
    }

    .clickpath A:hover {
        color: var(--design-color-2);
    }

    .clear_filters .deactivate-filter:hover {
        background: var(--error);
    }

    .deactivate-filter:hover {
        border-color: var(--error);
    }

    .deactivate-filter:hover::before,
    .deactivate-filter:hover::after {
        background: var(--error);
    }

    .searched_cats A:hover,
    .searched_cats A.active:hover {
        color: var(--orange);
    }

    .searched_cats A.has_arrow:hover::before,
    .searched_cats A.has_arrow:hover::after {
        background: var(--orange);
    }

    .menu_item-title:hover {
        color: var(--link-hover);
    }

    .menu_item-title:hover svg {
        fill: var(--link-hover);
    }

    .menu_item .check_item:hover {
        background: var(--sub-color-light);
        color: var(--link);
    }

    .menu_item.fil_group_grid .check_item:hover {
        border-color: var(--sub-color);
    }

    .filter_tile_photo .check_item:hover {
        border-color: var(--sub-color);
    }

    .apply_filters A.submit_filters:hover::after {
        border-color: transparent var(--main-color-light) transparent transparent;
    }

    .brands_slider-inner .outer_fv:hover {
        border-color: var(--site-bg);
    }

    .pages_list A:hover,
    .pages_btn:hover {
        background: var(--sub-color-light);
    }

    .one_blog:hover .blog_name {
        color: var(--link-hover);
    }

    .last_item .blog_name:hover {
        color: var(--design-color-2)
    }

    .recomended_item .name:hover {
        color: var(--design-color-2);
    }

    .popular_articles-slider .slick-arrow:hover {
        box-shadow: none;
    }

    .popular_articles-slider .slick-arrow:hover {
        border-color: var(--design-color-2)
    }
    .popular_articles-slider .slick-arrow:hover::before,
    .popular_articles-slider .slick-arrow:hover::after {
        background-color: var(--design-color-2);
    }

    .popular_articles-item .name:hover {
        color: var(--design-color-2)
    }

    UL.links_404_list LI:hover {
        color: var(--link-hover);
    }

    UL.links_404_list A:hover {
        color: var(--link-hover);
    }

    .cb_info A.for_phone:hover {
        color: var(--design-color-6);
    }

    .cb_info.for_socs A:hover {
        border-color: var(--orange);
    }

    .for_socs A:hover svg.icon {
        fill: var(--orange);
    }

    .dark.for_feed .politics_box A.link:hover {
        color: var(--orange);
    }

    .politics_box a.feedback_link:hover {
        text-decoration: underline;
        color: var(--design-color-2);
    }

    .map_address:hover {
        box-shadow: 0 0 8px #00000024;
    }

    .socials_row A:hover {
        border-color: var(--design-color-2);
    }

    .sufix_copyrights A:hover {
        color: var(--base-color-1);
        transition: .3s;
    }

    .page_up:hover {
        background: transparent;
    }

    .page_up:hover .icon {
        fill: var(--design-color-2);
    }

    .cook_text A:hover {
        color: var(--link-hover);
    }

    .reject_cookies:hover {
        color: var(--error);
    }


    .cpb_dropdown A:hover {
        background: var(--main-color-light);
        color: var(--text-inverse);
        padding-right: 18px;
        transition: .3s;
    }

    .cpb_dropdown A.telegram:hover {
        background: var(--telegram);
    }

    .cpb_dropdown A.viber:hover {
        background: var(--viber);
    }

    .cpb_dropdown A.whatsapp:hover {
        background: var(--whatsapp);
    }

    .cpb_dropdown A.fb:hover {
        background: var(--facebook);
    }

    .cpb_dropdown .one_row A:hover .icon {
        fill: var(--white);
    }

    .one_tile:hover .tile_hover-hide {
        opacity: 1;
        visibility: visible;
        box-shadow: 0px 10px 50px 0px #00000026;
    }

    .one_tile:hover .tile_hover-hide .tile_title {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        transition-delay: 0.1s;
    }

    .one_tile:hover .tile_hover-hide .tile_description {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        transition-delay: 0.2s;
    }

    .one_tile:hover .tile_hover-hide .btn {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0.3s, 0.3s, 0.3s, 0s, 0s;
    }

    .one_tile:hover .tile_hover-hide .tile_title {
        color: var(--text);
    }

    .tiles.brands .one_tile:hover {
        box-shadow: none;
    }

    .tiles.brands .one_tile:not(.no_link):hover img {
        filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.3));
    }

    .tiles.send_question .tiles_description Article Strong a:hover {
        opacity: 0.75;
    }

    .questions_buttons .btn.outline:hover {
        color: var(--base-color-8);
        background-color: var(--base-color-1);
    }

    .news_item:hover .blog_name {
        color: var(--design-color-2);
    }

    .tiles.advantages_staps .one_tile:hover {
        color: var(--base-color-1);
        background-color: var(--design-color-2);
        border-color: var(--design-color-2);
        box-shadow: 0px 10px 35px 0px #00000040;
    }

    .tiles.advantages_staps .one_tile:hover .tile_title b {
        color: var(--base-color-1);
    }

    .tiles.advantages_staps .one_tile:hover .tile_description {
        color: var(--base-color-1);
    }

    .dropdown_tabs li:hover {
        color: var(--base-color-1);
        background-color: var(--design-color-2);
    }

    .dropdown_tabs li:hover svg {
        fill: var(--base-color-1);
    }

    .tiles.big_tiles_icons .one_tile:hover {
        border-color: var(--design-color-2);
        box-shadow: 0px 10px 35px 0px #00000040;
    }

    .one_tile:hover .tile_hover-hide .tile_description {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        transition-delay: 0.2s;
    }

    .faq .one_question .faq_question:hover::after,
    .faq .one_question .faq_question:hover::before {
        background-color: var(--design-color-2);    
    }
}

@media (min-width:992px) {
    .catalog_btn {
        display: flex;
        margin: 0 0 0 16px;
    }

    .catalog_btn.btn .icon.margin {
        margin: 0 12px 0 0;
    }

    .menu_header .catalog_btn,
    .menu_header .catalog_mob_menu {
        display: none;
    }

    Body.body_overflow_cat .main_header {
        position: sticky;
        top: 0;
    }

    .main_header {
        margin: 0 0 16px 0;
    }

    .title_wrap.slick_arrows {
        padding-right: 102px;
    }

    /* --- Article - Common styles --- */
    .article_place {
        display: flex;
        margin-bottom: var(--section-margin-desktop);
    }

    Article {
        margin-bottom: var(--section-margin-desktop);
    }

    .article_place Article {
        margin-bottom: 0;
    }

    Article P {
        margin-bottom: 36px;
    }

    Article UL {
        margin-bottom: 36px;
    }

    Article OL {
        margin-bottom: 36px;
    }

    Article Blockquote {
        margin-bottom: 36px;
    }

    Article Figure.table {
        margin-bottom: 36px;
    }

    .article_small_gaps Article {
        font-size: 18px;
    }

    .article_small_gaps Article P,
    .article_small_gaps Article UL,
    .article_small_gaps Article OL,
    .article_small_gaps Article Blockquote,
    .article_small_gaps Article Figure.table {
        margin-bottom: 25px;
    }
    /* --- Main search panel --- */
    .search_wrap {
        z-index: 12;
    }

    /* --- Main Slider --- */
    .main_slider_container {
        display: flex;
        margin-bottom: var(--section-margin-desktop);
    }

    .main_slider_container.main_page-slider:nth-child(1) + .article_place {
        margin-top: calc(var(--section-margin-desktop) * -1);
        padding-top: var(--section-margin-desktop);
        padding-bottom: var(--section-margin-desktop);
    }

    .main_slider_container.with_menu>UL {
        width: 300px;
        flex-shrink: 0;
        margin: 0 16px 0 0;
        display: flex;
        flex-direction: column;
        position: relative;
        background: var(--white);
        padding: 8px 8px 7px 8px;
        border-radius: var(--border-radius);
        justify-content: space-between;
    }

    .with_menu .main_slider {
        width: calc(100% - 300px - var(--margin-lt-rt));
        margin: 0;
    }

    .main_slider_container.with_menu>UL LI {
        margin: 0 0 1px 0;
    }

    /* --- Menu common styles --- */
    
    /* --- Menu header - if Row Menu (3 & 4 variants) --- */
    .main_header.menu_2,
    .main_header.menu_3 {
        min-height: 111px;
        padding: 16px 0 0 0;
    }

    .main_header.menu_2::after,
    .main_header.menu_3::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 42px;
        background: var(--main-color-light);
    }

    .main_header.menu_2 A.catalog_btn,
    .main_header.menu_3 A.catalog_btn {
        display: none;
    }

    /* --- Menu variant 0 --- Button "Catalog" -> 1 level -> 2 level -> 3 level --- */
    /* !!! - When using this template, you need to make changes in script contained in Menu -> Catalog_menu_tpl.php:
    height of menu_item, menu_item_margin, ulPadding - !!!*/
    .menu.menu_0 {
        position: absolute;
        top: auto;
        left: auto;
        width: auto;
        background: transparent;
        z-index: 12;
    }

    .menu.menu_0 UL,
    .menu.menu_0 .next_level .ul_3 {
        width: 305px;
        overflow: hidden;
        position: fixed;
        top: 86px;
        left: 10px;
        max-height: calc(100vh - 172px);
        background: var(--white);
        border: none;
        min-height: 320px;
        display: flex;
        flex-direction: column;
        border-radius: var(--border-radius);
        overflow-y: auto;
        transition: .3s;
    }

    .menu.menu_0 .next_level .ul_2 {
        left: 307px;
        visibility: hidden;
        opacity: 0;
    }

    .menu.menu_0 .has_arrow.active+.next_level .ul_2,
    .menu.menu_0 .has_arrow:hover+.next_level .ul_2 {
        visibility: visible;
        opacity: 1;
    }

    .menu.menu_0 .ul_2 .next_level .ul_3 {
        left: 604px;
        visibility: hidden;
        opacity: 0;
    }

    .menu.menu_0 .ul_2 .has_arrow.active+.next_level .ul_3,
    .menu.menu_0 .ul_2 .has_arrow:hover+.next_level .ul_3,
    .menu.menu_0 .ul_2 .has_arrow+.next_level.active .ul_3 {
        visibility: visible;
        opacity: 1;
    }

    /* --- Menu variant 1 & Main style --- Button "Catalog" -> 1 level -> 2 & 3 levels --- */
    /* !!! - When using this template, you need to make changes in script contained in Menu -> Catalog_menu_1_tpl.php:
    height of menu_item1, menu_item2, menu_item3, menu_item_margin, menu_block_margin - !!!*/
    
    /* --- Menu variant 2 --- Horizontal -> 1 level -> 2 & 3 levels --- */
    /* !!! - When using this template, you need to make changes in script contained in Menu -> Catalog_menu_2_tpl.php:
    menu_item2_height, menu_item3_height, item_margin, block_margin - !!!*/
    .menu.menu_2 {
        display: flex;
        position: absolute;
        top: 53px;
        left: 0;
        width: 100%;
        height: 42px;
        background: none;
        margin: 0;
        padding: 0;
        border-radius: 0;
        overflow: unset;
    }

    .menu.menu_2 .over {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    .menu.menu_2 .black.for_menu {
        position: absolute;
    }

    .menu.menu_2 UL {
        display: flex;
        background: none;
        min-height: unset;
        flex-direction: row;
        padding: 0;
        border-radius: 0;
        overflow: hidden;
    }

    .menu.menu_2 UL LI {
        margin: 0 0 0 1px;
        width: auto;
    }

    .menu.menu_2 UL LI:first-child {
        margin: 0;
    }

    .menu.menu_2 LI A {
        color: var(--text-inverse);
        padding: 0 16px;
        border-radius: 0;
        height: 100%;
    }

    .menu.menu_2 LI A:hover,
    .menu.menu_2 LI A.active,
    .menu.menu_2 LI A.hovered,
    .menu.menu_2 LI A.active.not_hovered.hovered {
        background: var(--main-color);
    }

    .menu.menu_2 LI A.active.not_hovered {
        background: none;
    }

    .menu.menu_2 LI A.has_arrow {
        padding: 0 32px 4px 16px;
    }

    .menu.menu_2 A.has_arrow::before,
    .menu.menu_2 A.has_arrow::after {
        background: var(--text-inverse);
        top: 19px;
        right: 9px;
    }

    .menu.menu_2 A.has_arrow::after {
        right: 14px;
    }

    .menu.menu_2 A.has_arrow.left::before {
        transform: rotate(-45deg);
    }

    .menu.menu_2 A.has_arrow.left::after {
        transform: rotate(45deg);
    }

    .menu.menu_2 .next_level {
        display: none;
        border-radius: 0 0 var(--border-radius) var(--border-radius);
    }

    .menu.menu_2 .next_level.active {
        display: flex;
        background: var(--white);
        top: 100%;
        height: auto;
        max-height: calc(var(--100vh) - (111px + 64px));
        padding: 8px;
        overflow: auto;
        box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
    }

    .menu.menu_2 .next_level .for_scroll {
        display: flex;
        width: 100%;
        height: max-content;
    }

    .menu.menu_2 .one_col .ul_2 {
        padding: 0 8px 0 0;
        flex-direction: column;
    }

    .menu.menu_2 .one_col LI {
        margin: 0 0 1px 0;
    }

    .menu.menu_2 .one_col LI:last-child {
        margin: 0;
    }

    .menu.menu_2 .one_col .ul_2 A {
        padding: 8px 8px 4px 8px;
        background: none;
        height: auto;
        color: var(--main-color-light);
    }

    .menu.menu_2 .one_col .ul_2 A:hover,
    .menu.menu_2 .one_col .ul_2 A.active {
        color: var(--btn-bg-hover);
    }

    .menu.menu_2 .one_col .next_level {
        position: relative;
        padding: 0;
        top: 0;
        box-shadow: none;
        max-height: unset;
    }

    .menu.menu_2 .next_level .ul_3 {
        flex-direction: column;
        width: 100%;
        padding: 0 0 4px 16px;
    }

    .menu.menu_2 .ul_3 LI:last-child {
        margin: 0;
    }

    .menu.menu_2 .next_level .ul_3 A {
        font-size: 14px;
        padding: 4px 8px;
        color: var(--text-light);
    }

    .menu.menu_2 .one_col .ul_3 A:hover,
    .menu.menu_2 .one_col .ul_3 A.active {
        color: var(--btn-bg-hover);
    }

    /* --- Menu variant 3 --- Horizontal -> 1 level -> 2 level -> 3 level --- */
    .menu.menu_3 .over,
    .menu.menu_3 UL {
        overflow: unset;
    }

    .menu.menu_3 LI {
        position: relative;
    }

    .menu.menu_3 .next_level {
        border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);
    }

    .menu.menu_3 .next_level.active {
        width: 300px;
        overflow: unset;
    }

    .menu.menu_3 .next_level.right {
        left: 0;
    }

    .menu.menu_3 .next_level.left {
        left: auto;
        right: 0;
    }

    .menu.menu_3 .ul_2 {
        flex-direction: column;
    }

    .menu.menu_3 .next_level LI {
        width: 100%;
        margin: 0 0 1px 0;
    }

    .menu.menu_3 .next_level LI:last-child {
        margin: 0;
    }

    .menu.menu_3 .next_level A,
    .menu.menu_3 .next_level A.has_arrow {
        border-radius: var(--border-radius);
        color: var(--text);
        padding: 8px 16px;
        height: auto;
    }

    .menu.menu_3 .next_level A:hover,
    .menu.menu_3 .next_level A.active {
        color: var(--text-inverse);
        background: var(--main-color-lighter);
    }

    .menu.menu_3 .ul_2 A.has_arrow::before,
    .menu.menu_3 .ul_2 A.has_arrow::after {
        display: flex;
        background: var(--main-color);
        right: 16px;
        top: 19px;
    }

    .menu.menu_3 .ul_2 A.has_arrow::after {
        top: 14px;
    }

    .menu.menu_3 .ul_2 A.has_arrow:hover::before,
    .menu.menu_3 .ul_2 A.has_arrow:hover::after,
    .menu.menu_3 .ul_2 A.has_arrow.active::before,
    .menu.menu_3 .ul_2 A.has_arrow.active::after {
        background: var(--text-inverse);
    }

    .menu.menu_3 .ul_2 A.has_arrow.left::before {
        transform: rotate(45deg);
    }

    .menu.menu_3 .ul_2 A.has_arrow.left::after {
        transform: rotate(-45deg);
    }

    .menu.menu_3 .ul_2 .next_level {
        display: none;
        transition: unset;
        left: calc(100% + 8px);
        top: -8px;
        border-radius: var(--border-radius);
    }

    .menu.menu_3 .ul_2 .next_level.left {
        right: calc(100% + 8px);
        left: auto;
        top: -8px;
    }

    .menu.menu_3 .ul_2 .next_level.active {
        display: flex;
    }

    .menu.menu_3 .next_level .ul_3 {
        padding: 0;
    }

    .menu.menu_3 .next_level .ul_3 A {
        font-size: 15px;
        padding: 8px 16px;
        color: var(--text);
    }

    .menu.menu_3 .next_level .ul_3 A:hover,
    .menu.menu_3 .next_level .ul_3 A.active {
        color: var(--text-inverse);
    }

    /* --- Menu variant 4 --- Button "Catalog" -> 1 level -> 2 & 3 levels + Popular Categories --- */
    /* !!! - When using this template, you need to make changes in script contained in Menu -> Catalog_menu_4_tpl.php:
    height of menu_item1, menu_item2, menu_item3, menu_item_margin, menu_block_margin - !!!*/
    .menu.menu_4 .one_col.popular {
        display: none;
    }

    /* --- CATEGORIES --- */
    Section.category {
        margin-bottom: 0;
    }

    Section.category .title_wrap {
        margin-bottom: 65px;
    }
    
    .catalog_list .main_title {
        font-size: calc(var(--title-font-size-desktop) * 1.5);
        margin-bottom: 65px;
    }

    Section.category .category_list {
        margin-bottom: 65px;
    }

    /* --- Rows - Category & List (with SUB categories) --- */
    .row_list .one_cat,
    .list_info .one_cat {
        width: calc(33.333% - var(--gap-desktop));
    }

    /* --- Store window Slider --- */
    .product_slider .product_inner,
    .if_slider .category_comments,
    .if_slider .last_blog_items,
    .if_slider .faq_slider {
        padding: 62px 0 0 var(--gap-desktop);
        margin: -62px 0 calc(var(--section-margin-desktop) - var(--gap-desktop)) 0;
    }

    .product_slider .product_inner:not(.slick-initialized),
    .if_slider .last_blog_items:not(.slick-initialized),
    .if_slider .category_comments:not(.slick-initialized) {
        padding: 62px var(--gap-desktop) 0 0;
    }

    .product_slider .one_good {
        width: calc(25% - var(--gap-desktop));
    }

    .product_inner .slick-arrow,
    .category_comments .slick-arrow,
    .faq_slider .slick-arrow,
    .last_blog_items .slick-arrow {
        top: 16px;
        right: 48px;
        left: auto;
        height: 32px;
        transform: translateY(0);
        border-radius: var(--btn-radius);
        box-shadow: none;
    }

    .has_tabs .product_inner .slick-arrow {
        top: 8px;
    }

    .product_inner .slick-arrow.slick-next,
    .category_comments .slick-arrow.slick-next,
    .faq_slider .slick-arrow.slick-next,
    .last_blog_items .slick-arrow.slick-next {
        right: 8px;
        border-radius: var(--btn-radius);
    }

    .slick-arrow:hover {
        box-shadow: 0 0 8px #00000024;
    }

    .product_inner .slick-arrow::before,
    .product_inner .slick-arrow::after,
    .category_comments .slick-arrow::before,
    .category_comments .slick-arrow::after,
    .faq_slider .slick-arrow::before,
    .faq_slider .slick-arrow::after,
    .last_blog_items .slick-arrow::before,
    .last_blog_items .slick-arrow::after {
        right: 9px;
        top: 18px;
        width: 13px;
    }

    .product_inner .slick-arrow::after,
    .category_comments .slick-arrow::after,
    .faq_slider .slick-arrow::after,
    .last_blog_items .slick-arrow::after {
        top: 10px;
    }

    /* --- Last viewed on Main page - if Grid --- */
    .product_grid .one_good:nth-child(4) {
        display: block;
    }

    .product_grid .one_good {
        width: calc(25% - var(--gap-desktop));
    }

    /* --- Tile Universal --- */
    .tiles {
        margin-bottom: var(--section-margin-desktop);
    }

    .tiles.has_background {
        margin-bottom: var(--section-margin-desktop);
    }

    .tiles .title_wrap {
        margin-bottom: 10px;
    }

    .main_title.title_h2 {
        font-size: 18px;
        margin-bottom: 65px;
    }

    .tiles_grid .one_tile {
        width: calc((100% / 3) - (100px / 3));
    }
    
    .tiles_grid .one_tile:nth-child(1n + 3) {
        margin-top: 0;
    }
    
    .tiles_grid .one_tile:nth-child(1n + 4) {
        margin-top: 66px;
    }

    .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 0;
    }

    .tiles_grid .one_tile:nth-child(3n + 1),
    .tiles_grid .one_tile:nth-child(3n + 2) {
        margin-right: 50px;
    } 

    .if_slider .tiles_slider .slick-list {
        margin: 0 -25px;
        width: calc(100% + 50px);
    }

    .if_slider .tiles_slider .slick-list::before,
    .if_slider .tiles_slider .slick-list::after {
        width: 25px;
    }

    .if_slider .tiles_slider.slick-initialized .one_tile {
        margin: 0 25px;
    }

    .tiles A.btn.view_all {
        margin: 40px auto 0 auto;
    }

    /* --- CATALOG LIST --- */
    .menu_2 .control_products,
    .menu_3 .control_products {
        top: 111px;
    }

    .product_grid {
        margin-bottom: var(--section-margin-desktop);
    }

    /* --- If MINI Product --- */
    .products_mini .product_grid .one_good:nth-child(5) {
        display: block;
    }

    .products_mini .product_grid .one_good,
    .products_mini .product_inner .one_good {
        width: calc(20% - var(--gap-desktop));
    }

    /* --- PRODUCT PAGE --- */
    .menu_2 .details_product .product_tabs,
    .menu_3 .details_product .product_tabs {
        top: 111px;
    }

    .menu_2 .ald_for_sticky,
    .menu_3 .ald_for_sticky {
        top: 162px;
    }

    .detail_info,
    .cheaper,
    .description {
        margin-bottom: var(--section-margin-desktop);
    }

    .product_reviews {
        margin-bottom: calc(var(--section-margin-desktop) - var(--gap-desktop));
    }

    /* --- PRICE BOX in Product Page --- */
    .product_price {
        padding: 16px;
    }

    /* --- CREDIT variants in Product Page --- */
    .credits_variants {
        padding: 16px 16px 4px 16px;
    }

    /* --- Additional Call Buttons --- */
    .order_call_but {
        flex-direction: row;
        padding-right: var(--margin-lt-rt-twice);
        padding-left: var(--margin-lt-rt-twice);
    }

    /* --- Buy Together Tab --- */
    .up_sale .product_wrap {
        margin-bottom: calc(var(--section-margin-desktop) - var(--gap-desktop));
    }

    /* --- Zoom Main Photo --- */
    /* --- Variant: No Slider, Zoom / Full Screen --- */
    .zoom_slider.zoom-full_screen {
        flex-direction: row;
    }

    .zoom_slider.zoom-full_screen .popup_close {
        top: 16px;
        right: 32px;
    }

    .zoom-full_screen .sub_scroll {
        padding: var(--title-font-size-mobile) calc(var(--section-margin-desktop) + 16px) var(--title-font-size-mobile) var(--section-margin-desktop);
        height: 100%;
        flex-direction: column;
        position: relative;
        width: auto;
        overflow: hidden auto;
        bottom: unset;
        justify-content: flex-start;
    }

    .zoom-full_screen .sub_scroll.inner-center {
        justify-content: center;
    }

    .zoom-full_screen .sub_scroll .ss_one_photo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--sub_slider_vertical_width);
        overflow: hidden;
        padding: 4px;
        height: var(--sub_slider_vertical_width);
        margin: 0 0 var(--gap-mobile) 0;
        border-radius: var(--btn-radius);
        transition: .3s;
        flex-shrink: 0;
    }

    .zoom-full_screen .sub_scroll .ss_one_photo:last-child {
        margin: 0;
    }

    .zoom-full_screen .sub_scroll .ss_one_photo::before {
        display: none;
    }

    .zoom-full_screen .sub_scroll .ss_one_photo Img {
        object-fit: contain;
        max-width: 100%;
        max-height: 100%;
    }

    .zoom-full_screen .sub_scroll .video_thumb.active {
        border: 2px solid var(--sub-color)
    }

    .zoom-full_screen .sub_scroll .ss_one_photo.video_thumb::before {
        display: none;
    }

    .zoom-full_screen .sub_scroll .video_thumb Span {
        overflow: auto;
        border-radius: unset;
        width: 100%;
        height: 100%;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        justify-content: center;
        align-items: center;
    }

    .zoom-full_screen .sub_scroll .video_thumb.active::after {
        display: none;
    }

    .zoom-full_screen .sub_scroll .youtube {
        width: 32px;
        height: 32px;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }

    .zoom-full_screen .zoom_big {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
    }

    /* --- Main FOOTER --- */

    .nav_and_contacts {
        padding: 0 0 0 8%;
    }

    .footer_nav {
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 0 20px 0;
    }

    .menu_element,
    .footer_contacts {
        background: none;
    }

    .footer_nav .menu_element {
        width: 50%;
        margin: 0;
    }

    .footer_nav .menu_element:nth-child(2n + 1) {
        padding-right: 6px;
    }

    .footer_nav .menu_element:nth-child(2n + 2) {
        padding-left: 6px;
    }

    .footer_nav .menu_element:nth-child(1n + 3) {
        margin-top: 20px;
    }

    .footer_menu-titile {
        text-align: start;
        justify-content: flex-start;
        margin-bottom: 32px;
        height: auto;
        cursor: unset;
    }
    
    .menu_element > .footer_menu-titile {
        cursor: unset;
    }

    .footer_menu-titile .icon {
        display: none;
    }

    .main_footer .whap_hidden {
        display: flex;
        flex-direction: column;
    }

    .main_footer LI A,
    .footer_phones A {
        justify-content: flex-start;
        margin: 0 0 16px 0;
        text-align: start;
    }

    .footer_contacts {
        padding: 0;
    }

    .contacts_wrap {
        justify-content: flex-start;
    }

    .footer_contacts .whap_hidden {
        flex-direction: row;
    }

    .address {
        justify-content: flex-start;
    }

    .address a:hover {
        color: var(--design-color-6);
    }

    .foo_mini_tit {
        margin: 0 0 8px 0;
    }

    .messenger_wrap .row {
        margin: 0;
        flex-direction: column;
    }

    .messenger_wrap A {
        margin: 0 0 8px 0;
        display: inline-flex;
        padding: 0 16px 0 0;
        position: relative;
        transition: .3s;
    }

    .messenger_wrap A::before,
    .messenger_wrap A::after,
    .messenger_wrap A:hover::before,
    .messenger_wrap A:hover::after {
        display: flex;
        background: var(--viber);
        right: 10px;
        opacity: 0;
    }

    .messenger_wrap A.telegram::before,
    .messenger_wrap A.telegram::after,
    .messenger_wrap A.telegram:hover::before,
    .messenger_wrap A.telegram:hover::after {
        background: var(--telegram);
    }

    .messenger_wrap A.whatsapp::before,
    .messenger_wrap A.whatsapp::after,
    .messenger_wrap A.whatsapp:hover::before,
    .messenger_wrap A.whatsapp:hover::after {
        background: var(--whatsapp);
    }

    .messenger_wrap A.messenger::before,
    .messenger_wrap A.messenger::after,
    .messenger_wrap A.messenger:hover::before,
    .messenger_wrap A.messenger:hover::after {
        background: var(--facebook);
    }

    .messenger_wrap A:hover::before,
    .messenger_wrap A:hover::after {
        right: 0;
        opacity: 1;
    }

    .messenger_wrap Span:last-child A {
        margin: 0;
    }

    /* --- BLOG (News) --- */
    .one_blog {
        width: calc(33.333% - var(--gap-desktop));
    }

    /* --- Details - BLOG (News) --- */
    .news_comments,
    .blog_details .read_also,
    .blog_details .product_slider {
        margin-bottom: calc(var(--section-margin-desktop) - var(--gap-desktop));
    }

    /* --- Last newses of Blog --- */
    .last_blogs {
        margin-bottom: var(--section-margin-desktop);
    }

    /* All reviews in Catalog */
    .if_slider .category_comments {
        margin-bottom: 0;
    }

    /* All reviews in Catalog */
    .reviews_sect {
        margin-bottom: calc(var(--section-margin-desktop) - var(--gap-desktop));
    }

    /* --- FAQ --- */
    .faq {
        margin-bottom: var(--section-margin-desktop);
    }

    /* --- If Slider --- */
    .if_slider.no_title .main_title.title_h2 {
        margin: 0;
    }

    .if_slider .faq_slider {
        margin-left: var(--margin-lt-rt-minus);
        margin-bottom: calc(var(--gap-desktop) - var(--gap-mobile));
    }

    .if_slider.no_title .faq_slider {
        margin-top: -40px;
    }

    .if_slider .faq_slider:not(.slick-initialized) {
        padding: 62px var(--gap-desktop) 0 0;
    }

    .faq_slider .slick-list {
        margin-top: var(--gap-offset-mobile);
    }

    .faq_slider .one_question {
        align-items: flex-end;
    }

    .faq .faq_slider .faq_answer {
        width: 60%;
        padding: 16px 16px 32px 0;
    }

    /* --- CONTACT US - FEEDBACK --- */
    .contact_us.margin {
        margin: -54px 0 0 0;
    }

    /* --- Template 4:  Contacts + Feedback --- */
    .menu_2 .contact_us.for_feed .for_sticky,
    .menu_3 .contact_us.for_feed .for_sticky {
        top: 132px;
    }

    .contact_us .title_wrap {
        font-size: 42px;
        margin-bottom: 60px;
    }

    .contact_us .main_title {
        font-size: 42px;
    }


    /* --- Credit bank variants - ALL in one place - PopUp --- */
    .one_credit {
        flex-wrap: nowrap;
    }

    .oc_bank_name {
        margin: 0 16px 0 0;
    }

    .one_credit .together {
        flex-shrink: 0;
        width: auto;
        align-items: center;
        min-width: 50%;
    }

    /* --- Google Map --- */
    .google_map {
        margin-bottom: var(--section-margin-desktop);
    }

    /* Stores on Google Map */
    .stores {
        margin-bottom: var(--section-margin-desktop);
    }

    /* --- Contact Us - Feedback --- */
    .contact_us {
        margin-bottom: var(--section-margin-desktop);
    }

    /* --- TILES BRANDS --- */
    .tiles.brands .one_tile {
        margin: 0 40px;
    }

    .tiles.brands .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 40px;
    }

    .tiles.brands .one_tile:nth-child(3n + 1),
    .tiles.brands .one_tile:nth-child(3n + 2) {
        margin-right: 40px;
    }

    /* --- TILES STAPS --- */

    .tiles.staps .tiles_grid .one_tile:nth-child(3n + 1),
    .tiles.staps .tiles_grid .one_tile:nth-child(3n + 2) {
        margin-right: 0;
    }

    /* --- SEND QUESTION --- */

    .tiles.send_question {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tiles.send_question .title_wrap {
        text-align: start;
        flex: 0 0 50%;
        justify-content: flex-start;
        margin: 0;
        max-width: calc(var(--content-width) / 2);
    }

    .tiles.send_question .main_title {
        font-size: 32px;
        text-align: start;
    }

    .tiles.send_question .quesiton-col {
        flex: 0 0 50%;
        max-width: calc(var(--content-width) / 2);
    }

    .tiles.send_question .tiles_description article {
        font-size: 20px;
    }

    .tiles.send_question A.btn.view_all {
        padding-left: 30px;
        padding-right: 30px;
        width: auto;
    }

    .tiles.send_question A.btn.view_all:hover {
        color: var(--base-color-1);
        background-color: var(--base-color-8);
    }

    /* --- CREATE PROJECT --- */

    .create_project {
        padding-top: 70px;
        padding-bottom: 75px;
    }

    .project_img {
        margin-bottom: -75px;
    }

    .create_project .H1 {
        font-size: 36px;
        font-weight: 500;
        margin-bottom: 32px;
    }

    .create_project .subtitle {
        font-size: 18px;
    }

    .question_title {
        font-size: 24px;
    }

    .question_box.success .question_title {
        font-size: 32px;
        margin-bottom: 32px;
    }

    .question_box.success .question_text {
        font-size: 18px;
        line-height: 1.5;
        margin-left: auto;
        margin-right: auto;
        max-width: 575px;
    }

    .question_box .input_box + .input_box {
        margin-top: 16px;
    }

    .questions_buttons {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .questions_buttons .btn {
        width: auto;
        padding-left: 32px;
        padding-right: 32px;
        margin: 0 12px 12px 12px;
    }

    .questions_buttons .btn.go_back {
        order: 0;
    }

    .question_box.success .icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 32px auto;
    }

    /* --- Popular articles --- */

    .blog_details {
        margin-bottom: var(--section-margin-desktop);
    }

    .blog_details .main_title.desk {
        display: block;
        padding-bottom: 40px;
        margin-bottom: 0;
        border-bottom: 1px solid var(--base-color-4);
    }

    .blog-row {
        display: flex;
        align-items: flex-start;
    }

    .blog_content {
        flex: 0 0 calc(100% - 410px);
        max-width: calc(100% - 410px);
        padding-top: 28px;
        padding-right: 32px;
    }

    .blog_details .main_title.mob {
        display: none;
    }

    .blog_details .blog_info {
        justify-content: space-between;
        margin: 0 0 44px 0;
    }

    .blog_content > article {
        margin-bottom: 0;
    }

    .popular_articles {
        margin-top: 48px;
        margin-bottom: 0;
    }

    .recomended_categories {
        flex: 0 0 410px;
        padding-top: 32px;
        padding-left: 32px;
        max-width: 410px;
        border-left: 1px solid var(--base-color-4);
        position: sticky;
        top: 72px;
    }

    .recomended_item:nth-last-child(1) {
        padding-bottom: 0;
    }

    /* --- advantages staps --- */

    .tiles.advantages_staps .tiles_description article {
        font-weight: 300;
        font-size: 18px;
    }

    .tiles.advantages_staps .tiles_description Article P,
    .tiles.advantages_staps .tiles_description Article P,
    .tiles.advantages_staps .tiles_description Article UL,
    .tiles.advantages_staps .tiles_description Article OL,
    .tiles.advantages_staps .tiles_description Article Blockquote,
    .tiles.advantages_staps .tiles_description Article Figure.table {
        margin-bottom: 20px;
    }

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(2n + 1) {
        margin-right: 0;
    }

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 3) {
        margin-top: 0;
    }

    .tiles.advantages_staps .tiles_grid .one_tile {
        flex: 0 0 calc((100% / 3) - (48px / 3))
    }

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(3n + 1),
    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(3n + 2) {
        margin-right: 24px;
    }

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 4) {
        margin-top: 24px;
    }


    .tiles.advantages_staps .tiles_grid .one_tile .tile_image {
        box-shadow: 0px 10px 50px 0px #00000026;
    }

    /* --- Tiles icons --- */

    .tiles.tiles_icons {
        margin-bottom: var(--section-margin-desktop);
    }

    .tiles.advantages_staps + .tiles.tiles_icons {
        margin-bottom: 106px;
        padding-top: 72px;
        padding-bottom: 52px;
    }

    .tiles.tiles_icons .tiles_description article {
        font-size: 18px;
    }

    .tiles.tiles_icons .tiles_description Article P,
    .tiles.tiles_icons .tiles_description Article P,
    .tiles.tiles_icons .tiles_description Article UL,
    .tiles.tiles_icons .tiles_description Article OL,
    .tiles.tiles_icons .tiles_description Article Blockquote,
    .tiles.tiles_icons .tiles_description Article Figure.table {
        margin-bottom: 20px;
    }


    /* --- tabs grid --- */

    .tabs_grid {
        margin-bottom: var(--section-margin-desktop);
    }

    .tab_item {
        padding: 24px;
        border: 1px solid transparent;
        transition: border-color 0.3s;
    }
    

    .tab_item .title {
        text-align: start;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        transition: color 0.3s;
    }

    .tab_item .image {
        flex: 0 0 72px;
        margin: 0 20px 0 0;
    }

    .tab_item .title {
        font-size: 22px;
        margin-bottom: 26px;
    }

    .tab_item .text {
        font-size: 16px;
        text-align: start;
    }

    .tab_item:hover {
        border-color: var(--base-color-4);
    }

    .tab_item:hover .title {
        color: var(--design-color-2);
    }

    /* --- decide choose --- */

    .decide_choose {
        margin-bottom: var(--section-margin-desktop);
    }


    /* --- main characteristics --- */

    .main_characteristics {
        margin-bottom: var(--section-margin-desktop);
    }
}

@media (min-width:1024px) {

    :root {
        --h1: 42px;
        --h2: 32px;
        --h3: 22px;
        --h4: 18px;
        --h5: 16px;
    }

    .btn {
        font-size: 15px;
        padding: 6px 30px;
        min-height: 56px;
    }

    .btn .icon {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .article_place.desktop_bigger article {
        font-size: 18px;
    }

    .clickpath_place {
        margin: 0 0 45px 0;        
    }

    /* --- Main HEADER --- */
    .main_header {
        overflow-x: clip;
    }

    /* --- article --- */

    .article_place.list_two-col ul {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .article_place.list_two-col ul li {
        width: calc(50% - 4px);
    }

    .article_place.list_two-col ul li:nth-child(2n + 1) {
        margin-right: 8px;
    }

    .article_place.list_one-col .article_text > .table:nth-child(1) tr {
        flex-direction: row;
    }

    .article_place.list_one-col .article_text > .table:nth-child(1) td:nth-child(1) {
        flex:  0 0 50%;
        padding-right: 32px;
    }

    .article_place.list_one-col .article_text > .table:nth-child(1) td:nth-child(2) {
        flex:  0 0 50%;
        padding-left: 32px;
    }

    .article_place.list_one-col.right_text .article_text > .table:nth-child(1) td:nth-child(1) {
        padding-right: 0;
        padding-left: 32px;
        order: 1;
    }

    .article_place.list_one-col.right_text .article_text > .table:nth-child(1) td:nth-child(2) {
        padding-left: 0;
        padding-right: 32px;
    }

    .article_place.list_one-col .article_text > .table:nth-child(1) figure.image {
        justify-content: flex-end;
        margin: 0;
    }

    .article_place.list_two-col .article_text > .table:nth-child(1) tr {
        flex-direction: row;
    }

    .article_place.list_two-col .article_text > .table:nth-child(1) td:nth-child(1) {
        flex:  0 0 50%;
        padding-right: 32px;
    }

    .article_place.list_two-col .article_text > .table:nth-child(1) td:nth-child(2) {
        flex:  0 0 50%;
        padding-left: 32px;
    }

    .article_place.list_two-col.right_text .article_text > .table:nth-child(1) td:nth-child(1) {
        padding-right: 0;
        padding-left: 32px;
        order: 1;
    }

    .article_place.list_two-col.right_text .article_text > .table:nth-child(1) td:nth-child(2) {
        padding-left: 0;
        padding-right: 32px;
    }

    .article_place.list_two-col .article_text > .table:nth-child(1) figure.image {
        justify-content: flex-end;
        margin: 0;
    }

    /* --- Phones - Main header --- */
    
    /* --- Main template styles --- */
    /* --- If Two Col --- */
    .container {
        margin: 0 auto;
        padding: 0 8px;
        width: 100%;
        max-width: var(--content-width);
        display: flex;
        flex-direction: row-reverse;
    }

    /* --- Left Col - Aside --- */
    .main_aside {
        display: flex;
        flex-direction: column;
        width: 300px;
        border-right: 1px solid var(--border-color);
        position: sticky;
        bottom: 0;
        align-self: flex-end;
        margin: -16px 0 0 0;
    }

    /* --- Main-short Menu in Left Col --- */
    .two_cols .main_aside .left_menu,
    .two_cols .main_aside .profile_menu {
        display: flex;
    }

    .main_aside .left_menu UL {
        width: 100%;
        margin: 16px 0;
        padding: 0 8px 0 0;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .main_aside .left_menu LI {
        margin: 0 0 1px 0;
    }

    .main_aside .left_menu A Img {
        width: 18px;
        margin: 0 12px 0 0;
        opacity: .7;
        transition: .3s;
    }

    .main_aside .left_menu A:hover Img {
        opacity: 1;
    }

    /* --- User Menu in Left Col --- */
    .main_aside .profile_menu {
        max-width: unset;
        width: 100%;
        margin: 0;
        padding: 0 0 16px 0;
        border-top: 1px solid var(--border-color);
        position: sticky;
        top: 69px;
        z-index: 1;
        overflow: hidden;
    }

    .menu_2 .main_aside .profile_menu,
    .menu_3 .main_aside .profile_menu {
        top: 110px;
    }

    .main_aside .profile_menu::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 16px);
        transition: .3s;
    }

    .main_aside .profile_menu.has_shadow::before {
        box-shadow: 6px 2px 14px rgba(0, 0, 0, .2);
    }

    .main_aside .profile_menu .pm_items {
        padding: 16px 8px 16px 0;
        border-bottom: 1px solid var(--border-color);
        background: var(--site-bg);
    }

    /* --- Footer in Left Col --- */
    .main_aside .main_footer {
        background: none;
        padding: 0;
        margin: 0 0 16px 0;
    }

    .main_aside .main_footer > .centre {
        padding: 0;
        margin: 0;
        flex-direction: column;
    }

    .main_aside .nav_and_contacts {
        order: 1;
    }

    .main_aside .footer_nav {
        flex-direction: column;
        margin: 0 0 4px 0;
        padding: 0 8px 0 0;
    }

    .main_aside .footer_nav .menu_element {
        width: 100%;
    }

    .main_aside .footer_contacts.menu_element {
        border-top: 1px solid var(--border-color);
        padding: 16px 8px 0 16px;
        margin: 0;
        border-radius: unset;
    }

    .main_aside .footer_contacts .whap_hidden {
        flex-direction: column;
    }

    .main_aside .footer_phones,
    .main_aside .messenger_wrap,
    .main_aside .hours_work {
        width: 100%;
        padding: 0;
        margin: 0 0 16px 0;
    }

    .main_aside .footer_social {
        order: 2;
        max-width: unset;
        width: 100%;
        border-top: 1px solid var(--border-color);
        padding: 16px 0 0 0;
    }

    .main_aside .for_foo_logo,
    .main_aside .socials_row {
        margin: 0 0 24px 0;
    }

    .main_aside .foo_logo {
        margin: 4px 0 16px 0;
    }

    .main_aside .sufix_copyrights {
        margin: 24px 0 0 0;
    }

    /* --- Right Col - Main --- */
    .container .main_col {
        width: calc(100% - 300px);
        padding: 0 0 0 var(--margin-lt-rt-twice);
    }

    .container .main_col .centre {
        padding: 0;
    }

    /* --- Last viewed on Main page - if Grid (If Two Col) --- */
    .two_cols .product_grid .one_good {
        width: calc(33.333% - var(--gap-desktop));
    }

    .two_cols .product_grid .one_good:nth-child(4) {
        display: none;
    }

    .two_cols .product_grid .all .one_good:nth-child(4) {
        display: block;
    }

    /* --- slider ---*/
    .tiles.about_us-tile .btn.view_all .icon {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }
    /* --- If Two Col MINI Product & Mini in Slider --- */
    .two_cols .products_mini .product_grid .one_good:nth-child(4) {
        display: block;
    }

    .two_cols .products_mini .product_grid .one_good:nth-child(5),
    .two_cols .products_mini .product_grid .one_good:nth-child(6) {
        display: none;
    }

    .two_cols .products_mini .product_grid .all .one_good:nth-child(5),
    .two_cols .products_mini .product_grid .all .one_good:nth-child(6) {
        display: block;
    }

    .two_cols .products_mini .product_grid .one_good,
    .two_cols .products_mini .product_inner .one_good {
        width: calc(25% - var(--gap-desktop));
    }

    /* --- Store window - If Grid --- */
    .product_slider .product_tabs,
    .product_box .product_tabs {
        margin-bottom: 24px;
    }

    /* --- Store window Slider --- */
    .two_cols .product_slider .product_tabs,
    .two_cols .product_box .product_tabs {
        margin-left: calc(var(--margin-lt-rt-minus) * 2);
        width: calc(100% + var(--margin-lt-rt-twice) + var(--margin-lt-rt));
        padding-left: var(--margin-lt-rt-twice);
    }

    /* All reviews in Catalog */
    .is_main .category_comments .slick-list {
        padding: 16px var(--gap-desktop) 0 0;
    }

    /* Article ----------------------------*/

    body:not(.main_page) .clickpath_place + .main_slider_container {
        margin-top: -20px;
    }

    Article .cols-3 {
        column-count: 3;
    }

    article h1 strong,
    article h1 b,
    article h2 strong,
    article h2 b,
    article h3 strong,
    article h3 b,
    article h4 strong,
    article h4 b,
    article h5 strong,
    article h5 b {
        font-size: 36px;
        margin: 0 6px 0 0;
    }

    /* --- Title - Common styles --- */
    .title_wrap {
        margin: 0 0 var(--title-margin-desktop) 0;
    }

    .main_title {
        font-size: var(--title-font-size-desktop);
    }

    /* --- If Slider --- */
    .two_cols .product_slider .title_wrap,
    .two_cols .reviews_sect.if_slider .title_wrap,
    .two_cols .last_blogs.if_slider .title_wrap {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    /* --- Main Slider --- */

    .main_slider_container {
        --current-items: min(var(--items, 1), 4);
    }

    .two_cols .main_slider_container {
        --current-items: min(var(--items, 1), 3);
    }

    /* --- Categories --- */
    .category.tiles {
        margin-bottom: 32px;
    }

    /* --- Tiles --- */
    .one_cat {
        width: calc(25% - var(--gap-desktop));
    }

    /* --- Tiles - If two cols --- */
    .two_cols .one_cat {
        width: calc(33.333% - var(--gap-desktop));
    }

    /* --- Rows - If two cols --- */
    .two_cols .row_list .one_cat {
        width: calc(50% - var(--gap-desktop));
    }

    /* --- List (with SUB categories) - If two cols --- */
    .two_cols .list_info .one_cat {
        width: calc(50% - var(--gap-desktop));
    }

    /* --- Tile Universal --- */
    .two_cols .tiles.has_background {
        padding: var(--margin-lt-rt-twice);
    }

    .two_cols .if_slider.tiles .tiles_description,
    .two_cols .if_slider.tiles .title_wrap,
    .two_cols .if_slider.tiles .main_title.title_h2 {
        padding: 0;
    }

    /* --- If Slider --- */
    .two_cols .if_slider.tiles.has_background {
        padding: var(--margin-lt-rt-twice) 0;
    }

    .two_cols .if_slider.tiles.has_background .tiles_description,
    .two_cols .if_slider.tiles.has_background .title_wrap,
    .two_cols .if_slider.tiles.has_background .main_title.title_h2 {
        padding: 0 var(--margin-lt-rt-twice);
    }

    .two_cols .if_slider.tiles.has_background A.btn.view_all {
        margin: 0 0 0 var(--margin-lt-rt-twice);
    }

    /* --- FAQ --- */
    /* --- If Slider --- */
    .if_slider .faq_slider {
        padding-top: 62px;
        margin-top: -70px;
        margin-bottom: var(--gap-desktop);
    }

    .two_cols .if_slider.has_background .faq_slider {
        width: calc(100% + (var(--margin-lt-rt-twice) * 2));
        margin-left: calc(var(--margin-lt-rt-minus) * 2);
    }

    .if_slider .faq_slider:not(.slick-initialized) {
        padding: 70px var(--gap-desktop) 0 0;
    }

    .faq_slider .slick-list {
        margin-top: unset;
    }

    .two_cols .faq_slider .one_question {
        align-items: flex-start;
    }

    .two_cols .faq .faq_slider .faq_answer {
        width: 100%;
        padding: 8px 16px 16px 16px;
    }

    /* --- If Grid --- */
    .two_cols .faq.has_background {
        padding: var(--gap-desktop);
    }

    .two_cols .faq_grid,
    .two_cols .cat_faq DL {
        padding: 0 var(--margin-lt-rt);
    }

    .two_cols .has_background .faq_grid,
    .two_cols .has_background .cat_faq DL {
        padding: unset;
    }

    /* --- Single Video --- */
    .video_box {
        margin: 0 0 32px 0;
    }

    .video_preview .icon {
        width: 100px;
    }

    /* --- Store window Slider --- */
    .product_tabs .tit {
        font-size: 28px;
        padding: 0 0 2px 0;
    }

    .product_slider .product_inner,
    .if_slider.is_main .category_comments,
    .if_slider .last_blog_items {
        padding-top: 54px;
        margin: -70px 0 calc(var(--section-margin-desktop) - var(--gap-desktop) - 16px) 0;
    }

    .product_slider .product_inner:not(.slick-initialized),
    .if_slider .last_blog_items:not(.slick-initialized),
    .if_slider .category_comments:not(.slick-initialized) {
        padding: 70px var(--gap-desktop) 0 0;
    }

    .product_slider .product_inner .slick-list,
    .last_blog_items .slick-list {
        padding: 16px var(--gap-desktop) 16px 0;
    }

    .two_cols .product_slider .one_good {
        width: calc(33.333% - var(--gap-desktop));
    }

    .product_inner .slick-arrow,
    .category_comments .slick-arrow,
    .faq_slider .slick-arrow,
    .if_slider.is_main .category_comments .slick-arrow,
    .last_blog_items .slick-arrow {
        top: 13px;
    }

    /* --- CATALOG LIST --- */
    .catalog_list {
        margin-bottom: var(--section-margin-desktop);
    }

    .catalog_inner {
        display: flex;
    }

    .list_wrap {
        padding: 8px 0 0 0;
        width: calc(100% - 258px);
    }

    .catalog_list .title_wrap {
        margin: 0;
        min-height: 34px;
    }

    .title_wrap.if_catalog .main_title {
        margin-right: 248px;
    }

    .title_wrap .main_title {
        z-index: 6;
    }

    .control_products {
        padding: 8px 8px 4px 8px;
        margin-bottom: 0;
    }

    .control_products.up {
        margin: -44px 0 0 -8px;
    }

    .control_products .selected_filters {
        display: flex;
        color: var(--text);
        margin: 0;
        padding: 0;
        width: 100%;
        background: none;
        align-items: center;
    }

    .selected_filters_list {
        align-items: center;
    }

    .catalog_results {
        margin: 0 16px 0 0;
        display: flex;
        font-size: 14px;
    }

    .cr_res {
        margin: 0 6px;
    }

    .clear_filters {
        margin: 0 16px 0 0;
    }

    .clear_filters .deactivate-filter {
        background: none;
        border: 1px solid var(--error);
        color: var(--text);
    }

    .clear_filters .deactivate-filter:hover {
        color: var(--text-inverse);
    }

    .ocf_title {
        font-size: 14px;
    }

    .deactivate-filter {
        padding: 4px 20px 4px 4px;
    }

    .control_products .dropdown {
        margin: 0 0 4px 16px;
    }

    .catalog_filters .selected_filters {
        display: none;
    }

    .open_menu-filter,
    .close_catalog.close_menu {
        display: none;
    }

    .catalog_filters {
        position: relative;
        left: 0;
        z-index: 4;
        width: 250px;
        flex-shrink: 0;
        box-shadow: none;
        padding: 8px 0 8px 8px;
        margin: 0 var(--margin-lt-rt) 0 0;
        justify-content: flex-start;
        border-right: 1px solid var(--border-color);
        height: auto;
        overflow: unset;
    }

    .searched_cats .tit {
        margin: 8px 0 8px -8px;
    }

    .fs_title_price {
        max-width: unset;
    }

    .menu_item-title,
    .searched_cats A {
        margin: 0 8px 0 0;
    }

    .choose_price .hidden_menu,
    .fil_slider .hidden_menu {
        margin: 8px 16px 24px 0;
    }

    .fil_slider .hidden_menu.filter_tile_photo {
        margin: 8px 16px 16px 0;
    }

    .apply_filters {
        right: -33%;
    }

    A.submit_filters {
        padding: 0 8px;
    }

    .one_but .apply_filters.for_one_but {
        width: 100%;
        left: 0;
        bottom: 0;
        margin: -1px 0 0 0;
    }

    .scroll .filter_list {
        max-height: calc(var(--adm-filter-height) * 10);
        overflow-y: auto;
    }

    .scroll.scroll_5 .filter_list {
        max-height: calc(var(--adm-filter-height) * 5);
    }

    .scroll.scroll_6 .filter_list {
        max-height: calc(var(--adm-filter-height) * 6);
    }

    .scroll.scroll_7 .filter_list {
        max-height: calc(var(--adm-filter-height) * 7);
    }

    .scroll.scroll_8 .filter_list {
        max-height: calc(var(--adm-filter-height) * 8);
    }

    .scroll.scroll_9 .filter_list {
        max-height: calc(var(--adm-filter-height) * 9);
    }

    .scroll.scroll_10 .filter_list {
        max-height: calc(var(--adm-filter-height) * 10);
    }

    .scroll.scroll_11 .filter_list {
        max-height: calc(var(--adm-filter-height) * 11);
    }

    .scroll.scroll_12 .filter_list {
        max-height: calc(var(--adm-filter-height) * 12);
    }

    .scroll.scroll_13 .filter_list {
        max-height: calc(var(--adm-filter-height) * 13);
    }

    .scroll.scroll_14 .filter_list {
        max-height: calc(var(--adm-filter-height) * 14);
    }

    .scroll.scroll_15 .filter_list {
        max-height: calc(var(--adm-filter-height) * 15);
    }

    .scroll.scroll_16 .filter_list {
        max-height: calc(var(--adm-filter-height) * 16);
    }

    .scroll.scroll_17 .filter_list {
        max-height: calc(var(--adm-filter-height) * 17);
    }

    .scroll.scroll_18 .filter_list {
        max-height: calc(var(--adm-filter-height) * 18);
    }

    .scroll.scroll_19 .filter_list {
        max-height: calc(var(--adm-filter-height) * 19);
    }

    .scroll.scroll_20 .filter_list {
        max-height: calc(var(--adm-filter-height) * 20);
    }

    .scroll.scroll_21 .filter_list {
        max-height: calc(var(--adm-filter-height) * 21);
    }

    .scroll.scroll_22 .filter_list {
        max-height: calc(var(--adm-filter-height) * 22);
    }

    .scroll.scroll_23 .filter_list {
        max-height: calc(var(--adm-filter-height) * 23);
    }

    .scroll.scroll_24 .filter_list {
        max-height: calc(var(--adm-filter-height) * 24);
    }

    .scroll.scroll_25 .filter_list {
        max-height: calc(var(--adm-filter-height) * 25);
    }

    .scroll.scroll_26 .filter_list {
        max-height: calc(var(--adm-filter-height) * 26);
    }

    .scroll.scroll_27 .filter_list {
        max-height: calc(var(--adm-filter-height) * 27);
    }

    .scroll.scroll_28 .filter_list {
        max-height: calc(var(--adm-filter-height) * 28);
    }

    .scroll.scroll_29 .filter_list {
        max-height: calc(var(--adm-filter-height) * 29);
    }

    .scroll.scroll_30 .filter_list {
        max-height: calc(var(--adm-filter-height) * 30);
    }

    /* --- Click Path --- */

    .clickpath {
        flex-wrap: wrap;
    }

    .clickpath_item {
        display: flex;
    }

    /* --- Seo categories & prices --- */
    .price_by_cat,
    .seo_by_cat,
    .cat_faq {
        margin: 32px 0 16px 0;
    }

    /* --- Product - One Item --- */
    .one_good .status_list Span {
        padding: 2px 8px;
        font-size: 14px;
        margin: 0 0 6px 0;
        font-weight: 700;
    }

    /* --- Fixed product panel --- */
    .sticky_header.product_price {
        justify-content: space-between;
    }

    .sticky_header .mpp_title {
        font-size: 15px;
        line-height: 1.2;
    }

    .sticky_header .show_price {
        order: unset;
        justify-content: center;
    }

    .sticky_header .product_btns {
        margin: 0;
    }

    .sticky_header.product_price .add_in-list A {
        margin: 0 0 0 8px;
    }

    /* Stores on Google Map */
    .all_cities {
        flex-direction: row;
        position: sticky;
        top: 70px;
        z-index: 7;
        background: var(--site-bg);
        margin: -16px 0 0 0;
        padding: 16px 0;
    }

    .menu_2 .all_cities,
    .menu_3 .all_cities {
        top: 111px;
    }

    .all_cities .centre {
        justify-content: space-between;
        align-items: center;
        display: flex;
    }

    .cities_btns {
        margin: 0 16px 0 0;
    }

    .cities_btns .btn,
    .cities_btns .btn:last-child {
        margin: 0 16px 0 0;
        min-height: 38px;
    }

    .cities_search {
        width: 300px;
    }

    .stores .together {
        flex-direction: row;
    }

    .map_main {
        width: 65%;
        height: 100%;
        position: sticky;
        top: 140px;
        margin: 0;
    }

    .menu_2 .map_main,
    .menu_3 .map_main {
        top: 182px;
    }

    .map_main_box {
        height: calc(100vh - 222px);
    }

    .all_stores {
        width: 35%;
        margin: 0;
        flex-direction: column;
        padding: 0 0 0 16px;
        align-content: flex-start;
    }

    .map_address {
        width: 100%;
        margin: 16px 0 0 0;
    }

    .map_address:first-child {
        margin: 0;
    }

    /* --- BLOG (News) --- */
    /* --- List - BLOG (News) --- */
    .blog_list {
        margin-bottom: var(--section-margin-desktop);
    }

    /* --- Details - BLOG (News) --- */
    .blog_details .product_slider .product_inner .slick-list {
        padding-bottom: unset;
    }

    /* --- Last newses of Blog --- */
    .one_blog:hover {
        box-shadow: 0 0 8px #00000024;
    }

    /* --- If Grid --- */
    .two_cols .if_grid .last_blog_items .one_blog {
        width: calc(50% - var(--gap-desktop));
        margin: 0 0 var(--gap-desktop) var(--gap-desktop);
    }
    /* --- If Slide --- */
    .two_cols .if_slider .last_blog_items:not(.slick-initialized) .one_blog {
        width: calc(50% - var(--gap-desktop));
    }

    /* All reviews in Catalog */
    /* --- If Slider --- */
    .category_comments.is_main {
        padding: 64px 8px 8px 8px;
        margin: -64px 0 0 -8px;
    }

    /* --- If Grid --- */
    .grid .category_comments.is_main {
        width: calc(100% + var(--gap-desktop));
        margin: 0 0 0 var(--gap-offset-desktop);
        padding: 0;
    }

    /* --- Contact Us - Feedback --- */
    .two_cols .contact_us.dark,
    .two_cols .contact_us.background {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* --- Template 1:  Contacts + Background --- */
    .two_cols .contact_us.background .two_mini_box {
        flex-direction: column;
        margin: 0;
    }

    .two_cols .contact_us.background .cb_mini_box {
        width: 50%;
        margin: 0 0 24px 0;
    }

    .two_cols .contact_us.background .soc_and_mes_box .cb_mini_box {
        width: 100%;
    }

    .two_cols .contact_us.background .soc_and_mes_box .cb_mini_box:last-child {
        margin: 0;
    }

    /* --- COOKIES terms Popup --- */
    .cookies {
        padding: 32px;
    }

    .cook_text {
        padding: 0 32px 0 0;
    }

    /* --- TILE ABOUT US --- */
    .tiles.about_us-tile .title_wrap {
        text-align: start;
        justify-content: flex-start;
    }

    .tiles.about_us-tile .main_title.title_h2 {
        font-size: 18px;
        text-align: start;
        justify-content: flex-start;
    }

    .tiles.about_us-tile .tiles_description {
        font-size: 16px;
        margin-bottom: 42px;
    }

    .tiles.about_us-tile .one_tile {
        width: auto;
    }

    .tiles.about_us-tile .tile_title {
        font-size: 60px;
    }

    .tiles.about_us-tile .btn.view_all {
        width: max-content;
        margin: 38px auto 0 auto;
        padding: 0 30px;
    }

    /*--- OUR ADVANTAGES ---*/

    .main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog + .tiles.about_us-tile + .tiles.our_advantages {
        padding-bottom: 93px;
        margin-bottom: 98px;
    }

    .tiles.our_advantages .title_wrap {
        margin-bottom: 25px;
    }

    .tiles.our_advantages .main_title.title_h2 {
        font-size: 18px;
        margin-bottom: 83px;
    }


    /* --- TILES STAPS --- */

    .tiles.staps {
        margin-bottom: 130px;
    }

    .tiles.staps .title_wrap {
        margin-bottom: 22px;
    }

    .tiles.staps .main_title.title_h2 {
        font-size: 18px;
        margin-bottom: 120px;
    }

    .tiles.staps .tiles_grid .one_tile:nth-child(1n + 2) {
        margin-top: 140px;
    }

    .tiles.staps .one_tile:before {
        height: calc(100% + 140px);
    }

    .tiles.staps .one_tile:nth-child(1):before {
        height: calc(50% + 140px);
    }

    .tiles.staps .one_tile:nth-child(2n + 1) {
        padding-left: calc(50% + 110px);
    }

    .tiles.staps .one_tile:nth-child(2n + 2) {
        padding-right: calc(50% + 110px);
    }

    .tiles.staps .stap_number {
        width: calc(50% - 110px);
    }

    .tiles.staps .tile_title {
        font-size: 30px;
        margin-bottom: 28px;
    }

    .tiles.staps .tile_description {
        font-size: 18px;
    }

    .tiles.staps A.btn.view_all {
        margin-top: 50px;
    }

    /* --- news component --- */

    .news_component .main_title {
        font-size: 42px;
        margin-bottom: 56px;
    }

    /* --- Tiles icons --- */

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 1),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 2),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 3) {
        margin-right: 0;
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 5) {
        margin-top: 0;
    }

    .tiles.tiles_icons .one_tile {
        flex: 0 0 calc((100% / 5) - (64px / 5));
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(5n + 1),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(5n + 2),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(5n + 3),
    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(5n + 4) {
        margin-right: 16px;
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 6) {
        margin-top: 30px;
    }

    .tiles.tiles_icons .tile_image {
        width: 72px;
        height: 72px;
    }

    /* --- tabs grid --- */

    .tabs_grid .main_title {
        margin-bottom: 74px;
    }

    .dropdown_tabs {
        margin-bottom: 47px;
    }

    .dropdown_tabs ul {
        padding: 0;
    }

    .dropdown_tabs li {
        min-height: 60px;
        font-size: 18px;
    }

    .tab_item {
        flex: 0 0 calc((100% / 2) - (130px / 2));
    }

    .tab_item:nth-child(2n + 1) {
        margin-right: 130px;
    }

    .tabs_title {
        font-size: 28px;
        margin-bottom: 52px;
    }

    * + .tabs_title {
        margin-top: 74px;
    }

    /* --- decide choose --- */

    .decide_choose .decide_content {
        padding-right: 132px;
        font-size: 18px;
    }

    .decide_choose .title {
        font-size: 42px;
        margin-bottom: 36px;
    }

    .decide_choose .text {
        margin-bottom: 50px;
    }

    .decide_choose ul {
        margin-bottom: 36px;
    }

    .decide_choose li + li {
        margin-top: 18px;
    }

    .decide_choose li::before {
        width: 32px;
        height: 32px;
        top: -3px;
    }


    /* --- main characteristics --- */

    .main_characteristics .main_title {
        margin-bottom: 50px;
    }

    .characteristics_table {
        margin-bottom: 44px;
    }

    .characteristics_table tr th {
        font-size: 20px;
        padding: 8px 20px;
        height: 68px;
    }

    .characteristics_table tr td {
        font-size: 18px;
        padding: 8px 20px;
        height: 68px;
    }

    .characteristics_table tr > th:nth-child(1),
    .characteristics_table tr > td:nth-child(1) {
        width: 28%;
    }

    .characteristics_table tr th:nth-child(1) img,
    .characteristics_table tr td:nth-child(1) img {
        display: block;
        flex: 0 0 24px;
        margin: 0 20px 0 0;
        width: 24px;
        height: 24px;
    }

    .main_characteristics .bottom_text {
        font-size: 18px;
        margin-bottom: 32px;
    }

    /* --- big tiles icons --- */

    .tiles.big_tiles_icons .title_wrap {
        margin-bottom: 46px;
    }

    .tiles.big_tiles_icons .tiles_description {
        font-size: 18px;
        margin-bottom: 66px;
    }

    .tiles.big_tiles_icons .one_tile {
        flex: 0 0 calc((100% / 3) - (100px / 3));
        padding: 48px 40px 58px 40px;
    }

    .tiles.big_tiles_icons .one_tile:nth-child(3n + 1),
    .tiles.big_tiles_icons .one_tile:nth-child(3n + 2) {
        margin-right: 50px;
    }

    .tiles.big_tiles_icons .one_tile:nth-child(1n + 4) {
        margin-top: 50px;
    }

    .tiles.big_tiles_icons .tile_image {
        margin: 0 auto 36px auto;
        width: 64px;
        height: 64px;
    }

    .tiles.big_tiles_icons .tile_title {
        font-size: 22px;
        font-weight: 600;
    }


    .zoom_wrap-popup {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .close_zoom-popup {
        width: 48px;
        height: 48px
    }

    .close_zoom-popup::before,.close_zoom-popup::after {
        width: 18px
    }

    .zoom_wrap-popup .centre {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 16px
    }

    .zoom_wrap-popup .centre>.col:nth-child(1) {
        flex: 0 0 calc(100% - 256px);
        padding-right: 20px
    }

    .zoom_big-slider .arrow {
        width: 60px;
        height: 60px
    }

    .zoom_big-slider .arrow::before {
        width: 20px;
        height: 2px
    }

    .zoom_big-slider .arrow::after {
        width: 12px;
        height: 12px;
        border-top: 2px solid var(--design-color-2);
        border-left: 2px solid var(--design-color-2)
    }

    .zoom_big-img {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .zoom_big-img .draggable-img {
        display: none
    }

    .zoom_big-img .regular_image {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

    .zoom_big-img.zoom .draggable-img {
        z-index: 2
    }

    .zoom_big-list .f-panzoom__wrapper>img.f-panzoom__content,.zoom_big-list .f-panzoom__wrapper>picture.f-panzoom__content {
        visibility: visible
    }

    .zoom_wrap-popup .centre>.col:nth-child(2) {
        flex: 0 0 256px;
        display: block;
        height: 100%
    }

    .zoom_subslider-slider {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .zoom_subslider-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        padding-right: 28px;
        margin: auto;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-behavior: smooth
    }

    .zoom_subslider-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 108px;
        aspect-ratio: 1 / 1;
        border-radius: 8px;
        overflow: hidden;
        position: relative
    }

    .zoom_subslider-img:nth-child(3n+3) {
        grid-column: 1 / 3;
        height: 228px
    }

    .zoom_subslider-img::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        border: 2px solid #fff0;
        position: absolute;
        top: 0;
        left: 0;
        transition: 0.3s
    }

    .zoom_subslider-img.active::before {
        border-color: var(--design-color-2)
    }

    .zoom_subslider-img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .video_img-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative
    }

    .click_to-zoom {
        color: var(--secondary);
        font-size: 12px;
        display: none;
        align-items: center;
        background: var(--white);
        padding: 4px 10px;
        border-radius: 8px;
        box-shadow: var(--shadow);
        position: absolute;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
        visibility: visible;
        transition: opacity 2s ease,visibility 2s ease
    }

    .click_to-zoom .icon {
        fill: var(--secondary);
        width: 16px;
        height: 16px;
        margin: 0 8px 0 0
    }

    .zoom_wrap-popup:not(.hidden) .click_to-zoom {
        animation: hideChild 2.5s forwards
    }

    @keyframes hideChild {
        0% {
            opacity: 1;
            visibility: visible
        }

        79.9% {
            opacity: 1;
            visibility: visible
        }

        80% {
            opacity: 1;
            visibility: visible
        }

        100% {
            opacity: 0;
            visibility: hidden
        }
    }

    .zoom_subslider-img.video .video_img-wrap::before {
        content: "";
        width: 36px;
        height: 36px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 50%;
        box-shadow: var(--shadow);
        z-index: 1
    }

    .zoom_subslider-img.video .video_img-wrap::after {
        content: "";
        margin-left: 2px;
        width: 16px;
        height: 16px;
        border-left: 16px solid #333;
        border-top: 8px solid #fff0;
        border-bottom: 8px solid #fff0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2
    }

    .zoom_subslider-img.video img {
        width: 75px;
        height: 75px;
        object-fit: contain
    }

    @media (hover: hover) {
        .close_zoom-popup:hover {
            background-color:#DDD
        }

        .zoom_big-slider .arrow:hover {
            background-color: var(--design-color-2)
        }

        .zoom_big-slider .arrow:hover::before {
            background-color: #fff
        }

        .zoom_big-slider .arrow:hover::after {
            border-color: #fff
        }
    }

    /* --- Decide tile --- */

    .tiles.decide_tile .title_wrap {
        margin-bottom: 52px;
    }

    .tiles.decide_tile .main_title.title_h2 {
        font-size: 18px;
        margin-bottom: 48px;
    }

    .tiles.decide_tile .tiles_description {
        font-size: 18px;
        margin-bottom: 48px;
    }

    .tiles.decide_tile .tiles_grid {
        margin-bottom: 36px;
    }

    .tiles.decide_tile .tile_title {
        font-size: 18px;
        min-height: 32px;
        padding-left: 48px;
    }

    .tiles.decide_tile .tile_title::before {
        width: 32px;
        height: 32px;
    }

    .tiles.decide_tile .tiles_grid .one_tile:nth-child(1n + 2) {
        margin-top: 12px;
    }

    .tiles.decide_tile A.btn.view_all {
        padding-left: 30px;
        padding-right: 30px;
    }

    .tiles.decide_tile A.btn.view_all::after {
        margin: 0 0 0 14px;
    }

    /* --- 404 --- */
    .page_404 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .text_404 {
        position: relative;
    }

    .text_404_num {
        font-size: 220px;
    }

    .text_404_title {
        font-size: 24px;
        margin: 0;
        width: 200px;
        text-align: start;
        position: absolute;
        top: 50%;
        left: calc(100% + 64px);
        transform: translateY(-50%);
    }

    .text_404_title .mob {
        display: none;
    }

    .text_404_title .desk {
        display: block;
    }
}

@media (min-width:1166px) {

}

@media (min-width:1200px) {

    body {
        padding-top: 120px;
    }

    /* .styled_input .title {
        display: block;
    } */

    /* .styled_input Input[type=text]::placeholder,
    .styled_input Input[type=password]::placeholder,
    .styled_input Input[type=email]::placeholder,
    .styled_input Input[type=tel]::placeholder,
    .styled_input Input[type=number]::placeholder,
    .styled_input Input[type=search]::placeholder,
    .styled_input Textarea::placeholder,
    .styled_input Select::placeholder {
        font-size: 0;
    } */

    /* --- Main Slider --- */
    .main_slider_item .H1 {
        font-size: 65px;
        margin-bottom: 35px;
    }

    .main_slider_item.small_title .H1 {
        font-size: 48px;
        margin-bottom: 28px;   
    }

    /* --- If Two Col --- */
    /* --- Footer in Left Col --- */
    .main_aside .nav_and_contacts {
        flex-direction: column;
    }

    .main_aside .footer_nav {
        margin: 0;
        width: 100%;
    }

    .main_aside .footer_contacts {
        width: 100%;
    }

    /* --- Store window Slider --- */
    .two_cols .product_slider .one_good {
        width: calc(25% - var(--gap-desktop));
    }

    /* --- Last newses of Blog --- */
    /* --- If Grid --- */
    .two_cols .if_grid .last_blog_items .one_blog {
        width: calc(33.333% - 16px);
        margin: 0 0 16px 16px;
    }

    /* --- Last viewed on Main page - if Grid (If Two Col) --- */
    .two_cols .product_grid .one_good:nth-child(4) {
        display: block;
    }

    .two_cols .product_grid .one_good:nth-child(5) {
        display: none;
    }

    .two_cols .product_grid .all .one_good:nth-child(5) {
        display: block;
    }

    /* --- Main HEADER --- */
    .btn_header.shopping_cart {
        width: auto;
        padding: 0 8px;
    }

    .shopping_sum {
        display: block;
        width: max-content;
        margin: 0 0 0 12px;
        font-size: 14px;
        color: var(--text-inverse);
        text-decoration: none;
    }

    .desktop .select_city {
        display: flex;
        margin: 0 0 0 16px;
    }

    .menu_header .for_select_city {
        display: none;
    }

    /* --- Main Slider --- */
    .main_slider_container.main_page-slider:nth-child(1) {
        margin-top: -34px;
    }

    .main_slider_container {
        --current-items: var(--items);
    }

    /* --- Categories --- */
    /* --- Tiles --- */
    .one_cat {
        width: calc(20% - var(--gap-desktop));
    }

    .cat_title {
        font-size: 18px;
    }

    /* --- Tiles - If two cols --- */
    .two_cols .one_cat {
        width: calc(25% - var(--gap-desktop));
    }

    /* --- List (with SUB categories) - If two cols --- */
    .two_cols .list_info .one_cat {
        width: calc(33.333% - var(--gap-desktop));
    }

    /* --- Tile Universal --- */

    /* --- Store window Slider --- */
    .product_slider .one_good {
        width: calc(20% - var(--gap-desktop));
    }

    /* --- Main FOOTER --- */
    .nav_and_contacts {
        flex-direction: row;
    }

    .footer_nav {
        margin: 0 auto 0 0;
        width: 59%;
    }

    .menu_element {
        border-bottom: none;
    }

    .footer_contacts {
        width: 31%;
    }

    .footer_contacts .whap_hidden {
        flex-direction: column;
    }

    .hours_work {
        margin: 0;
    }

    
    /* --- Last viewed on Main page - if Grid --- */
    .product_grid .one_good:nth-child(5) {
        display: block;
    }

    .product_grid .one_good {
        width: calc(20% - var(--gap-desktop));
    }

    .two_cols .product_grid .one_good {
        width: calc(25% - var(--gap-desktop));
    }

    /* --- FAQ --- */
    /* --- If Slider --- */
    .if_slider .faq_slider:not(.slick-initialized) .one_question {
        width: calc(50% - var(--gap-desktop));
    }

    .faq .faq_slider .faq_answer {
        width: 100%;
        padding: 8px 24px 32px 24px;
    }

    /* --- Contact Us - Feedback --- */
    .contact_us .description {
        margin: 0 0 32px 0;
    }

    .first_label {
        font-size: 17px;
    }

    /* --- Template 1:  Contacts + Background --- */
    .two_mini_box,
    .soc_and_mes_box .cb_mini_box {
        margin: 0 0 32px 0;
    }

    .cb_info.for_socs A {
        width: 64px;
        height: 64px;
    }

    .for_socs A svg.icon {
        width: 24px;
        height: 24px;
    }

    /* --- Template 2:  Contacts + Photo --- */
    .rtl.contact_us.photo .contact_box {
        padding: 0 0 0 32px;
    }

    .contact_us.photo .two_mini_box {
        flex-direction: row;
    }

    .two_cols .contact_us.photo .two_mini_box {
        flex-direction: column;
        margin: 0;
    }

    .contact_us.photo .cb_mini_box {
        width: 50%;
        margin: 0;
    }

    .two_cols .contact_us.photo .cb_mini_box {
        width: 100%;
        margin: 0 0 24px 0;
    }

    .contact_us.photo .soc_and_mes_box .cb_mini_box {
        width: 100%;
        margin: 0 0 32px 0;
    }

    .contact_us.photo .soc_and_mes_box .cb_mini_box:last-child {
        margin: 0;
    }

    .contact_us.photo .background_sign {
        margin: 12px 0 0 0;
    }

    /* --- Template 3:  Feedback + Background --- */
    .for_feed .feed_box,
    .for_feed.background .title_wrap,
    .for_feed.background .description {
        width: 50%;
    }

    /* --- Template 4:  Contacts + Feedback --- */
   

    /* --- SITE HEADER --- */

    .site_header {
        height: 86px;
    }

    .site_header .logo_wrap {
        width: 212px;
    }

    .header_menu-wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        width: auto;
        height: auto;
        background-color: transparent;
        position: relative;
        top: auto;
        left: auto;
        overflow: unset;
        opacity: 1;
        visibility: visible;
    }

    .catalog_btn-wrap {
        position: relative;
    }

    .catalog_btn-wrap .catalog_btn {
        font-size: 16px;
        margin: 0 32px 0 0;
        transition: color 0.3s;
        cursor: pointer;
    }

    .catalog_btn-wrap:hover .catalog_btn,
    .catalog_btn-wrap .catalog_btn:hover {
        color: var(--design-color-6);
    }

    .catalog_btn-wrap .catalog_btn .icon:nth-child(3) {
        display: none;
    }

    .catalog_btn-wrap .catalog_btn:hover + .menu.menu_1 {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .menu.menu_1 {
        margin-bottom: 0;
        padding: 28px 34px;
        width: 386px;
        display: flex;
        height: auto;
        max-height: unset;
        position: absolute;
        top: 59px;
        left: -80px;
        border: 1px solid var(--base-color-4);
        background-color: var(--base-color-1);
        box-shadow: 0px 10px 35px 0px #00000040;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-25px);
        transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
    }

    .menu.menu_1::before {
        content: "";
        width: 100%;
        height: 26px;
        position: absolute;
        bottom: 100%;
        left: 0;
    }

    .catalog_btn-wrap .catalog_btn:hover + .menu.menu_1,
    .menu.menu_1:hover {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .menu UL LI + LI {
        margin-top: 16px;
    }

    .menu LI A {
        text-align: start;
        justify-content: flex-start;
        transition: color 0.3s;
    }

    .menu LI A:hover {
        color: var(--design-color-6);
    }

    .top_menu {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        margin: 0 32px 0 0;
        padding: 0;
        /* border-right: 1px solid var(--base-color-4); */
        border-bottom: none;
        position: relative;
    }

    .top_menu::before {
        content: "";
        width: 1px;
        height: 36px;
        background-color: var(--base-color-6);
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .top_menu li {
        margin-right: 32px;
    }

    .top_menu li + li {
        margin: 0 32px 0 0;
    }

    .top_menu a {
        font-size: 16px;
        font-weight: 500;
    }

    .top_menu a:hover {
        color: var(--design-color-6);
    }

    .header_menu-wrap .header_phone {
        flex-direction: row;
        align-items: center;
        margin: 0 30px 0 0;
        padding: 0;
        border-bottom: none;
        position: relative;
    }

    .header_menu-wrap .header_phone .main_phone {
        display: flex;
        align-items: center;
    }

    .header_menu-wrap .header_phone .main_phone .icon {
        margin: 0 12px 0 0;
        width: 24px;
        height: 24px;
        fill: var(--design-color-6);
    }

    .header_menu-wrap .header_phone .main_phone a {
        text-decoration: none;
        font-size: 18px;
        font-weight: 700;
        color: var(--base-color-9);
        transition: color 0.3s;
    }

    .header_menu-wrap .header_phone .main_phone a:hover {
        color: var(--design-color-6);
    }

    .header_menu-wrap .header_phone .phone_trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 8px;
        padding: 0;
        width: 26px;
        height: 26px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .header_menu-wrap .header_phone .phone_trigger .icon {
        width: 22px;
        height: 22px;
        transition: transform 0.3s, fill 0.3s;
    }

    .header_menu-wrap .header_phone .phone_trigger:hover .icon {
        fill: var(--design-color-6);
    }

    .header_menu-wrap .header_phone .phone_trigger.active .icon {
        transform: rotate(180deg);
    }

    .header_menu-wrap .phone_box {
        display: flex;
        width: 100%;
        height: auto;
        position: absolute;
        top: calc(100% + 12px);
        left: 0;
        padding: 10px;
        background-color: var(--base-color-1);
        box-shadow: 0px 10px 35px 0px #00000040;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
    }

    .header_menu-wrap .phone_box.active {
        opacity: 1;
        visibility: visible;
    }

    .header_menu-wrap .one_phone .icon {
        display: none;
    }

    .header_menu-wrap .one_phone a {
        font-size: 16px;
        font-weight: 400;
        transition: color 0.3s;
    }

    .header_menu-wrap .one_phone a:hover {
        color: var(--design-color-6);
    }

    .select_language a {
        margin: 0 0 0 10px;
        border: 2px solid var(--base-color-9);
        transition: opacity 0.3s;
    }

    .select_language a:not(.active):hover {
        opacity: 0.5;
    }

    .btn_menu {
        display: none;
    }

    /* --- BLOG (News) --- */

    .last_blogs {
        margin-bottom: 145px;
    }

    .last_blogs .title_wrap {
        margin-bottom: 83px;
    }

    .last_grid {
        grid-template-columns: calc(48% - 25px) calc(52% - 25px);
        gap: 50px;
    }

    .last_item .blog_name {
        margin-bottom: 22px;
    }

    .last_item .blog_text {
        line-height: 1.3;
    }

    .last_item:nth-child(1) .blog_image {
        margin-bottom: 38px;
    }

    .last_item .time {
        margin-bottom: 24px;
    }

    .last_item:nth-child(1) .blog_name {
        font-size: 22px;
        margin: 0 0 26px 0;
    }

    .last_item:nth-child(1) .blog_text {
        font-size: 16px;
        line-height: 1.3;
    }

    .last_grid .last_item:not(:first-child) .blog_image {
        flex: 0 0 200px;
        width: 200px;
        height: 200px;
        margin: 0 46px 0 0;
    }

    /* --- news component --- */

    .news_item:nth-child(1n + 2) {
        margin-top: 50px;
    }

    .news_item:nth-child(2),
    .news_item:nth-child(3),
    .news_item:nth-child(4),
    .news_item:nth-child(5) {
        width: calc(50% - 25px);
        padding: 0;
    }

    .news_item:nth-child(3),
    .news_item:nth-child(5) {
        margin-left: 50px;
    }

    .news_item:nth-child(1n + 2) .blog_image {
        flex: 0 0 200px;
        width: 200px;
        min-height: 200px;
    }

    .news_item:nth-child(1n + 2) .content {
        padding: 16px 16px 16px 32px;
    }

    .news_item-row {
        margin-top: 0;
    }

    .news_item:nth-child(1n + 2) .blog_name {
        font-size: 18px;
        margin-bottom: 16px;
    }

    /* --- advantages staps --- */

    .tiles.advantages_staps .title_wrap {
        font-size: 42px;
        font-weight: 500;
    }

    .tiles.advantages_staps .main_title.title_h2 {
        font-size: 18px;
        margin-bottom: 72px;
    }

    .tiles.advantages_staps .tiles_grid .one_tile {
        flex: 0 0 calc((100% / 3) - (100px / 3));
        padding: 30px;
    }

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(3n + 1),
    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(3n + 2) {
        margin-right: 50px;
    }

    .tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 4) {
        margin-top: 50px;
    }

    .tiles.advantages_staps .tile_title {
        font-size: 22px;
    }

    .tiles.advantages_staps .tile_title b {
        font-size: 24px;
        line-height: 22px;
    }

    .tiles.advantages_staps .tile_description {
        margin-top: 30px;
    }

    /* --- Tiles icons --- */

    .tiles.tiles_icons .title_wrap .main_title {
        margin-bottom: 34px;
    }

    .tiles.tiles_icons .main_title.title_h2 {
        margin-bottom: 130px;
    }

    .tiles.tiles_icons .tiles_description {
        margin-bottom: 130px;
    }

    .tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 6) {
        margin-top: 88px;
    }

    .tiles.tiles_icons .tile_image {
        margin: 0 auto 40px auto;
    }

    .tiles.tiles_icons .tile_title {
        font-size: 18px;
    }

}

@media (min-width:1280px) {

    /* --- Main Slider --- */
    .main_slider_container {
        --current-items: var(--items, 1);
    }

    .two_cols .main_slider_container {
        --current-items: min(var(--items, 1), 4);
    }

    /* --- main search panel --- */
    .search_wrap Input {
        padding: 0 126px 0 34px;
    }

    .search_wrap .icon.if_desktop {
        display: flex;
        position: absolute;
        top: 10px;
        left: 8px;
        fill: var(--gray-light);
        width: 18px;
        height: 18px;
    }

    .search_wrap A.clear {
        right: 82px;
    }

    .search_wrap .search_btn {
        width: 82px;
        text-decoration: none;
        color: var(--text-inverse);
    }

    .main_header .search_btn Span {
        display: flex;
    }

    .main_header .search_btn .icon {
        display: none;
    }

    .catalog_btn,
    .desktop .select_city {
        margin: 0 0 0 32px;
    }

    .search_wrap {
        margin: 0 32px;
    }

    /* --- Menu variant 4 --- Button "Catalog" -> 1 level -> 2 & 3 levels + Popular Categories --- */
    /* !!! - When using this template, you need to make changes in script contained in Menu -> Catalog_menu_4_tpl.php:
    height of menu_item1, menu_item2, menu_item3, menu_item_margin, menu_block_margin - !!!*/
    .menu.menu_4 .one_col.popular {
        flex-direction: column;
        width: 278px;
        display: flex;
    }

    .menu.menu_4 .next_level.popular .one_col {
        width: 25%;
    }

    .menu.menu_4 .one_col .ul_2 {
        padding: 8px 0 8px 16px;
    }

    .two_cols .menu.menu_4 .one_col .ul_2 {
        padding: 16px 0 8px 16px;
    }

    .menu.menu_4 .one_col.popular .ul_2 {
        background: var(--orange_light);
        padding: 0 8px 8px 8px;
        margin: 16px 0 8px 8px;
        border-radius: var(--border-radius);
        height: 100%;
        width: calc(100% - 8px);
    }

    .menu.menu_4 .one_col.popular .ul_2 LI {
        display: flex;
    }

    .menu.menu_4 .one_col.popular .ul_2 .title {
        font-size: 14px;
        padding: 8px 8px 4px 8px;
        color: var(--orange);
    }

    .menu.menu_4 .one_col.popular .ul_2 A {
        font-size: 14px;
        padding: 4px 8px 4px 24px;
        color: var(--text-light);
        width: 100%;
    }

    .menu.menu_4 .one_col.popular .ul_2 A:hover {
        color: var(--btn-bg-hover);
    }

    .menu.menu_4 .one_col.popular .ul_2 A::before {
        background: linear-gradient(90deg, color-mix(in srgb, var(--orange_light) 0%, transparent) 0%, var(--orange_light) 100%);
    }

    .menu.menu_1 .ul_2 A.has_arrow::before {
        display: flex;
        border-radius: unset;
        transform: unset;
    }

    /* --- Product - One Item --- */
    .catalog_grid .one_good:nth-child(1n + 3) {
        margin-top: 0;
    }

    .catalog_grid .one_good:nth-child(2n + 1) {
        margin-right: 0;
    }
        
    .catalog_grid .one_good {
        flex: 0 0 calc((100% / 3) - (100px / 3));
    }

    .catalog_grid .one_good:nth-child(1n + 4) {
        margin-top: 50px;
    }

    .catalog_grid .one_good:nth-child(3n + 1),
    .catalog_grid .one_good:nth-child(3n + 2) {
        margin-right: 50px;
    }

    .one_good .product_name {
        font-size: 20px;
        margin: 0 0 24px 0;
        transition: color 0.3s;
    }

    .one_good .product_name:hover {
        color: var(--design-color-6);
    }

    .one_good .product_location {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .one_good .product_signs {
        font-size: 16px;
    }

    .one_good .main_price {
        font-size: 24px;
    }

    .products_mini .one_good .main_price {
        font-size: 18px;
    }

    /* --- Categories --- */
    .category {
        margin-bottom: 0;
    }

    /* --- Tiles - Category --- */
    /* --- Tiles Category - If two cols --- */
    .two_cols .one_cat {
        width: calc(25% - var(--gap-desktop));
    }

    /* --- Rows - Category & List (with SUB categories) --- */
    .row_list .one_cat,
    .list_info .one_cat {
        width: calc(25% - var(--gap-desktop));
    }
    
    .row_list a.one_cat .cat_title,
    .list_info a.one_cat .cat_title {
        transition: color 0.3s;
    }

    .row_list a.one_cat:hover .cat_title,
    .list_info a.one_cat:hover .cat_title {
        color: var(--design-color-6);
    }

    /* --- Rows - If two cols --- */
    .two_cols .row_list .one_cat {
        width: calc(33.333% - var(--gap-desktop));
    }

    /* --- Tile Universal --- */

    /* --- If Two Col on Main page --- */
    .two_cols .one_tile {
        width: calc(33.333% - var(--gap-desktop));
    }

    /* --- Store window Slider --- */
    .product_slider .one_good {
        padding: 16px;
    }

    /* All reviews in Catalog */
    /* --- If Slider --- */
    .if_slider .category_comments.is_main:not(.slick-initialized) .one_review {
        width: calc(33.333% - var(--gap-desktop));
    }

    /* --- If Grid --- */
    .category_comments .one_review {
        width: calc(33.333% - var(--gap-desktop));
    }

    /* --- FAQ --- */
    /* --- If Grid --- */
    .faq .one_question,
    .cat_faq .one_question {
        align-items: flex-end;
    }

    .cat_faq .open DD {
        padding: 8px 8px 16px 0;
    }

    /* --- Pagination --- */
    .for_load_more {
        
    }

    .pages_list A,
    .pages_list Span {
        min-width: 42px;
        height: 42px;
    }

    .pages_btn {
        min-width: 64px;
        height: 42px;
    }

    .pages_btn.has_arrow::before,
    .pages_btn.has_arrow::after {
        top: 23px;
        right: calc(50% - 8px);
        width: 16px;
        height: 3px;
    }

    .pages_btn.has_arrow::after {
        top: 13px;
    }

    /* Stores on Google Map */
    .all_stores {
        padding: 0 0 0 32px;
        flex-direction: row;
    }

    /* --- Contact Us - Feedback --- */
    /* --- Template 1:  Contacts + Background --- */
    .two_cols .contact_us.background .two_mini_box {
        flex-direction: row;
        margin: 0 0 32px 0;
    }

    .cb_mini_box {
        width: 25%;
    }

    .two_cols .contact_us.background .cb_mini_box {
        width: 33.333%;
        margin: 0;
    }

    /* --- Blog --- */
    .one_blog {
        width: calc(25% - var(--gap-desktop));
    }

    /* --- Last News - BLOG (News) --- */
    /* --- If Slide --- */
    .two_cols .if_slider .last_blog_items:not(.slick-initialized) .one_blog {
        width: calc(33.333% - var(--gap-desktop));
    }
}

@media (min-width:1332px) {

    /* --- Main HEADER --- */
    /* --- Phones - Main header --- */
    .header_phone {
        flex-shrink: 0;
    }

    .btn_header.phone_trigger {
        order: 2;
    }

    .no_drop .btn_header.phone_trigger {
        display: none;
    }

    .btn_header.phone_trigger.active {
        background: var(--main-color-light);
    }

    .btn_header.phone_trigger::before,
    .btn_header.phone_trigger::after {
        display: flex;
        background: var(--white);
    }

    .btn_header.phone_trigger.active::before {
        transform: rotate(45deg);
    }

    .btn_header.phone_trigger.active::after {
        transform: rotate(-45deg);
    }

    .btn_header.phone_trigger .icon,
    .header_phone .popup_close {
        display: none;
    }

    /* --- If MINI Product --- */
    .products_mini .product_grid .one_good:nth-child(7) {
        display: block;
    }

    .products_mini .product_grid .one_good,
    .products_mini .product_inner .one_good {
        width: calc(14.285% - var(--gap-desktop));
    }

    /* --- If Two Col MINI Product & Mini in Slider --- */
    .two_cols .products_mini .product_grid .one_good:nth-child(6) {
        display: block;
    }

    .two_cols .products_mini .product_grid .one_good:nth-child(7) {
        display: none;
    }

    .two_cols .products_mini .product_grid .all .one_good:nth-child(7) {
        display: block;
    }

    .two_cols .products_mini .product_grid .one_good,
    .two_cols .products_mini .product_inner .one_good {
        width: calc(16.666% - var(--gap-desktop));
    }

    /* --- Tiles Category - If two cols --- */
    .two_cols .one_cat {
        width: calc(20% - var(--gap-desktop));
    }

    /* --- Popular articles --- */

    .popular_articles-slider {
        width: calc(100% + 30px);
        margin: 0 -15px;
    }

    .popular_articles-slider::before,
    .popular_articles-slider::after {
        width: 14px;
    }

    .popular_articles-slider:not(.slick-initialized) .popular_articles-item {
        flex: 0 0 calc(calc(100% / 3) - 30px);
    }

    .popular_articles-item {
        margin: 0 15px;
    }

    .popular_articles-item .content {
        padding: 24px;
    }

    /* --- Decide tile --- */

    .tiles.decide_tile .title_wrap {
        padding-right: 516px;
    }

    .tiles.decide_tile .main_title.title_h2 {
        padding-right: 516px;
    }
    .tiles.decide_tile .tiles_description {
        padding-right: 516px;
    }

    .tiles.decide_tile .tiles_grid {
        padding-right: 516px;
    }

    .tiles.decide_tile .tile_background {
        padding: 0;
        width: 508px;
        left: calc(50% + 158px);
    }

    .tiles.decide_tile A.btn.view_all {
        margin-left: calc((100% - var(--content-width)) / 2 + 16px);
    }
}