@media (min-width: 480px) {
    .banner_main {
        margin-top: 0
    }

    .popup {
        padding: 35px;
    }

    .close_popup {
        top: 32px;
        right: 32px;
    }

    .popup_header {
        margin: -35px -35px 23px -35px;
        padding: 35px 35px 30px 35px;
        width: calc(100% + 70px);
    }

    .popup_title {
        font-size: 18px;
    }
    
    .popup_title svg {
        width: 26px;
        height: 26px;
    }

    .callback_popup.popup .popup_title {
        font-size: 24px;
    }

    .modal_title {
        margin-bottom: 22px;
    }

    #cart.modal_cart.popup .add_item img {
        width: 102px;
        height: 102px;
    }

    #cart.modal_cart.popup .add_item {
        padding-left: 122px;
        min-height: 124px;
    }

    #cart.modal_cart.popup .item_link {
        font-size: 18px;
        line-height: 20px
    }

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

    .logo_wrap {
        margin: 0
    }

    .header_top-inner {
        display: flex;
        align-items: center;
        height: 50px
    }

    .toggle_language {
        display: flex;
        height: 100%
    }

    .toggle_language a {
        font-weight: 700;
        font-size: 13px;
        line-height: 20px;
        padding: 4px 7px;
        margin-top: -13px;
        text-transform: uppercase;
        display: block;
        background-color: #e4e7e6;
        color: var(--text-color);
        padding: 3px 5px;
        text-decoration: none;
        height: max-content;
        transition: .3s
    }

    .toggle_language a.active {
        background-color: var(--sub_main-color);
        color: var(--text-contrast)
    }

    .header_bottom {
        height: 50px
    }

    .open_menu, .header_bottom {
        height: 60px
    }

    .main_menu .language_menu {
        display: none
    }

    .one_good {
        padding: 0 20px
    }

    .product_info {
        grid-template-columns:1fr 1fr
    }

    .price_wrap .old_price {
        font-size: 16px;
        line-height: 18px
    }

    .price_wrap .product_price {
        font-size: 18px
    }

    .bottom_product.wait_product .btn {
        font-size: 16px;
        line-height: 20px
    }

    .product_info .add_to {
        font-size: 12px
    }

    .product_name {
        height: 55px;
        -webkit-line-clamp: 3
    }

    .product_info .add_to svg {
        margin: 0 8px 0 0
    }

    .simple_box_nav a {
        padding: 0 15px 10px 15px
    }

    .catalog-grid .one_good .product_info .add_to {
        position: relative;
        right: auto
    }

    .catalog-grid .one_good .product_info .add_to.add_wish, .catalog-grid .one_good .product_info .add_to {
        top: auto
    }

    .catalog-grid {
        border: 1px solid var(--border-color)
    }

    .paginator ul a, .paginator ul span {
        width: 40px;
        height: 40px
    }

    .catalog-grid {
        padding-top: 0
    }

    .catalog-grid .one_good .product_info .rating {
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 10px;
        margin-bottom: 18px
    }

    .catalog-list .one_good {
        grid-template-columns:220px 1fr;
        grid-column-gap: 20px;
        border-bottom: 1px solid var(--border-color)
    }

    .catalog-list .images_wrap {
        grid-row: 1/5
    }

    .catalog-list .hover_product {
        display: block;
        visibility: visible;
        opacity: 1;
        grid-column: 2/3;
        grid-row: 2/3
    }

    .catalog-list .photo_list li {
        width: 30px;
        height: 30px
    }

    .catalog-list .product_info {
        padding-bottom: 0;
        border-bottom: none
    }

    .catalog-list .image_product {
        height: 120px
    }

    .select_news .select_one {
        width: 170px;
        margin: 10px
    }

    .wish_grid {
        grid-row-gap: 40px;
        padding: 15px 10px 0 10px;
        border: 1px solid var(--border-color);
        border-bottom: none
    }

    .wish_grid .one_good::after {
        bottom: -20px
    }

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

    .cons_cat_col {
        padding: 0 15px;
        flex: 1 1 50%;
        max-width: 325px
    }

    .cons_cat_img_wrap {
        height: 370px
    }

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

    .products_slider-list.slick-initialized .product_info .add_to {
        position: relative;
        top: auto;
        right: auto
    }

    .products_slider-list.slick-initialized .product_info .add_to.scale_list {
        position: relative;
        top: auto;
        right: auto
    }

    .bottom_product {
        grid-column-gap: 15px
    }

    .search_catalog_wrap .catalog-grid .one_good:nth-child(1), .search_catalog_wrap .catalog-grid .one_good:nth-child(2) {
        border-top: none
    }

    .catalog-list .product_info::before {
        display: none
    }

    .products_slider-list .product_info .rating, .wish_grid .product_info .rating {
        flex-wrap: wrap
    }

    /* ---------- NEW STYLES ------- */

    .how_it_works-list {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .step_item {
        width: calc((100% - 16px) / 2);
        margin-bottom: 16px;
    }

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

    .step_item + .step_item {
        margin-top: 0;
    }

    .text_404_title {
        font-size: 40px;
    }

    .to_main-page {
        font-size: 40px;
    }

    .popup_counter-inner input {
        font-size: 15px;
        width: 56px;
        height: 38px;
    }

    .popup_counter-inner a {
        width: 38px;
        height: 38px;
    }

    .popup_counter-inner a::before,
    .popup_counter-inner a.plus::after {
        width: 16px;
    }

    .counter-old_price {
        font-size: 16px;
    }

    .one_price {
        font-size: 22px;
    }

    .tiles_grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 640px) {
    .open_search {
        display: none
    }

    .search_header {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-left: 20px
    }

    .header-dropdown:nth-child(4) .header_open::before {
        display: none
    }


    .header_contact {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 10px;
        padding-left: 56px;
        height: 52px;
        width: max-content;
        position: relative;
        z-index: 9
    }

    .header_contact.active {
        z-index: 9
    }

    .header_contact .icon {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        fill: var(--main-color);
        width: 34px;
        height: 34px;
        z-index: 10
    }

    .main_phone-wrap {
        position: relative;
        padding-right: 25px;
        margin-bottom: 4px;
    }

    .main_phone {
        white-space: nowrap;
        font-size: 20px;
        line-height: 1.4;
        color: var(--base-color-1);
        text-decoration: none;
        transition: .3s
    }

    .main_phone:hover {
        color: var(--sub_main-color)
    }

    .open_phones {
        font-size: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
        cursor: pointer;
    }

    .open_phones::before {
        content: "";
        width: 8px;
        height: 8px;
        border-bottom: 2px solid var(--base-color-1);
        border-right: 2px solid var(--base-color-1);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        transition: .3s;
        opacity: 0.5;
        z-index: -1
    }

    .header_contact.active .open_phones::before {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-135deg)
    }

    .header_call-back {
        font-size: 12px;
        line-height: 14px;
        width: max-content;
        letter-spacing: .3px
    }

    .header_call-back:hover {
        text-decoration-style: unset;
        color: var(--sub_main-color);
        border-color: var(--sub_main-color)
    }

    .main_menu .phone_header {
        display: none
    }

    .main_menu .header_call-back {
        display: none
    }

    .main_menu nav {
        margin-bottom: 0
    }

    .image_product {
        height: 180px
    }

    .gift_wrap {
        display: flex
    }

    .product_status > span {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .catalog-list .product_info {
        margin-right: auto;
        width: max-content;
        margin-top: 10px
    }

    .catalog-list .photo_list li {
        width: 60px;
        height: 60px
    }

    .news_inner.news-grid {
        grid-template-columns:1fr 1fr
    }

    .news_inner.news-list figure {
        display: flex;
        align-items: center
    }

    .news_inner.news-list .news_image {
        flex: 0 0 330px;
        margin: 0 30px 0 0
    }

    .news_inner.news-list .news_title {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 1px
    }

    .news_inner.news-list .news_title:hover {
        color: var(--main-color)
    }

    .news_inner.news-list .news_info {
        margin-left: 0;
        margin-right: 0
    }

    .comment_form_field {
        grid-template-columns:1fr 1fr;
        align-items: center
    }

    .comment_form_field .check_comment {
        grid-column: 2/3;
        grid-row: 2/3
    }

    .check_comment {
        margin-top: 0;
        margin-left: 40px
    }

    .comment_form_btn {
        display: flex;
        align-items: center
    }

    .comment_form_btn .btn {
        margin-bottom: 0;
        margin-right: 20px
    }

    .compare_one {
        width: 328px;
        flex: 1 0 328px
    }

    .cons_grid {
        grid-template-columns:repeat(4, 1fr)
    }

    .cons_modal {
        padding: 36px 35px 57px 35px
    }

    .compare_btns {
        bottom: -430px
    }

    /* ---------- NEW STYLES ------- */

    .preference {
        font-size: 16px;
    }

    .should_use-list {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .should_use-item {
        width: calc((100% - 16px) / 2);
    }

    .should_use-item:nth-child(2n + 1) {
        margin-right: 16px;
    }
    .products_wrap {
        grid-template-columns: 1fr 1fr;
    }
}


@media (min-width: 768px) {
    .clickpath .current {
        display: block
    }

    .banner_slider .slick-prev {
        left: 30px
    }

    .banner_slider .slick-next {
        right: 30px
    }

    .all_categories {
        right: 60px;
        padding-right: 45px;
        transition: .3s
    }

    .all_categories::before {
        width: 7px;
        height: 7px;
        right: 20px;
        transition: .3s
    }

    .all_categories:hover {
        color: var(--text_main-color)
    }

    .all_categories:hover::before {
        border-color: var(--text_main-color)
    }

    .search_btn {
        width: 60px
    }

    .search_categories {
        width: 200px
    }

    .footer_site {
        padding: 66px 0 36px 0;
    }

    .footer_info-text {
        text-align: start;
        max-width: 400px;
    }

    .footer_site > .centre {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        grid-column-gap: 20px;
        padding-bottom: 50px;
        margin-bottom: 30px;
        position: relative;
    }

    .footer_site > .centre::before {
        content: "";
        width: calc(100% - 32px);
        height: 1px;
        background-color: var(--base-color-1);
        opacity: 0.4;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .work_time {
        align-items: flex-start;
        grid-column: 1/2;
        grid-row: 1/3;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .work_time::before {
        display: none;
    }

    .work_time-inner {
        align-items: flex-start;
    }

    .work_title {
        text-align: start;
    }

    .work_text li span {
        text-align: start;
    }

    .work_text li span:nth-child(1) {
        padding: 0 3px 0 0;
    }

    .work_text li span:nth-child(2) {
        padding: 0 0 0 3px;
    }

    .footer_nav {
        grid-column: 2/4;
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        grid-row-gap: 36px;
        grid-column-gap: 20px;
    }

    .footer_inner {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .footer_inner::before {
        display: none;
    }


    .footer_inner ul li {
        justify-content: flex-start;
    }

    .footer_inner ul li + li {
        margin-top: 18px;
    }

    .footer_inner ul a {
        text-align: start;
        font-size: 16px;
    }

    .footer_inner ul.contact_list a {
        font-size: 20px;
        font-weight: 700;
        color: var(--text-contrast);
    }

    .footer_inner ul.contact_list a.email {
        font-size: 18px;
        font-weight: 400;
    }

    .footer_hidden {
        display: block
    }

    .footer_title {
        text-align: start;
    }

    .footer_title::before {
        display: none
    }

    .footer_inner.footer_inner-not_list {
        display: none
    }

    .footer_inner.mob_hidden {
        display: block
    }

    .add_item .image_product-wrap {
        grid-row: 1/4;
        margin-bottom: 0
    }

    .madal_cart .add_item {
        padding-right: 35px
    }

    .banner_slider .slick-dots {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%)
    }

    .banner_slider .slick-dots button {
        display: block;
        font-size: 0;
        margin: 0 9px;
        width: 18px;
        height: 18px;
        border: none;
        border-radius: 9px;
        background-color: var(--sub_main-color);
        transition: .3s;
        cursor: pointer
    }

    .banner_slider .slick-dots li.slick-active button {
        width: 65px;
        background-color: var(--main-active-color)
    }

    .search_categories a {
        padding: 8px 25px 8px 10px
    }

    .footer_inner ul.payment_list {
        gap: 0;
        justify-content: flex-start;
    }

    .footer_inner ul.payment_list li {
        width: auto;
        margin: 0 10px 10px 0;
    }

    .footer_inner ul.payment_list li img {
        display: block;
    }

    .page_up {
        opacity: 1
    }

    .catalog_wrap .centre {
        display: grid;
        grid-template-columns:max-content 1fr
    }

    .catalog-control {
        display: none
    }

    .catalog_filter {
        position: static;
        margin-right: 25px;
        width: 240px;
        z-index: auto
    }

    .close_filters {
        display: none
    }

    .catalog_filters-inner {
        max-height: none;
        overflow: unset
    }

    .filter_show, .submit_filters {
        right: auto;
        left: 100%;
        width: max-content;
        padding-left: 0;
        filter: drop-shadow(0 0 4px rgba(0, 0, 0, .3));
        z-index: 3
    }

    .filter_show:hover, .submit_filters:hover {
        background-color: var(--link_color-active)
    }

    .filter_show:hover .show_counter, .submit_filters:hover i {
        border-bottom: 1px solid var(--link_color-active);
        border-top: 1px solid var(--link_color-active)
    }

    .filter_show:hover::before, .submit_filters:hover::before {
        border-right: 20px solid var(--link_color-active)
    }

    .filter_show::after, .submit_filters::after {
        content: "";
        height: 100%;
        width: 20px;
        border-right: 20px solid var(--site-bg-color);
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        position: absolute;
        top: 0;
        right: calc(100% - 1px)
    }

    .show_counter, .submit_filters i {
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal;
        height: 100%;
        padding: 0 20px 0 10px;
        background-color: var(--site-bg-color);
        border-bottom: 1px solid var(--sub_main-color);
        border-top: 1px solid var(--sub_main-color);
        color: var(--text-color)
    }

    .show_counter strong, .submit_filters em {
        margin-right: 10px;
        font-style: normal;
        margin-left: 5px;
        font-weight: 400;
        color: var(--text_sub-color)
    }

    .filter_section.video_box {
        display: block
    }

    .contorl_desk {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px
    }

    .catalog_title {
        order: 1;
        line-height: 1.4
    }

    .contorl_desk .product_counter {
        margin-bottom: 12px
    }

    .dropdown_sort-wrap {
        order: 2;
        display: flex;
        width: 100%;
        justify-content: space-between;
        grid-column: 2/3
    }

    .control_title {
        display: none
    }

    .format_wrap {
        display: flex
    }

    .catalog_banner {
        display: block;
        width: 100%;
        margin-bottom: 15px
    }

    .catalog_banner img {
        display: block;
        width: 100%;
        height: auto
    }

    .clickpath_catalog {
        display: flex;
        flex-direction: column;
        padding-bottom: 25px;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--border-color)
    }

    .clickpath_catalog a {
        display: inline-block;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 18px;
        text-decoration: none;
        padding-left: 18px;
        position: relative
    }

    .clickpath_catalog > div {
        margin-left: 30px
    }

    .clickpath_catalog > div:nth-child(1) {
        margin-left: 0
    }

    .clickpath_catalog > div:nth-child(2) {
        margin-left: 15px
    }

    .clickpath_catalog a::before {
        content: "";
        width: 8px;
        height: 8px;
        border-bottom: 1px solid var(--link_color);
        border-left: 1px solid var(--link_color);
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%) rotate(45deg)
    }

    .products_slider-title span {
        font-size: 18px
    }

    .catalog-list .one_good {
        display: flex
    }

    .catalog-list .hover_product {
        margin-top: 15px
    }

    .news_header {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--border-color)
    }

    .news_header .title {
        margin-bottom: 0
    }

    .news_wrap .dropdown_sort-wrap {
        flex-direction: row;
        width: max-content;
        margin-bottom: 0
    }

    .news_wrap .dropdown_sort {
        margin-bottom: 0
    }

    .checkout_box_inner {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-column-gap: 30px
    }

    .checkout_order {
        height: max-content
    }

    .checkout_box_header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        min-height: 50px;
        padding-right: 20px
    }

    .checkout_box_title {
        margin-bottom: 0
    }

    .checkout_box_header {
        margin-left: 30px
    }

    .checkout_box_title {
        font-size: 22px;
        line-height: 26px
    }

    .checkout_box_title .icon_wrap {
        width: 60px;
        height: 60px;
        left: -30px
    }

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

    .wish_grid .one_good:nth-child(2n) {
        border-right: 1px solid var(--border-color)
    }

    .wish_grid .one_good:nth-child(3n + 3) {
        border: none
    }

    .cons_cat_img_wrap {
        height: 470px
    }

    .cons_grid {
        grid-template-columns:repeat(5, 1fr)
    }

    .cons_modal_row {
        display: flex
    }

    .cons_modal_col:nth-child(1) {
        margin: 0 37px 0 0;
        max-width: 278px
    }

    .cons_modal_field_row {
        flex-direction: row
    }

    .cons_modal_field_col {
        width: calc((100% - 25px * 2) / 3);
        margin: 0 25px 0 0
    }

    .cons_modal_field_col:nth-child(3n+3) {
        margin-right: 0
    }

    .cons_modal_table_col {
        flex: 1 1 33.33%;
        flex-direction: column;
        max-width: 33.33%
    }

    .cons_modal_table_tit {
        border-bottom: 1px solid #e1e1e1;
        padding: 0 0 17px;
        margin: 0 0 20px 0
    }

    .cons_modal_bottom {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-column-gap: 20px
    }

    .cons_modal_total {
        margin-bottom: 0
    }

    .catalog-grid .one_good:hover .hover_product {
        visibility: visible;
        opacity: 1
    }

    /* ---------- NEW STYLES ------- */

    .main_header .centre {
        height: 80px;
    }

    .header_logo {
        flex: 0 0 155px;
        width: 155px;
        margin-right: auto;
    }

    .main_header-nav {
        display: block;
        padding: 0 10px;
    }

    .main_header-nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .main_header-nav li {
        margin: 2px 6px;
    }

    .main_header-nav a {
        text-decoration: none;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 400;
        color: var(--text-contrast);
        border-bottom: 1px solid transparent;
        transition: 0.3s;
    }

    .main_header-nav a:hover {
        color: var(--main-color);
        border-bottom: 1px solid var(--main-color);
    }

    .main_header-nav a.active {
        color: var(--main-color);
    }

    .header_contact {
        height: 80px;
    }

    .phone_header {
        padding-top: 100px;
    }

    .header_languages {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
        margin: 0 0 0 10px;
        padding: 22px 6px;
        height: 80px;
    }

    .header_languages .selected {
        color: var(--text-contrast);
        text-transform: uppercase;
        text-decoration: none;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 700;
        display: block;
        padding: 0;
        z-index: 2;
        position: relative;
    }

    .header_languages .selected::before {
        content: "";
        width: 6px;
        height: 6px;
        border-bottom: 1px solid var(--base-color-1);
        border-right: 1px solid var(--base-color-1);
        position: absolute;
        top: calc(100% + 4px);
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        transition: .3s;
        opacity: 0.5;
    }

    .header_languages:hover  .selected::before {
        opacity: 1;
        transform: translateX(-50%) rotate(-138deg);
    }


    .header_languages .list {
        position: absolute;
        top: 100%;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }


    .main_header:not(.main_page) .header_languages .list {
        border: 1px solid var(--border-color)
    }

    .header_languages:hover .list {
        opacity: 1;
        visibility: visible;
    }

    .header_languages .list::before {
        content: "";
        width: 100%;
        height: calc(100% + 80px);
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(10px);
        z-index: -1;
        border-radius: var(--border-radius);
    }

    .main_header:not(.main_page) .header_languages .list::before {
        background-color: rgb(0 0 0 / 65%);
    }

    .header_languages .list::after {
        content: "";
        width: calc(100% - 32px);
        height: 1px;
        background-color: var(--border-color);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .header_languages .list li {
        align-self: stretch;
        position: relative;
    }

    .header_languages .list li + li::before {
        content: "";
        display: block;
        width: 32px;
        height: 1px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: var(--base-color-5);
        opacity: 0.15;
    }

    .header_languages .list a {
        color: var(--text-color);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background-color: var(--base-color-1);
        text-transform: uppercase;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 400;
        padding: 6px 4px;
        transition: 0.3s;
    }

    .header_languages .list a:hover {
        color: var(--main-color);
    }

    .main_header .to_cart.btn {
        display: flex;
    }

    .mob_menu-btn {
        display: none;
    }

    .benefits_item {
        width: 50%;
    }

    .benefits_item + .benefits_item::before {
        display: none;
    }

    .guarantee_quality .centre {
        padding: 50px 20%;
    }

    .guarantee_bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
        pointer-events: none;
    }

    .guarantee_bg img {
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile_product {
        display: none;
    }

    .mobile_sparks {
        display: none;
    }

    /* --- Contacts --- */

    .shop {
        flex-direction: row;
    }

    .shop_col:nth-child(1) {
        flex: 0 0 40%;
        padding-right: 20px;
        border-right: 1px solid var(--border-color);
    }

    .shop_col:nth-child(2) {
        flex: 0 0 60%;
        padding-left: 20px;
    }

    .inline_call_form {
        max-width: 460px;
        margin: 0 auto;
    }

    /* --- MAIN SLIDER --- */

    .main_slider:nth-child(1) {
        margin-top: -98px;
    }

    
    .main_slider-original {
        margin-bottom: 34px;
    }

    .H1.main_slider-title {
        margin-bottom: 36px;
    }

    .main_slider-text {
        margin-bottom: 50px;
    }

    .main_slider-one {
        min-height: 600px;
    }
}

