@media (min-width: 480px) {

    .mob-menu .for_logo img {
        max-width: 100px;
    }

    .for_logo.desktop {
        display: flex;
        width: 146px;
    }

    .for_logo {
        display: none;
    }

    .catalog_menu_wrap {
        order: -1
    }

    .dt_main_box .comment_rating {
        display: flex;
        align-items: center
    }

    .dcb_title {
        margin: 0;
        width: auto
    }

    .dc_bottom .dcb_title {
        margin: 0 0 10px;
        width: 100%
    }

    .comment_like {
        margin-left: 23px
    }

    .dc_bottom .comment_like {
        margin-left: 0
    }

    .review_sect_rating {
        flex-direction: row
    }

    .catalog_grid {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: repeat(2, 1fr)
    }
    .catalog_place .oc_figure {
        width: 140px;
        height: 140px;
    }
    .paginator A,
    .paginator Strong,
    .paginator Span {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 0 5px
    }
    .wishlist figure {
        display: flex;
        align-items: center
    }

    .wishlist .wish_img_wrap {
        margin: 0 34px 0 0
    }

    .wishlist .wish_price {
        margin-top: 26px
    }

    .show_wishlist {
        padding-right: 30px;
        padding-left: 30px;
        display: inline-block;
        vertical-align: top;
        font-size: 18px
    }

    .bottom_block {
        padding: 20px 25px 0 25px
    }

    .one_ct_good .mw_photo {
        max-width: 117px;
        width: 117px;
        height: 117px
    }

    .one_ct_good .mw_name {
        font-size: 14px
    }
    .mw_buttons {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start
    }
    .footer_col .contacts {
        display: -ms-grid;
        display: grid;
        grid-gap: 30px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .btn-primary {
        font-size: 20px;
        padding: 0 20px
    }

    .help-box {
        width: 390px
    }

    .help-box__tabs-content {
        padding: 35px
    }

    .help-box__tabs-title {
        font-size: 26px;
        margin-bottom: 33px
    }

    .consultant-box {
        padding: 21px 22px 22px
    }

    .consultant-box__image {
        margin-right: 26px
    }

    .mc_empty_box:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 8px 8px;
        border-color: transparent transparent var(--main-red) transparent;
        position: absolute;
        right: 0;
        top: -8px;
        display: none
    }

    .for_mini_cart .mc_empty_box {
        margin: 0;
        left: auto;
        right: 0;
        width: 100vw
    }

    .for_mini_cart .mc_empty_box:before {
        display: block
    }

    .for_mini_cart {
        position: relative
    }

    .mc_window {
        width: 348px;
        right: 0;
        left: auto
    }

    .mc_window:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 8px 8px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        right: 0;
        top: -8px
    }

    .catalog_grid .og_button {
        flex-wrap: nowrap;
    }
    /* .cart_window .long_wrap {
        grid-template-columns: 1fr 1fr;
    } */
    
    .btn_order_click {
        grid-row: auto;
    }
    .lor_col {
        padding: 38px 48px;
    }
    .checkout_form {
        padding: 23px 32px 40px 32px;
    }
    .read_more_news {
        display: inline-block;
    }
    .big_bomile .group_part {
        height: 350px;
    }
    .group_center_big {
        grid-template-columns: repeat(2, 1fr)
    }
    .group_element.big_red.active {
        grid-column: 1/3;
    }
    .group_main .centre.not_slider {
        grid-template-columns: repeat(2, 1fr)
    }
    .dt_photos {
        display: flex;
        flex-direction: row-reverse
    }
    .small_photos .slick-track {
        flex-direction: column;
    }
    .small_photos {
        padding: 50px 0;
        min-width: 100px;
        max-width: 100px;
        height: 490px;
        margin-right: 15px;
    }
    .small_photos a {
        margin: 5px 0;
    }
    .small_photos .slick-next {
        top: auto;
        bottom: 0;
        right: 50%;
        transform: translateX(50%) rotate(90deg);
    }
    .small_photos .slick-prev {
        top: 0;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
    .buy_wrap {
        flex-wrap: nowrap;
        gap: 8px;
    }
    .details_counter,
    .open_click_open,
    .details_sect .common_but {
        margin: 0;
    }
    .details_sect .dt_info {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
    }

    .dt_info>li+li {
        margin: 0;
    }
    .popup_btns {
        grid-template-columns: 1fr 1fr;
    }
    .vibro_inner {
        display: grid;
        grid-gap: 30px;
    }
    .vibro_design aside {
        position: relative;
        left: auto;
        top: auto;
        opacity: 1;
        box-shadow: none;
        border: none;
        padding: 0;
        width: 100%;
    }
    .type_cars {
        display: flex;
        flex-wrap: wrap;
    }
    .open_vibro_type {
        display: none;
    }
    .feedback_place .feedback .long_div input,
    .feedback_place .feedback Textarea {
        width: 84%;
    }
    .feedback_place .feedback .long_div input::placeholder,
    .feedback_place .feedback Textarea::placeholder {
        font-size: 0;
    }
    .feedback Label,
    .mup_table Label {
        display: table;
    }

    .one_good {
        padding: 35px 25px 25px 25px;
    }

    .small_photos:not(.slick-initialized) {
        display: flex;
        flex-direction: column;
    }

}