@media (min-width: 992px) {
    .banner_main {
    }

    .cart_dropdown {
        width: 348px
    }

    .header_nav {
        display: block;
        margin: 0 30px 0 10px
    }

    .header_nav ul {
        display: grid;
        grid-template-columns:repeat(5, max-content);
        grid-column-gap: 20px;
        grid-row-gap: 10px
    }

    .header_nav ul a {
        font-size: 14px;
        line-height: 18px;
        text-decoration: none;
        color: var(--text-color);
        transition: .3s
    }

    .header_nav ul a.active, .header_nav ul a:hover {
        color: var(--link_color-active)
    }

    .descktop_catalog-wrap {
        padding: 0
    }

    .descktop_catalog {
        padding-top: 20px;
        position: relative;
        background-color: var(--site-bg-color);
        box-shadow: 0 4px 8px 0 rgba(34, 60, 80, .2)
    }

    .wish_btns .btn {
        font-size: 18px !important;
        line-height: 22px !important
    }

    .descktop_catalog.not_main {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1315px
    }

    .descktop_catalog.active {
        display: block;
        z-index: 8
    }

    .descktop_catalog ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%
    }

    .descktop_catalog li a {
        margin: 0 15px 30px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 130px;
        text-decoration: none
    }

    .descktop_catalog li a span {
        text-align: center;
        font-size: 15px;
        color: var(--text-color);
        transition: .3s
    }

    .descktop_catalog li a:hover span {
        color: var(--text_main-color)
    }

    .catalog_img-wrap {
        width: 102px;
        height: 102px;
        margin-bottom: 15px;
        border: 1px solid var(--border-color);
        border-radius: 2px;
        overflow: hidden;
        transition: .3s
    }

    .catalog_img-wrap img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .descktop_catalog li a:hover .catalog_img-wrap {
        border-color: var(--main-color)
    }

    .error_text {
        padding-top: 85px;
        padding-bottom: 95px
    }

    .error_text .centre {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-gap: 20px
    }

    .error_text ul {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-column-gap: 30px
    }

    .support_detail .centre {
        position: relative;
    }

    .inner_support {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 36px 400px 44px 54px;
        width: 100%;
    }

    .inner_support .questions {
        padding-top: 0;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .questions__title {
        text-align: start;
        font-size: 36px;
        margin-bottom: 16px;
        line-height: 1.1;
        padding: 0;
    }

    .questions__subtitle {
        text-align: start;
        font-size: 18px;
        margin-bottom: 30px;
        padding: 0;
    }

    .form_content {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        width: 100%;
        margin: 0;
        background-color: transparent;
        border: none;
    }

    .form_content .long_div {
        width: calc(50% - 12px);
    }

    .form_content .long_div:nth-child(1) {
        margin-right: 22px;
    }

    .photo_background {
        display: block;
        width: 400px;
        right: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 4;
        pointer-events: none;
    }

    .photo_background img {
        display: block;
        width: 100%;
        height: auto;
    }

    .btn-help {
        display: flex
    }

    .page_up {
        bottom: 30px
    }

    .page_up.active {
        right: 30px
    }

    .catalog_filter {
        width: 302px
    }

    .catalog-list .one_good {
        display: grid
    }

    .catalog-list .hover_product {
        margin-top: 0
    }

    .news_inner.news-list .news_image {
        flex: 0 0 370px;
        width: 370px
    }

    .articles_place .centre {
        display: grid;
        grid-template-columns:1fr 380px;
        grid-column-gap: 20px
    }

    .articles_place header {
        grid-column: 1/3
    }

    .articles_place aside {
        padding-top: 25px;
        padding-left: 20px;
        border-left: 1px solid var(--border-color);
        height: max-content
    }

    .select_news {
        justify-content: space-between
    }

    .select_news .select_one {
        margin-left: 0;
        margin-right: 0
    }

    .popular_news figure:last-child {
        margin-bottom: 0
    }

    .wish_grid {
        grid-template-columns:repeat(4, 1fr)
    }

    .wish_grid .one_good:nth-child(3n + 3) {
        border-right: 1px solid var(--border-color)
    }

    .wish_grid .one_good:nth-child(4n + 4) {
        border: none
    }

    .compare_box {
        display: grid;
        grid-template-columns:330px calc(100% - 330px)
    }

    .compare_sidebar {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid var(--border-color);
        padding: 52px 0 0 0
    }

    .compare_asite_title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 40px
    }

    .compare_list {
        border-top: none
    }

    .compare_one ul li::before {
        display: none
    }

    .compare_one ul li {
        margin-top: 0;
        justify-content: flex-start;
        padding-left: 20px
    }

    .compare_one ul li:nth-child(odd), .option_list li:nth-child(odd) {
        background-color: #f3f3f3
    }

    .compare_one ul li:not(:last-child) {
        border-bottom: 0
    }

    .compare_one .one_good {
        padding-bottom: 20px
    }

    .compare_btns {
        margin-top: auto;
        margin-bottom: 20px;
        transform: none;
        bottom: auto;
        left: auto;
        z-index: 1;
        position: relative
    }

    .option_list {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .option_list li {
        font-size: 16px;
        line-height: 20px;
        display: flex;
        align-items: center;
        padding-left: 20px;
        height: 49px;
        border-left: 1px solid var(--border-color);
        border-top: 1px solid var(--border-color)
    }

    .compare_details .add_product {
        font-size: 18px;
        line-height: 22px;
        flex-direction: column;
        margin-bottom: 40px
    }

    .compare_details .add_product::before {
        margin-right: 0;
        width: 70px;
        height: 70px;
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 18px;
        border: 3px solid var(--sub_main-color)
    }

    .dell_product {
        font-size: 18px;
        line-height: 22px;
        padding-left: 30px
    }

    .dell_product::after, .dell_product::before {
        height: 2px
    }

    .compare_one .one_good {
        padding-top: 15px
    }

    .del_wish::before, .del_wish::after {
        height: 2px
    }

    .catalog_top_box {
        display: block
    }

    .catalog-list .product_in_stock {
        display: block
    }

    .item_link {
        font-size: 18px;
        line-height: 24px
    }

    .popup.compare_popup, .popup.wishes_popup {
        max-width: 726px;
        padding: 51px 50px 33px
    }

    .paginator a, .paginator strong, .paginator span {
        width: 40px;
        min-height: 40px
    }

    .news_inner.news-grid .news_title {
        font-size: 20px;
        line-height: 24px
    }

    /* ---------- NEW STYLES ------- */

    .product_item-image {
        margin-bottom: 0;
    }

    .benefits_list {
        border: 9px solid #F9F9F9;
    }

    .benefits_item {
        width: 25%;
        padding: 26px 20px;
    }

    .benefits_item:nth-child(4n + 2)::after,
    .benefits_item:nth-child(4n + 3)::after,
    .benefits_item:nth-child(4n + 4)::after {
        content: "";
        width: 1px;
        height: 40px;
        background-color: var(--border-color);
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .benefits {
        margin-bottom: 80px;
    }

    .benefits::before {
        height: calc(50% + 80px);
        bottom: -80px;
    }

    .guarantee_quality-title {
        max-width: 500px;
    }

    .guarantee_quality-text {
        font-size: 20px;
        margin-bottom: 30px;
        text-align: start;
    }

    .guarantee_quality .centre .btn {
        width: auto;
        padding-left: 44px;
        padding-right: 44px;
    }
    .product_composition {
        padding: 164px 0;
    }

    .product_composition .centre {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .product_composition .centre > .col-1 {
        flex: 1 1 auto;
        margin-bottom: 0;
        padding-right: 20px;
    }

    .icon.product_composition_icon {
        margin: 0 0 46px 0;
        width: 64px;
        height: 64px;
    }

    .product_composition .main_title {
        justify-content: flex-start;
        text-align: start;
        margin-bottom: 40px;
    }

    .product_composition .main_title .icon {
        margin-right: 10px;
        width: 48px;
        height: 48px;
    }

    .product_composition-text {
        text-align: start;
    }

    .product_composition-text .btn {
        margin-top: 64px;
    }

    .product_composition .centre > .col-2 {
        flex: 0 0 50%;
        max-width: 660px;
    }

    /* --- Contacts --- */
    .contacts .title {
        font-size: 26px;
    }

    .ask_question_title {
        font-size: 26px;
    }

    .map_desc_title {
        font-size: 26px;
    }

    .map_desc dt {
        font-size: 18px;
    }

    .contacts .long_div label {
        font-size: 18px;
    }

    .map_head {
        font-size: 22px;
    }

    .contacts .form_content .btn {
        font-size: 18px;
        min-height: 50px;
    }

    /* --- TILES BOX --- */

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

    .tiles_box-subtitle {
        font-size: 19px;
    }
}

@media (min-width: 1024px) {
    :root {
        --h1: 56px;
        --h2: 48px;
        --h3: 36px;
        --h4: 28px;
        --h5: 20px;
    }

    h1 {
        font-size: 46px;
    }

    h2 {
        font-size: 40px;
    }

    body {
        font-size: 18px;
    }

    .clickpath a {
        font-size: 18px;
        line-height: 1.2;
    }

    .main_menu {
        display: none
    }

    .main_menu_bg {
        display: none
    }

    .clickpath .current a {
        color: var(--text-color);
        cursor: unset
    }

    .open_menu {
        height: 65px
    }

    .header_bottom {
        height: 65px
    }

    .header_bottom .centre {
        height: 65px
    }

    .open_menu {
        font-size: 16px;
        text-decoration: none;
        text-transform: uppercase;
        color: var(--text-contrast);
        width: 100%;
        max-width: 310px;
        z-index: 1
    }

    .open_menu .icon {
        margin-right: 25px
    }

    .open_menu::before {
        z-index: -1
    }

    .header-dropdown {
        height: auto
    }

    .open_search {
        height: auto
    }

    .header_counter {
        right: 0
    }

    .open_menu {
        z-index: 11
    }

    .open_menu.active::before {
        background-color: var(--active-icon-color)
    }

    .header-dropdown.favorite .header_hidden, 
    .header-dropdown.scale .header_hidden {
        transform: none
    }

    .header-dropdown.favorite .header_hidden::before, 
    .header-dropdown.scale .header_hidden::before {
        border-bottom: 5px solid #ffffff
    }

    .footer_site::before {
        bottom: 0;
        left: -156px;
    }

    .footer_site::after {
        content: "";
        width: 830px;
        height: 466px;
        position: absolute;
        bottom: 0;
        right: -186px;
        background-image: url(../images/footer-img-bg-2.webp);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .footer_site .centre {
        grid-template-columns:repeat(5, 1fr)
    }

    .work_time {
        grid-column: 1 / 3;
    }
    
    .footer_logo {
        margin-bottom: 30px;
    }

    .footer_nav {
        grid-column: 3/6;
        grid-template-columns:repeat(3, 1fr);
        padding-top: 6px;
    }

    .social_footer {
        grid-column: 2/4
    }

    .footer_title {
        margin-bottom: 22px;
        margin-bottom: 24px;
    }

    .footer_logo {
        margin-bottom: 40px;
        width: 176px;
    }

    .footer_title {
        cursor: unset
    }

    .footer_nav a.active, .footer_nav a:hover {
        text-decoration: underline;
        color: var(--base-color-1);
    }

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

    .copyright .payment_list {
        margin-top: 0;
    }

    .copyright .payment_list li {
        margin: 4px 0 4px 28px;
    }

    .social_footer a:hover {
        background-color: var(--text_main-color)
    }

    .banner_main {
        margin-bottom: 60px
    }

    .products_slider {
        margin-bottom: 70px
    }

    .simple_box_nav {
        padding: 10px 35px 0 35px
    }

    .products_slider-list {
        padding: 20px 10px 0 10px
    }

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

    .catalog-grid .one_good {
        border-right: 1px solid var(--border-color)
    }

    .catalog-grid .one_good:nth-child(3n+3) {
        border-right: none
    }

    .catalog-grid .one_good:nth-last-child(3) {
        border-bottom: none
    }

    .catalog-grid .one_good .rating {
        display: flex
    }

    .catalog-grid .product_info .star_wrap {
        margin-bottom: 0;
        margin-right: 7px
    }

    .reviews_box {
        padding-bottom: 30px
    }

    .review_inner {
        flex-direction: row
    }

    .review_picture {
        margin: 0 15px 0 0
    }

    .review_title {
        margin-bottom: 20px
    }

    .news_inner.news-grid {
        grid-template-columns:repeat(3, 1fr)
    }

    .checkout form {
        display: grid;
        grid-template-columns:repeat(3, 33.33%);
        margin-left: 30px;
        border-bottom: 1px solid var(--border-color);
        border-left: 1px solid var(--border-color);
        position: relative
    }

    .checkout form::before {
        content: "";
        width: 1px;
        height: calc(100% + 44px);
        background-color: var(--border-color);
        position: absolute;
        bottom: 0;
        right: 0
    }

    .order_form_col {
        padding: 0 20px 25px 20px;
        margin-bottom: 0
    }

    .order_form_col:not(:last-child) {
        border-right: 1px solid var(--border-color)
    }

    .order_form_title {
        transform: translateX(-50px)
    }

    .checkout_box_header {
        margin-bottom: 0;
        border-color: var(--border-color)
    }

    .checkout_box_inner {
        display: grid;
        grid-template-columns:1fr 475px;
        grid-column-gap: 75px;
        margin-left: 30px;
        padding: 20px 50px 0 50px;
        border: 1px solid var(--border-color);
        border-top: none
    }

    .checkout_contacts {
        border-left: 1px solid var(--border-color);
        padding-left: 50px
    }

    .checkout_contacts_title {
        transform: translateX(-80px)
    }

    .map_header {
        font-size: 18px;
        line-height: 22px;
        color: var(--text-contrast);
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 5px 0 20px;
        width: 100%;
        height: 45px;
        background-color: var(--site-bg-contrast-color)
    }

    .map_header .right_header {
        display: flex;
        align-items: center
    }

    .map_header .right_header a {
        display: flex;
        align-items: center;
        margin-right: 15px
    }

    .map_header .icon {
        width: 24px;
        height: 24px;
        fill: #fff;
        transition: .3s
    }

    .map_header a:hover .icon {
        fill: var(--sub_main-color)
    }

    .map_block {
        height: 600px
    }

    .map_wrap {
        flex-direction: row
    }

    .map_wrap.map_text {
        overflow: hidden
    }

    .map_wrap aside {
        max-width: 490px;
        width: 100%;
        transition: .5s;
        margin-left: 0
    }

    .map_wrap aside.active {
        margin-left: -490px
    }

    .open_map {
        display: flex;
        align-items: center
    }

    .open_map .icon {
        width: 34px;
        height: 34px
    }

    /* ---------- NEW STYLES ------- */
    .btn {
        font-size: 20px;
        padding-left: 26px;
        padding-right: 26px;
        min-height: 60px;
        border-radius: 30px;
    }

    .btn .icon:nth-child(1) {
        width: 34px;
        height: 34px;
        margin-right: 16px;
    }
    
    .btn span + .icon {
        width: 34px;
        height: 34px;
        margin-left: 16px;
    }
    
    .header_logo {
        flex: 0 0 200px;
        width: 200px;
    }
    
    .main_header-nav li {
        margin: 4px 12px;
    }

    .main_header-nav a {
        font-size: 15px;
    }

    .header_contact {
        margin-left: 12px;
        padding-left: 88px;
    }

    .header_contact .icon {
        width: 50px;
        height: 50px;
        left: 20px;
    }

    .main_phone {
        font-size: 24px;
    }

    .header_call-back {
        font-size: 14px;
    }

    .header-dropdown {
        margin-left: 30px;
    }

    .header_open {
        width: 50px;
        height: 50px;
        transition: 0.3s;
    }

    .header_open:hover {
        background-color: var(--accent-color-1);
    }

    .header_open:hover .header_counter {
        background-color: var(--base-color-1);
        border-color: var(--base-color-1); 
    }

    .header_open .icon {
        width: 28px;
        height: 28px;
    }

    .header_languages {
        padding: 16px;
        margin: 0 0 0 30px;
    }

    .header_languages .selected {
        font-size: 18px;
    }

    .header_languages:hover .selected::after {
        transform: translateY(-50%) scaleY(-1)
    }

    .header_languages .list a {
        font-size: 18px;
    }

    .should_use-item {
        width:  calc((100% - 32px) / 3);
        margin-bottom: 38px;
    }

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

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

    .should_use-img {
        margin-bottom: 60px;
    }

    .should_use-img .success_icon {
        width: 58px;
        height: 58px;
    }

    .should_use-img .success_icon .icon {
        width: 22px;
        height: 22px;
    }

    .should_use-name {
        font-size: 20px;
        letter-spacing: 0.6px;
    }

    .guarantee_quality .main_title {
        font-size: 50px;
        line-height: 1;
        margin-bottom: 30px;
    }

    .step_item {
        width: calc((100% - 48px) / 4);
        margin-bottom: 16px;
    }

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

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

    .add_item .del_item:hover .icon {
        fill: #c10d0d;
    }

    /* --- TILES BOX --- */
    .tiles_grid-item {
        position: relative;
        overflow: hidden;
    }

    .tiles_grid-item:hover {
        background-color: #ffbf2d;
    }

    .tiles_grid-item::before {
        content: "";
        width: 0px;
        height: 0px;
        border-radius: 50%;
        background-color: #ffc73b;
        position: absolute;
        bottom: 0;
        left: 22px;
        transform: translate(-50%, 50%);
        opacity: 0;
        transition: 0.3s;
    }

    .tiles_grid-item:hover::before {
        width: 566px;
        height: 566px;
        opacity: 1;
    }

    .tiles_grid-item::after {
        content: "";
        width: 0px;
        height: 0px;
        border-radius: 50%;
        background-color: #ffcf50;
        position: absolute;
        bottom: -64px;
        left: 0px;
        transform: translate(-50%, 50%);
        opacity: 0;
        transition: 0.3s;
    }

    .tiles_grid-item:hover::after{
        width: 566px;
        height: 566px;
        opacity: 1;
    }


    .tiles_grid-item:hover .tiles_grid-img .icon {
        fill: var(--base-color-4);
    }

    .tiles_box.temp-2 .tiles_grid-item:hover {
        background-color: transparent;
    }

    .tiles_box.temp-2 .tiles_grid-item::before {
        display: none;
    }

    .tiles_box.temp-2 .tiles_grid-item::after {
        display: none;
    }

    .main_slider-one {
        min-height: 736px;
    }

}

@media (min-width: 1200px) {
    .header_top {
        padding: 13px 0
    }

    .header_logo {
        flex: 0 0 260px;
        width: 260px;
    }

    .header_top-inner {
        height: 54px
    }


    .header_nav ul {
        grid-column-gap: 50px
    }

    .header_nav ul li {
        position: relative
    }

    .header_nav ul li:not(:first-child)::before {
        content: "";
        width: 1px;
        height: 30px;
        background-color: #e0e8e6;
        position: absolute;
        top: 50%;
        left: -25px;
        transform: translateY(-50%)
    }

    .footer_logo {
        width: 260px;
    }

    .open_article {
        justify-content: center
    }

    .contorl_desk {
        display: grid;
        grid-template-columns:1fr max-content;
        grid-column-gap: 20px
    }

    .catalog_title {
        margin-bottom: 0;
        grid-column: 1/3;
        margin-bottom: 15px
    }

    .dropdown_sort-wrap {
        align-items: center
    }

    .control_title {
        display: inline-block;
        font-size: 15px;
        line-height: 20px;
        margin-right: 20px
    }

    .dropdown_sort {
        margin-right: 8px;
        min-width: 248px
    }

    .toggle_format {
        margin: 0 8px
    }

    .catalog-grid .btn.btn_icon.btn_icon-text .svg_wrap {
        margin-right: 12px
    }

    .load_next_product {
        margin-bottom: 50px;
        font-size: 20px
    }

    .catalog-list .one_good {
        grid-template-columns:180px 1fr 275px
    }

    .catalog-list .images_wrap {
        grid-row: 1/3;
        margin-bottom: 0
    }

    .catalog-list .product_name {
        margin-bottom: 0
    }

    .catalog-list .product_in_stock {
        position: absolute;
        font-size: 14px;
        bottom: 15px;
        left: 55px;
        grid-column: auto;
        margin-left: auto;
        grid-row: auto
    }

    .catalog-list .product_info {
        position: static
    }

    .catalog-list .product_info .add_to {
        grid-row: 1/2
    }

    .bottom_product {
        grid-row: 1/2;
        grid-column: 3/4
    }

    .catalog-list .hover_product {
        display: flex;
        flex-direction: column-reverse
    }

    .catalog-list .product_hover-info {
        margin-bottom: 0
    }

    .catalog-list .product_info {
        width: 100%;
        margin-bottom: 0
    }

    .catalog-list .product_info {
        grid-column-gap: 15px;
        grid-row-gap: 10px
    }

    .catalog-list .product_info .rating {
        grid-column: 1/3;
        grid-row: 2/3
    }

    .catalog-list .product_info .rating span {
        margin-left: 10px;
        color: #908f8f
    }

    .order_form_col {
        padding: 0 40px 25px 40px
    }

    .order_form_title {
        transform: translateX(-70px)
    }

    .wish_list .btn {
        font-size: 16px
    }

    .wish_list .btn.btn_icon.btn_icon-text .svg_wrap {
        margin-right: 12px
    }

    .compare_list .btn.btn_icon {
        font-size: 16px
    }

    .compare_list .btn.btn_icon .svg_wrap {
        margin-right: 12px
    }

    .support_detail-product-bg {
        max-height: 100%;
        top: -65px;
    }

    .support_detail {
        padding: 200px 0 180px 0;
    }

    .inner_support {
        width: calc(100% - 200px);
        padding-right: 230px;
    }

    .form_content {
        align-items: flex-end;
        flex-wrap: nowrap;
    }

    .form_content .long_div {
        width: calc((100% / 3) - 11px);
        margin-bottom: 0;
    }

    .form_content .btn {
        font-size: 18px;
        width: calc((100% / 3) - 30px);
        margin-left: 30px;
        min-height: 52px;
        border-radius: 25px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .photo_background {
        width: 500px;
    }


    /* ---------- NEW STYLES ------- */

    .products_list {
        padding-bottom: 160px;
        position: relative;
    }

    .products_list .bg_product {
        display: block;
    }

    .product_item > .col-2 {
        padding-right: 100px;
    }

    .product_item-title {
        font-size: 52px;
        text-align: start;
        margin-bottom: 40px;
    }

    .product_item-text {
        text-align: start;
        font-size: 18px;
        margin-bottom: 40px;
        padding-right: 60px;
    }

    .product_item-bottom {
        flex-direction: row;
        justify-content: flex-start;
    }

    .product_item-bottom > .col-1 {
        display: flex;
        flex-direction: column;
        margin: 0 32px 0 0;
        order: 1;
    }

    .product_item-bottom .old_price {
        line-height: 1;
        font-size: 20px;
        margin: 0;
    }

    .product_price {
        line-height: 1;
    }

    .set_wrap {
        order: 2;
        margin: 0 32px 0 0;
    }


    .product_item-bottom > .col-2 {
        width: auto;
        order: 3;
    }

    .product_item-title {
        letter-spacing: 0.12vw;
    }

    .product_item-bottom > .col-2 .btn {
        font-size: 24px;
        min-height: 60px;
        padding: 8px 44px;
    }

    .product_item-bottom > .col-2 .btn .icon {
        margin-right: 10px;
    }

    .preference {
        border-radius: 12px;
        padding: 34px 10px 12px 10px;
    }

    .preference_icon {
        width: 42px;
        height: 42px;
    }

    .preference_info {
        display: block;
        text-transform: none;
        font-weight: 400;
        font-size: 13px;
        margin-top: 6px;
    }

    .preference:nth-child(1) {
        top: 222px;
        left: 10px;
    }

    .preference:nth-child(2) {
        top: 162px;
        right: 0;
    }

    .preference:nth-child(3) {
        bottom: 88px;
        left: 10px;
    }

    .preference:nth-child(4) {
        bottom: 22px;
        right: 22px;
    }

    .should_use-title {
        font-size: 36px;
        margin-bottom: 42px;
    }

    .should_use-item {
        width:  calc((100% - 100px) / 3);
    }

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

    .how_it_works {
        padding-bottom: 60px;
    }

    .main_title {
        font-size: 36px;
        margin-bottom: 42px;
    }

    .step_item {
        padding: 30px 26px;
        width: calc((100% - 150px) / 4);
        margin-bottom: 16px;
    }

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

    .product_composition .centre > .col-1 {
        padding-left: 10px;
        padding-right: 0;
        order: 1;
    }

    .should_use {
        position: relative;
        overflow: hidden;
    }

    .should_use-bg.left {
        display: block;
        position: absolute;
        bottom: 60px;
        left: -110px;
        z-index: -1;
    }

    .should_use-bg.right {
        display: block;
        position: absolute;
        bottom: 144px;
        right: -312px;
        z-index: -1;
    }

    .how_it_works {
        overflow: hidden;
    }

    .how_it_works-bg.left {
        display: block;
        position: absolute;
        top: -70px;
        left: -230px;
        z-index: -1;
    }

    .how_it_works-bg.right {
        display: block;
        position: absolute;
        top: -70px;
        right: -200px;
        z-index: -1;
    }

    /* --- TILES BOX --- */

    .tiles_box {
        padding: 100px 0 195px 0;
    }

    .tiles_box .H3 {
        margin-bottom: 112px;
    }

    .tiles_grid {
        gap: 32px;
    }

    .tiles_grid-item {
        padding: 46px 22px;
    }

    .tiles_grid-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .tiles_grid-text {
        font-size: 16px;
        color: #5C5C5C;
    }

    .tiles_box.temp-2 {
        padding-bottom: 140px;
    }

    .tiles_box.temp-2 .H3 {
        margin-bottom: 90px;
    }

    .tiles_box.temp-2 .tiles_grid-img {
        margin-bottom: 50px;
        padding: 24px;
    }

    .tiles_box.temp-2 .tiles_grid-img i {
        font-size: 22px;
        width: 42px;
        height: 42px;
        top: 20px;
        left: 20px;
    }

    .tiles_box.temp-2 .tiles_grid-img picture {
        max-width: 216px;
    }

    .tiles_box.temp-2 .tiles_grid-title {
        font-size: 24px;
        margin-bottom: 32px;
    }

    .tiles_box.temp-2 .tiles_grid-text {
        font-size: 16px;
        line-height: 1.4;
        color: var(--base-color-4);
    }

    /* --- ARTICLE --- */
    .article_dropdown {
        padding: 100px 0 ;
    }

    .tiles_box + .article_dropdown {
        padding-top: 160px;
    }

    .products_list .H3 {
        margin-bottom: 60px;
    }

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

    .article-bg {
        display: block;
    }

}

@media (min-width: 1350px) {

    .main_header-nav {
        position: relative;
    }

    .main_header-nav::before {
        content: "";
        width: 1px;
        height: 32px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(50%, -50%);
        background-color: var(--base-color-1);
        opacity: 0.2;
    }

    .main_header-nav li {
        margin: 0;
    }

    .main_header-nav a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 80px;
        padding: 0 20px;
        border-bottom: none;
        position: relative;
    }

    .main_header-nav a:hover {
        border-bottom: none;
    }

    .main_header-nav a::before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: var(--accent-color-1);
        border-radius: 4px 4px 0 0;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
        transition: 0.3s;
    }

    .main_header-nav a:hover::before {
        opacity: 1;
    }

    .product_item-title {
        font-size: 60px;
    }

    .all_categories {
        padding-left: 15px
    }

    .all_categories.active {
        transition: border-color 0s;
        color: var(--main-color);
        border-left: 1px solid var(--border-color)
    }

    .open_menu::before {
        width: 100%
    }

    .open_menu .icon {
        margin-left: 25px
    }

    .descktop_catalog-wrap, .banner_slider {
        padding: 0 15px
    }

    .footer_site .centre {
        grid-template-columns: 216px repeat(4, 1fr);
        grid-column-gap: 16px
    }

    .last_news-slider {
        display: grid;
        grid-template-columns:repeat(4, 1fr)
    }

    .simple_box_nav {
        display: flex;
        flex-wrap: wrap
    }

    .catalog-list .photo_list li {
        margin-right: 20px
    }

    .one_click_form input[type=tel] {
        font-size: 16px;
        line-height: 20px;
        width: 50%
    }

    .one_click_form input[type=tel]::placeholder {
        font-size: 16px;
        line-height: 20px
    }

    .one_click_form input[type=submit] {
        width: 50%
    }

    .comment_raiting-star .raty_active img {
        width: 45px;
        height: 45px
    }

    .wish_list.compare .product_info .rating {
        flex-wrap: nowrap
    }

    .wish_list.compare .reviews_txt, .wish_list.compare .star_wrap + span:not(class) {
        white-space: nowrap
    }

    .catalog_items.catalog-grid .product_in_stock {
        width: auto
    }

    .product_info .rating .product_in_stock {
        margin-left: auto
    }

    /* ---------- NEW STYLES ------- */

    .guarantee_quality .centre {
        padding: 50px 270px;
    }

    .form_content .btn  {
        justify-content: space-between;
        padding-right: 20px;
    }

    .form_content .btn .icon {
        display: block;
        transform: rotate(-45deg);
        fill: var(--text-color);
    }
}

@media (min-width: 1500px) {
    .header_languages {
        padding: 16px 24px;
        margin: 0 0 0 30px;
    }

    .main_header-nav {
        padding: 0 12px;
    }

    .main_header-nav a {
        padding: 0 24px;
    }

    .header_contact {
        margin-right: 22px;
    }

    .header_contact {
        padding-right: 30px;
    }

    .open_phones {
        right: -25px;
    }

    .product_item-bg.left {
        display: block;
        width: 574px;
        height: 363px;
        position: absolute;
        bottom: 238px;
        left: -318px;
        z-index: -1;
    }

    .product_item-bg.right {
        display: block;
        width: 574px;
        height: 363px;
        position: absolute;
        bottom: 0;
        right: -240px;
        z-index: -1;
    }

    .support_detail-product-bg {
        top: -112px;
    }

    .support_detail {
        padding-top: 160px;
    }

    .photo_background {
        width: 580px;
        right: -70px;
    }
}