@media (min-width: 640px) {
    .header-lang.header-lang--mob {
        display: none;
    }

    .header-lang {
        display: flex;
        flex-direction: row;
    }

    .countdown_box {
        display: flex;
        padding: 0 0 0 21px
    }

    .countdown_box_img {
        margin: 0 20px 0 0
    }

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

    .countdown_box_counter {
        margin: 0 0 0 auto;
        padding: 0 33px
    }

    .po_box {
        display: flex
    }

    .catalog_list .one_good {
        display: flex;
        align-items: center
    }

    .catalog_list .og_photo {
        margin: 0 20px 0 0
    }

    .catalog_list .og_name {
        margin: 0
    }

    .catalog_list .og_price {
        margin-bottom: 10px
    }

    .catalog_list .og_stars .raty {
        display: flex
    }

    .og_list_desc {
        margin: 0 20px 0 0
    }

    .og_list_right {
        flex: 1 1 auto;
        max-width: 150px
    }
    .phones {
        align-items: flex-start
    }

    .phones_wrap {
        text-align: left
    }

    .og_photo A {
        height: 180px
    }

    .og_info {
        flex-wrap: wrap
    }

    .footer_col:nth-child(2),
    .footer_col:nth-child(3) {
        max-width: calc(50% - 15px);
        flex: 1 1 calc(50% - 15px);
        text-align: left;
        margin-bottom: 0
    }

    .footer_col:nth-child(2) {
        margin: 0 30px 0 0
    }

    .inner_support .form_content {
        display: flex;
        flex-wrap: wrap
    }

    .form_spr .long_div.name,
    .form_spr .long_div.phone {
        max-width: calc(50% - 15px);
        flex: 1 1 calc(50% - 15px)
    }

    .form_spr .long_div.name {
        margin-right: 30px
    }

    .form_spr_inner A.common_but {
        margin: 0 0 0 26px
    }

   
    .catalog_grid .og_stars {
        margin-left: 0
    }

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

    .dt_top {
        max-width: 380px;
        flex: 1 0 380px;
        margin: 0 15px
    }

    .one_click_form input[type="tel"] {
        width: 188px
    }

    .one_click_form input[type="submit"] {
        font-size: 15px
    }

    .set__row {
        flex-direction: row
    }

    .set__col--small {
        margin: 0 10px
    }

    .set__fig {
        flex-direction: column
    }

    .set__fig img {
        max-width: 97px;
        margin: 0 0 10px
    }

    .dp_one {
        width: 47%;
    }
    .phone_btn_wrap {
        display: flex;
    }
    .phone_btn_wrap .btn {
        max-width: 230px;
        margin: 0 0 0 30px;
    }

    .group_main .centre.not_slider {
        grid-template-columns: repeat(3, 1fr)
    }
    .toggle_items {
        justify-content: flex-start;
    }
    .toggle_items li {
        margin-right: 110px;
        letter-spacing: 0.7px;
    }
    .blog_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .wish_list_box {
        grid-template-columns: repeat(2, 1fr);
    }
    .catalog {
        grid-template-columns: repeat(3,1fr);
    }
    
    .article .images_in > div {
        width: 48.648%;

    }
    .article .images_in.small {
        flex-direction: row;
        justify-content: space-between;
    }
    .mup_tab_td {
        display: grid;
        grid-template-columns: 1fr 0.7fr 0.4fr max-content;
    }
    .table_section {
       justify-content: center;
       margin-bottom: 0;
    }
    .mup_tab_td .mtt_cell {
        display: flex;
        align-items: center;
        padding-top: 0;
    }
    .list_wishes {
        grid-template-columns: repeat(2, 1fr)
    }
    .material_grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .element_grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .vibro_type ul {
        grid-template-columns: repeat(2, 1fr)
    }
    .icons_place {
        margin-right: 0;
    }

    /* --- Cheaper Together in Product Page --- */
    .cheaper_item {
        padding: 16px;
    }
    .cheaper .bottom_wrap {
        min-width: unset;
    }
    .cheaper_prise {
        width: calc(100% + 32px);
        margin: 0 0 0 -16px;
    }
    .cheaper .price_box {
        flex-direction: column;
        width: 100%;
        align-items: flex-end;
    }
    .cheaper_prise .to_cart .mobile {
        display: none;
    }
    .cheaper_prise .to_cart .desktop {
        display: flex;
    }
    .cheaper .select_color {
        margin: 8px 0 0 0;
        padding: 0;
    }

}

@media (min-width: 768px) {
    .set__fig {
        flex-direction: row;
        align-items: center
    }

    .set__fig img {
        margin: 0 16px 0 0
    }

    .comment_rating {
        margin-top: 5px
    }

    .po_box_col:nth-child(1) {
        margin-right: 38px
    }

    div.page_404 {
        display: -ms-grid;
        display: grid;
        grid-gap: 30px;
        grid-template-columns: 1fr 1fr
    }

    .links_404 {
        text-align: left
    }

    .btn-help {
        background-color: transparent;
        border: none;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        right: 30px;
        bottom: 120px;
        z-index: 100;
        width: 75px;
        height: 75px;
        color: var(--main-red);
        transition: .5s
    }

    .inner_support {
        padding: 30px;
        display: flex
    }

    .inner_support .form_content {
        display: block
    }

    .form_spr {
        max-width: 500px;
        flex: 1 1 500px
    }

    .form_spr_inner {
        max-width: 302px
    }

    .form_spr .long_div.name,
    .form_spr .long_div.phone {
        max-width: none
    }

    .questions {
        padding-right: 30px;
        margin-bottom: 0
    }

    .questions__title {
        font-size: 30px
    }

    .questions__subtitle {
        font-size: 25px
    }

    .footer_row {
        display: -ms-grid;
        display: grid;
        grid-gap: 30px;
        -ms-grid-columns: 1fr 1.5fr 1fr;
        grid-template-columns: 1fr 1.5fr 1fr
    }

    .footer_col:nth-child(1),
    .footer_col:nth-child(2) {
        margin-bottom: 0
    }

    .footer_col:nth-child(2),
    .footer_col:nth-child(3) {
        max-width: none
    }

    .contacts {
        justify-content: flex-start
    }

    .footer_col .contacts {
        display: block
    }

    .phones_wrap {
        margin-bottom: 20px
    }

    .social ul {
        justify-content: flex-start
    }
    .page_up {
        opacity: 1
    }

    .for_top_menu .centre {
        display: flex;
        justify-content: space-between
    }

    .header_right {
        width: auto;
        margin: 0
    }

    /* .top_menu {
        display: block
    } */

    .top_menu ul {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        float: none
    }

    .top_menu ul li {
        margin: 3px 22px 3px 0;
        position: relative;
        float: left
    }

    .top_menu ul li a {
        float: left;
        text-decoration: underline;
        font-size: 13px;
        line-height: 1.2;
        color: #909090;
        transition: color 0.3s
    }

    .top_menu ul li a:hover,
    .top_menu ul li a.active {
        text-decoration: none
    }

    .top_menu ul li a.active {
        color: #000
    }

    #mini_cart .long_div a svg {
        margin-top: 0;
    }

    .mc_empty_box {
        width: 100vw;
        left: auto
    }

    .mc_empty_box:before {
        display: block
    }

    .header_icon_drop {
        left: auto;
        margin: 0
    }

    .header_icon_drop:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 5px 5px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        right: 0;
        top: -5px
    }

    .dt_cod {
        width: auto;
        margin: 0
    }

    .dc_bottom .dcb_title {
        width: auto;
        margin: 0
    }

    .dc_bottom .comment_like {
        margin-left: 23px
    }

    .catalog_place .centre {
        padding: 0 10px;
    }

    .ch_tit_place H1,
    .ch_tit_place H2 {
        padding: 7px 0 10px;
        margin-bottom: 10px;
    }

    .og_name {
        font-size: 18px;
    }
    .your_cart_product figcaption {
        display: grid;
        justify-content: space-between;
        align-items: start;
        grid-template-columns: 1fr max-content max-content 13%;
        grid-column-gap: 35px;
    }
    
    .checkout_product_price, 
    .your_cart_product_price {
        display: block;
        margin: 10px 0 0 0;
    }
    .checkout_counter,
    .product_delete {
        margin: 0;
    }
    .your_cart_product_price {
        display: flex;
        justify-content: flex-end;
    }
    .checkout_sect {
        display: grid;
        grid-template-columns: 57% 15% 15% 13%;
        padding-left: 20px;
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 18px;
        color: #717171;
    }
    .checkout_counter {
        margin-left: 30px;
    }
    .ats_all {
        grid-template-columns: 1fr 1fr;
    }
    .group_center_big {
        grid-template-columns: repeat(3, 1fr)
    }
    .group_element.big_red.active {
        grid-column: 2/4;
    }
    
    .group_main .centre.not_slider {
        grid-template-columns: repeat(3, 1fr)
    }
    .layout_controls {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .catalog_grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .details_top {
        display: grid;
        grid-template-columns: 54.5% 42.9%;
        justify-content: space-between;
    }
    .dt_photos {
        margin: 0;
    }
    .details_sect aside {
        grid-column: 1/3;
    }
    .details_sect .dt_info {
        grid-template-columns: repeat(4, 1fr);
    }
    .buy_wrap {
        flex-wrap: wrap;
    }
    .details_sect .common_but.other_product {
        grid-column: 1/3;
    }
    .articles_place {
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .article .messengers li {
        margin: 6px 0;
    }
    .single_post_main .images_in.big {
        margin-bottom: 90px;
    }
    .article .images_in.small img {
        padding: 0px;
    }
    .article .images_in.small {
        margin-bottom: 55px;
    }
    .single_post_main .article blockquote {
        padding-left: 10px;
        margin-bottom: 30px;
    }
    .article blockquote::before {
        width: 70px;
        height: 50px;
        left: -85px;
    }
    .checkout_box_row {
        flex-direction: row;
    }
    .checkout_order {
        width: 50%;
    }
    .checkout_contacts {
        width: 50%;
    }
    
    .list_wishes {
        grid-template-columns: repeat(3, 1fr)
    }
    
    .catalog {
        grid-template-columns: repeat(3, 1fr)
    }
    
    .material_grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .element_grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .vibro_type ul {
        grid-template-columns: repeat(3, 1fr)
    }

    /* --- Cheaper Together in Product Page --- */
    .cheaper {
        grid-column: 1 / 3;
    }
    .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);
    }

    .cheaper .slick-arrow.slick-next {
        right: 0;
    }

}

@media (min-width: 993px) {
    .message_Button {
        border-radius: 15px;
        padding: 0 20px;
        font-size: 16px;
        color: #fff;
        min-width: 200px;
        width: auto;
    }
    .message_Button .svg_icon {
        margin-right: 8px;
    }

    .main_title {
        font-size: 24px;
        line-height: 36px;
    }
    .dt_title_reviews {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .dt_title_reviews span {
        margin-bottom: 0
    }

    .for_main_menu {
        display: block;
        position: absolute;
        width: 100%;        
    }

    .order_form_col {
        border-left: 1px solid #d7d7d7;
        padding-right: 20px;
        padding-left: 20px;
        max-width: 33.33%;
        flex: 1 1 33.33%
    }

    .order_form_title {
        margin-left: -50px
    }

    .your_cart_title {
        font-size: 24px
    }

    .dt_main {
        display: flex
    }

    .dt_main_col {
        max-width: 50%;
        flex: 1 1 50%
    }

    .dt_main_col:nth-child(1) {
        margin-right: 47px
    }

    .ct_col {
        flex: 1
    }

    .ct_col:first-child {
        max-width: 230px;
        flex: 1 0 230px
    }

    .details_box {
        flex-wrap: nowrap
    }

    .details-sets {
        padding: 0 70px
    }

    .details-sets__title {
        top: 0;
        margin-bottom: -49px;
        padding: 0 30px
    }

    .set__row {
        margin-bottom: 25px;
        justify-content: center
    }

    .set__col {
        flex: 0 1 240px;
        max-width: 240px
    }

    .set__col--small {
        flex: 0 0 95px
    }

    .sets-slider {
        float: none
    }

    .sets-slider__item {
        padding: 95px 0 0 0
    }

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

    .comment_rating {
        width: auto
    }

    .clickpath_place {
        height: 45px;
    }

    .clickpath_place .clickpath {
        /*margin-left: 330px;*/
        height: 34px;
        flex-wrap: nowrap;
        background: #fff;
        /*width: 100%;*/
    }

    .clickpath_item:first-child a {
        padding-left: 10px
    }

    .catalog_clickpath .clickpath a {
        padding-left: 0px;
    }

    div.page_404 {
        padding-top: 98px
    }

    .questions {
        padding-left: 100px;
        padding-top: 38px
    }

    .form_spr {
        max-width: 400px;
        flex: 1 1 400px
    }

    .footer_row {
        -ms-grid-columns: 1.5fr 2fr 2fr;
        grid-template-columns: 1.5fr 2fr 2fr
    }

    .footer_col .contacts {
        display: -ms-grid;
        display: grid
    }

    .main_part .centre {
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
    }

    .for_logo {
        align-items: flex-start;
        width: auto;
        margin: 0 20px 0 0;
        flex: initial
    }

    .tagline {
        margin-top: 12px
    }

    .header_icons .icon {
        font-size: inherit
    }

    .header_icons .icon i {
        margin: 0 11px 0 0
    }

    .login_link {
        font-size: inherit
    }

    .login_link:before {
        margin: 0 11px 0 0
    }

    .phone_container {
        display: block
    }

    .for_mini_cart {
        margin-right: 22px
    }

    .mc_empty i:before,
    A.mc_with_items i:before {
        font-size: 34px
    }

    #mini_cart .mw_cart.show_cart_form svg {
        width: 20px;
        fill: var(--main-blue);
        height: 30px;
        margin-left: 10px;
    }

    .main_slider {
        width: 100%;
        margin-left: auto;
    }

    .with_menu .main_slider {
        width: calc(100% - 240px);
    }

    .with_menu>ul {
        width: 220px;
        background-color: #f4f4f4;
    }

    .with_menu>ul li a {
        width: 100%;
        display: block;
        padding: 12px 15px;
        color: #909090;
        text-decoration: none;
    }

    .with_menu>ul li a:hover {
        text-decoration: underline;
        background-color: #edffd9;
        color: var(--main-red);
    }

    .main_slider_item {
        height: 429px
    }

    .catalog_menu_wrap {
        bottom: -78px;
        right: 10px;
        left: 10px;
        order: 0;
        display: block;
    } 
    .menu_overlay.active {
        opacity: 1;
        visibility: visible
    }

    .for_main_menu Nav {
        display: none;
        width: 260px;
        height: auto;
        top: 0;
        position: absolute;
        z-index: 9999;
        background-color: #fff;
        border-radius: 4px;
    }

    .menu_overlay+.menu_wrap .for_main_menu Nav {
        top: 67px;
    }

    .for_main_menu.active Nav {
        display: block
    }

    .for_main_menu Nav:after {
        left: auto;
        right: 0
    }

    .for_main_menu Nav UL {
        float: left;
        width: 100%;
        position: static
    }

    .for_main_menu Nav UL LI {
        float: left;
        width: 100%
    }

    .for_main_menu Nav UL LI A {
        padding: 12px 15px;
        position: relative;
        color: var(--text-black);
        font-size: 15px;
        font-weight: 500;
        display: block;
        text-decoration: none;
        transition: all 0.2s linear 0s
    }

    .for_main_menu Nav>UL>LI>A:hover,
    .for_main_menu Nav>UL>LI>A.active {
        background-color: var(--main-blue);
        color: #fff;
    }

    .for_main_menu Nav UL LI A Span {
        width: inherit;
        height: 49px;
        display: table-cell;
        text-align: center;
        vertical-align: middle
    }

    .for_main_menu Nav UL LI A.active_drop b {
        display: block;
        position: absolute;
        right: 4px;
        top: 50%;
        margin-top: -4px;
        width: 12px;
        height: 7px;
        background: url("../images/spritesheet.png") no-repeat -571px -669px
    }

    .for_evry_drop {
        padding: 20px 40px 30px 40px;
        width: calc(930px - 220px);
        /* width: 400px; */
        height: max-content;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: calc(100% + 10px );
        z-index: 50;
        background-color: #fff;
        box-shadow: 0 10px 20px #ccc;
        display: none
    }

    .for_evry_drop::after {
        content: "";
        height: 100%;
        width: 20px;
        background-color: transparent;
        position: absolute;
        top: 0px;
        right: 100%;
    }

    .for_evry_drop.active {
        display: block
    }

    .for_evry_drop.for_evry_simple_drop {
        width: 250px
    }

    .one_col {
        width: 100%;
        height: auto !important
    }

    .one_col:first-child {
        margin: 0
    }

    .for_main_menu Nav UL LI UL.ul_one {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        background-color: #fff;
        padding: 0;
        margin: 0;
        position: relative;
        float: left;
        list-style: none;
        width: 100%;
        left: 0;
        background: none;
        border-radius: 0
    }

    .for_main_menu Nav UL LI UL.ul_one ul.scroll{
        max-height: 170px;
        overflow-y: auto;
    }

    .for_main_menu Nav UL LI UL.ul_c3 {
        -moz-columns: 3;
        columns: 3
    }

    .for_main_menu Nav UL.ul_one LI {
        position: relative;
        float: left;
        width: 100%;
        background: none;
        height: auto;
        width: auto;
    }

    .for_main_menu Nav UL.ul_one LI ul li {
        width: 100%;
    }

    .for_main_menu Nav UL LI UL.ul_one LI:hover A+UL {
        visibility: visible;
        opacity: 1
    }

    .for_main_menu Nav UL LI UL.ul_one LI A {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        padding: 0;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        float: none;
        font-size: 16px;
        color: var(--text-black);
    }

    .for_main_menu Nav UL LI UL.ul_one LI A:hover {
        color: var(--main-red);
    }

    .for_main_menu Nav UL LI UL.ul_one LI UL {
        list-style: none;
        float: left;
        top: 0;
        left: 100%;
        width: 100%;
        padding-top: 10px;
        transition: .3s
    }

    .for_main_menu Nav UL LI UL.ul_one LI UL LI+LI {
        margin-top: 7px
    }

    .for_main_menu Nav UL LI UL.ul_one LI UL LI A {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
        width: auto;
        height: auto;
        padding: 0;
        text-transform: none;
        color: #717171;
        line-height: 18px;
        transition: 0.3s;
    }

    .for_main_menu Nav UL LI UL.ul_one LI UL LI A:hover {
        color: var(--main-red);
    }

    .for_main_menu Nav UL LI UL.ul_one LI UL LI A:hover,
    .for_main_menu Nav UL LI UL.ul_one LI UL LI A.active {
        text-decoration: underline;
    }

    .for_main_menu Nav UL LI UL.ul_one LI UL LI A:after {
        display: none
    }

    .mob-menu-wrap.active {
        width: 300px;
    }

    .mob-controls {
        display: none
    }

    .categories_list {
        padding-top: 0;
        display: block
    }

    .filter_box {
        position: static;
        height: auto;
        z-index: 99;
    }

    .filter_box_overflow {
        box-shadow: none;
        overflow: visible;
        padding-left: 0px;
    }

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

    .dp_one {
        width: 32%;
    }

    .clear_list_btn.remove_compare_category {
        width: 100%;
        justify-content: center;
    }
    .lor_box Label {
        text-align: right;
    }
    .menu_place {
        display: none;
    }
    .general_menu {
        padding: 0 45px 0 30px;
    }
    .desktop_menu {
        display: block;
        z-index: 1;
    }

    .only_desctop {
        display: flex;
    }
    .only_mobile {
        display: none;
    }
    .header_icon:hover .mc_empty_box {
        top: calc(100% + 7px);
        visibility: visible;
        opacity: 1
    }

    .header_icon:hover .header_icon_drop {
        top: calc(100% + 7px);
        visibility: visible;
        opacity: 1
    }

    .mc_empty:hover .mc_empty_box {
        top: calc(100% + 10px);
        visibility: visible;
        opacity: 1
    }

    .mobile_search {
        display: none
    }

    .for_search {
        position: relative;
        top: 0;
        background: none;
        z-index: inherit;
        flex: 1;
        height: auto;
    }

    .mobile_search_wrap {
        order: 0;
        width: 100%;
        max-width: 545px;
        margin: 0 20px;
    }

    .for_search Input:focus {
        border-color: #15313e;
        transition: .3s;
    }

    .for_search form A.search .svg_icon {
        fill: #15313e;
        transition: .3s;
    }

    .for_search Input {
        color: #717171;
    }

    .footer_inner {
        display: flex;
        justify-content: space-between;
    }

    .footer_copy {
        flex-direction: row;
        justify-content: space-between;
    }
    .checkout_call_back .centre {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 45px;
        letter-spacing: 0.7px;
    }
    .check_phones {
        padding-left: 30px;
        position: relative;
    }

    .check_phones::after {
        content: "";
        width: 18px;
        height: 18px;
        background-image: url("../images/footer-red-phone.svg");
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
    .you_saw {
        margin-bottom: 105px;
    }
    .group_main .centre {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        height: auto;
        grid-gap: 10px;
    }
    .big_bomile {
        display: none;
    }
    .group_part {
        width: 100%;
        height: 170px;
        margin-right: 0;
    }
    .group_part.active {
        grid-row: 1 / 4;
        grid-column: 3 / 5;
        height: auto;
    }
     .group_part.active.reverse {
        grid-row: 1 / 4;
        grid-column: 1 / 3;
        height: auto;
    }
    .select_auto .centre {
        flex-direction: row;
        justify-content: space-between;
    }
    .select_auto .select_grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .select_form_wrap {
        width: 23.529%;
    }
    .select_grid {
        width: 74.509%;
    }
    .select_form_wrap {
        background-color: #f2f2f2;
        color: var(--color);
    }
    .select_titile {
        color: var(--color);
    }
    .select_auto .checkout_form {
        color: var(--color);
        background-color: #f2f2f2;
        display: flex;
    }
    .select_titile {
        cursor: auto;
    }
    .select_titile::before {
        display: none;
    }
    .we_better .centre {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 40px;
        padding-bottom: 0;
    }
    .we_better_title {
        font-size: 30px;
        line-height: 36px;
        height: max-content;
        letter-spacing: 1px;
        width: 20%;
    }
    .we_better ul {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
        width: 78%;
    }
    .we_better li {
        max-width: 250px; 
    }
    
    .group_main .centre.not_slider {
        grid-template-columns: repeat(4, 1fr)
    }
    .all_catalog {
        margin-top: 10px;
    }
    .close_form {
        display: none;
    }
    .filters_btn {
        display: none;
    }
    .main_title.mobile {
        display: none;
    }
    .main_title.desktop {
        display: block;
    }
    .blog_grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .wish_list_box {
        grid-template-columns: repeat(3, 1fr);
    }

    .article .images.small {
        flex-direction: row;
    }
    .article .images.small.two img {
        width: 50% !important;
        height: auto !important;
    }
    .article .images.small.three {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .sw_links {
        position: relative;
        opacity: 1;
        left: auto;
    }
    .open_user_menu {
        display: none;
    }
    .user_page {
        grid-template-columns: 245px 1fr;
    }
    .sw_links UL {
        box-shadow: none;
    }
    .order_serch_wrap {
        display: grid;
        grid-template-columns: max-content max-content max-content minmax( 1px, 445px);
        grid-gap: 10px;
        justify-content: space-between;
    }
    .catalog {
        grid-template-columns: repeat(3,1fr);
    }
    .material_grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .element_grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .catalog_box .element_grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .vibro_type ul {
        grid-template-columns: repeat(4, 1fr)
    }
    .ats_photo Img {
        height: 300px;
    }
    .zoom_title {
        flex-direction: row;
    }
    .zoom_top.slick-vertical {
        display: block;
    }
    .catalog_place .catalog {
        gap: 30px;
    }
    
    .catalog_place .for_catalog .one_cat {
        flex-direction: row;
        align-items: center;
        padding: 10px;
    }
    
    .catalog_place .oc_figure {
        margin: 0 15px 0 0;
    }
    
    .catalog_place .oct_title A {
        justify-content: flex-start;
    }

    /* --- Cheaper Together in Product Page --- */
    .cheaper .slick-arrow {
        top:-57px;
    }
    
}

@media (min-width: 1200px) {
    .dt_main_box .comment_bottom {
        display: flex;
        justify-content: space-between
    }

    .dt_main_box .comment_rating {
        margin: 0;
        width: auto
    }

    .det_reviews_title {
        display: flex
    }

    .simple_box_nav li {
        margin-right: -1px
    }

    .catalog_grid {
        grid-template-columns: repeat(3, 1fr)
    }
/* 
    .for_logo Img,
    .for_logo svg {
        max-width: 192px;
    } */

    .phones_dropdown {
        position: relative;
        display: flex;
        flex-direction: row;
        visibility: visible;
        opacity: 1;
        border-radius: none;
        box-shadow: none;
        padding: 0;
        width: auto;
        top: 0;
    }

    .phones_dropdown .phone {
        padding: 0 32px 0 0;
        position: relative;
    }

    .phones_dropdown .phone::after {
        content: '';
        position: absolute;
        top: 0px;
        right: 16px;
        width: 1px;
        height: 20px;
        background: #ddd;
    }

    .phones_dropdown .phone:last-child {
        padding: 0;
    }

    .phones_dropdown .phone:last-child::after {
        display: none;
    }

    .wishes_popup .phones_dropdown .phone {
        padding: 0;
    }

    .wishes_popup .phones_dropdown .phone::after {
        display: none;
    }

    .order-call-phones__item {
        display: none;
    }

    .for_order_call {
        display: flex;
        justify-content: flex-end;
        padding: 5px 0 0 0;
        cursor: default;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.4px;
    }

    .btn-order-call {
        color: #2862e7;
        text-decoration: none;
        margin: 0 0 0 12px;
        position: relative;
    }

    .btn-order-call::after,
    .btn-order-call::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #2862e7;
        transition: .3s;
    }

    .btn-order-call:hover::after {
        left: 3px;
        transition: .3s;
    }

    .phone_container {
        padding: 0 0 0 26px;
    }
    .for_mini_cart {
        padding-left: 20px;
    }
    .show_cart_form {
        text-decoration: none; 
    }
    .header_sum {
        display: block;
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        color: var(--text-white);
        padding-left: 15px;
        text-transform: none;
        text-decoration: none; 
        letter-spacing: 0.5px;
    }
    .phone_container .svg_icon {
        top: 9px;
    }
    .info_text {
        width: 100%;
        max-width: 490px;
        flex-direction: row;
        justify-content: space-between;
    }
    .phones_wrap {
        margin: 0 0 0 30px;
    }
    .footer_inner {
        margin-bottom: 54px;
    }
    .bottom_menu {
        margin: 0;
    }
    .foo_logo {
        margin: 0 70px 0 0;
    }
    .info_text {
        margin: 0;
    }
    .social ul {
        margin: 0;
    }
    .bottom_menu .fc_title+ul:not(.hidden) {
        margin-top: 20px;
    }
    .footer_call a {
        margin: 0;
    }
    .checkout_inner {
        display: flex;
        justify-content: space-between;
    }
    .checkout_form {
        margin: 0;
        width: 32.026%;
    }
    .checkout_list_wrap {
        width: 57.516%;
    }
    .checkout_total {
        display: flex;
        justify-content: flex-end;
        padding-right: 30px;
        letter-spacing: 1px;
    }
    .checkout_total span:first-child {
        margin-right: 50px;
    }
    .continue_shopping {
        display: none;
    }
    .checkout .desktop_btn {
        display: block;
        margin-top: 40px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .checkout_inner  {
        margin-bottom: 110px;
    }
    .ats_all {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .articles {
        margin-bottom: 110px;
    }
    .group_main .centre {
        grid-template-columns:repeat(5, 1fr);
    }
    .group_part {
        height: 230px;
    }
    .group_part.active {
        grid-row: 1 / 3;
        grid-column: 4 / 6;
        height: auto;
    }
    .group_part.active.reverse {
        grid-row: 1 / 3;
    }
    .group_center_big {
        grid-template-columns: repeat(4, 1fr)
    }
    .group_element.main_element {
        grid-column: 2/4;
        grid-row: 1/3;
        height: 390px;
    }
    .group_element.main_element figcaption {
        
    }
    .group_element.main_element .group_element_text {
        width: 53%;
        max-width: none;
        font-size: 30px;
        line-height: 36px;
        padding: 0 32px 50px 40px;
    }
    .group_element.main_element .group_element_text::before {
        bottom: 50px;
    }
    .group_element.big_red.active {
        grid-column: auto
    }
    
    .group_main .centre.not_slider {
        grid-template-columns: repeat(5, 1fr)
    }
    .details_sect aside {
        grid-column: auto;
    }
    .details_sect .dt_info {
        grid-template-columns: 1fr;
    }
    .buy_wrap {
        flex-wrap: nowrap;
        max-width: 425px;
    }
    .details_grid {
        display: grid;
        grid-template-columns: 74.509% 23.529%;
        justify-content: space-between;
    }
    .open_click_open {
        max-width: 160px;
    }
    .main_photo {
        margin-bottom: 0;
    }
    .blog_grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .mup_tab_td {
        padding: 12px 60px 12px 35px;
    }
    .list_wishes {
        grid-template-columns: repeat(4, 1fr)
    }
    .catalog {
        grid-template-columns: repeat(4,1fr);
    }
    .element_grid {
        grid-template-columns: repeat(5, 1fr)
    }
    .catalog_box .element_grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .vibro_type ul {
        grid-template-columns: repeat(6, 1fr)
    }

    /* --- Cheaper Together in Product Page --- */
    .cheaper .added_goods {
        padding: 0 48px 0 0;
    }
    .cheaper .added_goods:last-child {
        padding: 0 0 0 48px;
    }
    .cheaper .product_body {
        flex-direction: row;
        align-items: center;
    }
    .cheaper .item_text {
        flex: 1 1 auto;
        margin: 0 8px 0 0;
    }
    .cheaper .price_box {
        width: 100%;
        align-items: flex-end;
        flex-direction: column;
    }
}

@media (min-width: 1400px) {

    .select_titile {
        padding: 25px 40px 10px 40px;
    }

    .select_auto .checkout_form {
        padding: 0 40px 40px 40px;
    }
    .small_photos {
        margin-right: 30px;
    }
    .dt_info>li {
        padding: 25px 35px;
    }
    .details_qestion {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }
    .details_qestion span {
        width: 40%;
        margin-bottom: 0;
    }
    .wish_list_box {
        grid-template-columns: repeat(4, 1fr);
    }
    /* .catalog {
        grid-template-columns: repeat(5,1fr);
    } */
    .sort_section {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
    .sort_section > span {
        margin-right: 10px;
    }
    /* .catalog {
        grid-template-columns: repeat(6, 1fr)
    } */
    .main_code {
        justify-content: flex-start;
    }
    .dt_in_stock {
        margin-left: 55px;
        display: inline-block;
    }
    .catalog_box .element_grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width: 1530px) {

    Header.header {
        margin-bottom: 25px;
    }

    .main_part .centre {
        width: 1530px;
        padding: 0;
    }

    .main_part .centre {
        justify-content: flex-start
    }

    .mobile_search_wrap {
        margin: 0 8px 0 0;
    }
    .for_logo {
        margin-right: 40px;
    }

    .sec_part {
        width: 1530px;
        min-height: 60px;
        margin: 0 auto;
    }

    .general_menu Span {
        margin-right: 15px;
    }

    .for_mini_cart {
        margin-right: 45px;
    }

    .works_hours {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        font-size: 13px;
        line-height: 18px;
        margin-left: auto;
    }

    .works_hours Span {
        text-align: right;
    }

    .works_hours .svg_icon {
        fill: #e32407;
        width: 14px;
        height: 14px;
        margin: 0 12px 0 0;
        top: 2px;
        position: relative;
    }

    .works_hours P {
        letter-spacing: 0.5px;
        padding: 5px 0 0 0;
    }
    .phones_dropdown .phone {
        font-size: 14px;
        line-height: 24px;
        font-weight: 700;
        color: var(--text-black);
    }

    .general_menu {
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .header_sum {
        padding-left: 35px;
    }

    #wish_list_icon,
    #user_menu {
        margin-right: 25px;
    }

    .header_icon::after {
        top: 18px;
        right: -14px;
    }

    .for_evry_drop {
        width: calc(1430px - 220px);
    }
    .for_main_menu Nav UL LI UL.ul_one {
        grid-template-columns: repeat(4, 1fr);
    }
    .group_main .centre {
        grid-template-columns: repeat(5, 1fr)
    }
    .group_part.active {
        grid-row: 1 / 3;
        grid-column: 4 / 6;
    }
    .filter_box_overflow {
        padding: 0 55px 0 0;
    }
    .filter_box {
        margin-right: 30px;
        padding-left: 10px;
    }
    .catalog_banner span {
        left: 65px;
    }
    .catalog_grid {
        grid-template-columns: repeat(4, 1fr)
    }
    .catalog {
        grid-gap: 30px
    }
    .catalog_grid {
        grid-column-gap: 0;
        grid-row-gap: 10px;
    }
    .list_wishes {
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 30px;
    }
    .catalog_box .element_grid {
        grid-template-columns: repeat(5, 1fr)
    }
}