@media (min-width:480px) {
    .add_to_catd {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 250px ));
        grid-column-gap: 10px;
        justify-content: space-between;
        align-items: end;   
    }

    .active_prise {
        margin-bottom: 0;
    }

    .add_to_catd .btn {
        height: 48px
    }
}

@media (min-width:640px) {
    .product_header {
        margin-bottom: 18px;
    }

    .tab_control {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
        width: 100%;
        border-bottom: 1px solid var(--border-color);
    }

    .tab_control a {
        display: inline-block;
        font-size: 15px;
        line-height: 18px;
        text-transform: uppercase;
        text-decoration: none;
        color: var(--text-hevy);
        padding: 0 20px 15px 20px;
        position: relative;
    }

    .tab_control a > sup {
        color: #fff;
        background-color: var(--main-color);
        border-radius: 10px;
        font-size: 12px;
        line-height: 8px;
        font-weight: 700;
        margin-left: 3px;
        padding: 3px 8px;
        position: relative;
    }

    .tab_control a > sup::before,
    .counter_det-comments::before {
        content: "";
        width: 18px;
        height: 20px;
        background-color: url("../images/dymo-hvist.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        bottom: -5px;
        right: 0px;
        z-index: -1;
    }

    .tab_control a:hover,
    .tab_control a.active {
        color: var(--main-color);
    }

    .tab_control a.active::after {
        content: "";
        width: 100%;
        height: 4px;
        background-color: var(--main-color);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .tab_panel {
        display: block
    }

    .tab_panel .rating {
        flex-wrap: nowrap;
    }

    .tab_panel .star_wrap + span {
        white-space: nowrap;
        font-size: 13px;
    }

    .detali_fragment {
        display: none;
    }

    .detali_fragment.active {
        display: block;
    }

    .detali_fragment .comments_open {
        margin-top: 20px;
        width: max-content;
    }

    .product_video {
        margin: 0 auto 20px auto;
        display: block;
    }

    .content_part {
        display: block;
    }

    .video_section .images_product {
        grid-template-columns: 1fr;
    }

    .video_section .images_product a {
        height: auto;
        max-height: 450px;
        max-width: 550px;
        margin: 0 auto;
    }

    .title_part {
        background-color: transparent;
        border-bottom: 1px solid var(--main-color);
        border-radius: 0;
        cursor: unset;
    }

    .title_part::before {
        display: none;
    }

    .details_min-content {
        display: none;
    }

    .details_min-content.active {
        display: block;
    }

    .main_fragment.all_info {
        order: 1;
        margin-bottom: 10px;
    }

    .main_fragment.all_info .content_part {
        max-height: 280px;
        overflow: hidden;
        transition: max-height 0.4s;
        position: relative;
    }

    .main_fragment.all_info .content_part::before {
        content: "";
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: 0;
        right: 0;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
    }

    .main_fragment.all_info .content_part.active {
        max-height: unset;
    }

    .main_fragment.all_info .content_part.active::before {
        display: none;
    }

    .open-all_info {
        font-size: 16px;
        line-height: 18px;
        text-decoration: none;
        color: var(--text_main-color);
        display: block;
        margin-left: auto;
        padding-right: 35px;
        width: max-content;
        position: relative;
    }

    .open-all_info:hover {
        color: var(--text_sub-color);
    }

    .open-all_info::before {
        content: "";
        width: 1px;
        height: 14px;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        background-color: var(--text_main-color);
        transition: 0.3s;
    }

    .open-all_info:hover::before {
        background-color: var(--text_sub-color);
    }

    .open-all_info::after {
        content: "";
        width: 9px;
        height: 9px;
        position: absolute;
        border-top: 1px solid var(--text_main-color);
        border-left: 1px solid var(--text_main-color);
        /* transform: rotate(45deg);
        top: 2px; */
        right: 4px;
        transform: rotate(-135deg);
        top: 6px;
        transition: 0.3s;
    }

    .content_part.article_dropdown.active + .open-all_info::before {
        transform: translateY(-50%) rotate(180deg);
    }

    .content_part.article_dropdown.active + .open-all_info::after {
       transform: rotate(45deg);
        top: 2px;
    }

    .open-all_info:hover::after {
        border-color: var(--text_sub-color);
    }

    .main_fragment.main_characteristics {
        order: 2;
    }

    .main_fragment.main_comments {
        order: 3;
    }

    .main_fragment.main_photo {
        order: 4;
    }

    .comments_open {
        margin: -68px 0 68px auto;
    }

    .comments_open {
        min-height: 35px;
        height: 35px;
    }

    #product_comments::before {
        content: attr(counter-comments);
        font-size: 12px;
        font-weight: 700;
        position: absolute;
        top: -8px;
        right: 0px;
        color: var(--text_main-color);
    }

    .comment_raiting {
        grid-column: 2/3;
        grid-row: 2/3;
        margin-left: 40px;
    }

    form .comment_raiting-star {
        grid-column: 2/3;
        grid-row: 2/3;
        margin: 0 0 0 40px;
    }

    .title_tab {
        font-size: 22px;
        line-height: 28px;
        color: var(--text-saturated);
        margin-bottom: 30px;
    }
    
    .title_tab strong {
        font-weight: 400;
        color: var(--text-hevy);
    }
    
    .detali_fragment .comment_form {
        display: block;
    }

    .title_part {
        padding-left: 0;
    }
}

@media (min-width:768px) {
    .details_box {
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(2, calc(50% - 10px));
        margin-bottom: 20px;
    }

    .sub_slider {
        display: flex;
    }
    
    .detail_info {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
        margin-bottom: 26px;
        width: 100%;
        grid-column: 1/3
    }

    .detail_info li {
        display: flex;
        flex-direction: column;
    }
    
    .detail_info .icon {
        display: none;
    }

    .info_title {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
        color: var(--main-color);
        margin: 0 0 10px;
    }

    .product_maininfo {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
/* 
    .main_fragment {
        width: calc(50% - 22px)
    } */

    .product_info-inner {
        width: calc(50% - 22px);
    }
    
    /* .main_fragment.all_info {
        order: 1;
    }

    .main_fragment.main_photo {
        order: 2;
    }

    .main_fragment.main_comments {
        order: 4;
    }

    .main_fragment.main_characteristics {
        order: 3;
    } */

    .tab_panel {
        display: grid;
        grid-template-columns: 300px 1fr;
        grid-column-gap: 40px;
    }

    .mini_product {
        display: block;
        border-right: 1px solid var(--border-color)
    }

    .mini_product .one_good {
        margin-right: 15px;
        padding: 0 0 22px 0;
        border-bottom: 1px solid var(--border-color);
    }

    .status_product {
        margin-left: auto;;
        color: var(--text_main-color);
    }

    .mini_product-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        align-items: center;
        width: 100%;
    }

    .tab_panel .bottom_product {
        grid-template-columns: 1fr 1fr
    }

    .tab_panel .btn.btn_icon {
        width: 100%;
    }

    .tab_panel .detali_fragment .comments_open {
        width: max-content;
    }

    .mini_product-info > a {
        color: var(--text-color);
        font-size: 12px;
        line-height: 14px;
        text-decoration: none;
        display: flex;
        align-items: center;
    }

    .mini_product-info > a:hover {
        color: var(--link-color-active)
    }

    .mini_product-info svg {
        margin-right: 10px;
        width: 26px;
        height: 26px;
        fill: var(--text-color);
        transition: 0.3s;
    }

    .mini_product-info > a:hover svg {
        fill: var(--link-color-active)
    }

    .mini_product-info svg.heart .center {
        fill: transparent;
    }

    .tab_panel .bottom_product {
        margin-bottom: 20px;
    }
    
    .sticky_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11;
        background-color: var(--site-bg-color);
        border-bottom: 1px solid var(--main-color);
        box-shadow: 0 0 15px rgb(0 0 0 / 70%);
    }

    .sticky_header .centre {
        display: grid;
        grid-template-columns: 1fr max-content max-content max-content;
        grid-column-gap: 30px;
        align-items: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

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

    .sticky_product img {
        margin-right: 18px;
        width: 48px;
        height: 33px;
        object-fit: contain;
        border: 1px solid var(--border-color);
    }

    .sticky_product a {
        color: var(--text-color);
        font-size: 14px;
        line-height: 18px;
        text-decoration: none;
    }

    .sticky_product a:hover {
        color: var(--link-color-active);
    }

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

    .sticky_price span {
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 26px;
        font-size: 22px;
        line-height: 24px;
        color: var(--text-hevy);
        margin-bottom: 3px;
        background-color: #fdeaa9;
        border-radius: 4px;
    }

    .sticky_price .btn {
        min-height: 26px;
    }

    .sticky_price .btn.active {
        background-color: var(--sub_main-color);
    }

    .sticky_price .btn .icon {
        width: 20px;
        height: 20px;
    }

    .sticky_price .btn:hover {
        color: var(--text-contrast)
    }

    .sticky_price.sticky_price-empty {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px
    }

    .sticky_price.sticky_price-empty .main_price {
        background-color: #f0efef;
    }
    .sticky_price.sticky_price-empty .common_but {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 19px;
        background-color: #c7c9c9;
        color: #3a3a3a;
        border-radius: 5px;
        padding: 7px 10px;
        white-space: nowrap;
        text-align: center;
    }

    .sticky_price.sticky_price-empty .common_but .icon {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .sticky_header .header_contact .icon {
        fill: var(--main-color);
    }

    .sticky_header .header_call-back {
        color: var(--main-color);
    }

    .sticky_header .header_call-back:hover {
        color: var(--text-color);
        text-decoration: none;
    }

    .sticky_header .main_phone-wrap {
        width: max-content;
    }

    .sticky_header .main_phone {
        color: var(--text-color);
        font-weight: 500;
        font: 700 17px/1 Arial, Helvetica, sans-serif, sans-serif;
    } 

    .sticky_cart {
        min-width: 30px;
        min-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* background-color: var(--main-color); */
        position: relative;
    }

    /* .sticky_cart::before,
    .sticky_cart::after {
        content: "";
        width: 100%;
        height: 3px;
        background-color: var(--main-color);
        position: absolute;
        left: 0;
    } */

    .sticky_cart::before {
        top: 100%;
    }

    .sticky_cart::after {
        bottom: 100%;
    }

    .sticky_cart .show_cart_form {
        font-size: 12px;
        line-height: 14px;
        color: var(--text-contrast);
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: -5px 0;
        padding: 5px 15px;
        background-color: var(--sub_main-color);
        position: relative;
        transition: 0.3s;
    }

    .sticky_cart .show_cart_form:hover {
        background-color: var(--main-color);
    }

    .sticky_cart svg {
        flex: 0 0 25px;
        width: 25px;
        height: 25px;
        margin-bottom: 3px;
        fill: var(--text-contrast);
    }

    .sticky_cart span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18px;
        height: 18px;
        background-color: var(--main-active-color);
        color: var(--text-contrast);
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: 10px;
        transition: 0.3s;
    }

    .sticky_cart:hover span {
        background-color: var(--sub_main-color);
    }

    .sticky_cart .mc_empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: var(--text-contrast);
        padding: 0 8px;
        display: none;
    }
    
    .zoom_detials {
        padding: 45px;
    }

    .zoom_title-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

    .zoom_title-wrap .btn {
        width: max-content;
        font-size: 22px;
        line-height: 26px;
        white-space: nowrap;
    }

    .zoom_price {
        margin: 0 20px 0 auto;
    }

    .zoom_big {
        height: 450px;
        width: calc(100% - 150px);
    }

    .zoom_subslider {
        display: flex !important;
        flex-direction: column;
        width: 100px;
        height: 480px;
        margin-left: auto;
    }

    .zoom_subslider .slick-list {
        height: 100% !important;
    }

    .zoom_subslider .zoom_slider-one {
        width: 100px;
        height: 100px;
        margin: 2px 0;
        padding: 1px;
        border: 1px solid var(--border-color);
        transition: 0.3s;
        cursor: pointer;
    }

    .zoom_subslider .zoom_slider-one:hover,
    .zoom_subslider .zoom_slider-one.slick-current {
        border-color: var(--main-color);
    }

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

    .zoom_subslider .slick-arrow {
        width: 100%;
        height: 30px;
        border: none;
        background-color: transparent;
        padding: 0;
        font-size: 0;
        position: relative;
        cursor: pointer;
    }

    .zoom_subslider .slick-arrow::before,
    .zoom_subslider .slick-arrow::after {
        content: "";
        width: 2px;
        height: 30px;
        background-color: var(--border-color);
        position: absolute;
        top: 0;
        left: 50%;
        transform-origin: top;
        transition: 0.3s;
    }

    .zoom_subslider .slick-arrow::before {
        transform: translateX(-50%) rotate(-45deg)
    }

    .zoom_subslider .slick-arrow::after {
        transform: translateX(-50%) rotate(45deg)
    }

    .zoom_subslider .slick-arrow.slick-next {
        transform: rotate(180deg)
    }

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

    .credit_form_body {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }

    .credit_form_col {

    }

    .credit_form_col:nth-child(1),
    .credit_form_col:nth-child(2),
    .credit_form_col:nth-child(3) {
        margin: 0;
        max-width: none;
    }

    .countdown_box {
        align-items: center;
        flex-wrap: nowrap;
    }

    .countdown_box_main {
        margin: 5px 0;
        padding-right: 10px;
    }

    .countdown_box_title {
        display: block;
        text-align: start;
    }

    .countdown_box_title.countdown_box_title_mob {
        display: none;
    }

    .countdown_box_img {
        flex: 0 0 50px;
    }

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

    .countdown_box_price {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
    }

    .countdown_box_main .countdown_tablet {
        display: none;
    }

    .countdown_box_price.countdown_box_price_mob {
        display: none;
    }

    .countdown_box_counter {
        width: max-content;
        margin: 0;
        padding: 0 32px;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (min-width:992px) {

    .product_header {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    
    .product_header h1 {
        font-weight: 400;
        margin-bottom: 0;
        font-size: 26px;
        line-height: 32px;
    }

    .catalog_details .title {
        margin-bottom: 0;
    }

    .detail_cod {
        font-weight: 700;
    }

    .details_status {
        margin-bottom: 70px;
    }

    .catalog_details .rating {
        color: var(--link-color);
        font-size: 0;
    }

    .catalog_details .rating a {
        font-size: 14px;
        margin-left: 10px;
        text-decoration: none;
    }

    .one_click_form {
        width: 100%;
    }

    .details_services {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .detail_info {
        padding-top: 40px;
        padding-left: 22px;
        border-left: 1px solid var(--border-color);
        margin-bottom: 0;
        grid-gap: 0;
        height: max-content;
    }

    .detail_info > li {
        padding-bottom: 18px;
        margin-bottom: 18px;
        border-bottom: 1px solid var(--border-color)
    }
    
    .detail_info > li:last-child{
        border-bottom: none;
        margin-bottom: 0;

    }

    .title_part {
        font-size: 24px;
        line-height: 28px;
    }
    .zoom_title {
        margin-bottom: 0;
        padding-right: 15px;
    }
}

@media (min-width:1024px) {
    .details_box {
        grid-template-columns: calc(49% - 80px)  minmax(330px, 28%) 23%;
        grid-column-gap: 40px;
    }

    .detail_info {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .details_sliders {
        margin-left: 0;
        margin-right: 0;
    }

    .main_slider .slick-arrow.slick-prev {
        left: 10px;
    }

    .main_slider .slick-arrow.slick-next {
        right: 10px;
    }

    .sub_slider:not(.slick-initialized) .sub_photo {
        flex: 0 0 calc((100% / 5) - 8px);
    }

    .sub_slider .sub_photo {
        width: calc((100% / 5) - 8px);
    }

    .sticky_price {
        flex-direction: row;
    }

    .sticky_price span {
        height: 33px;
        min-width: 130px;
        padding: 0 10px;
        margin: 0 5px 0 0;
    }

    .sticky_price .btn {
        height: 33px;
        font-size: 16px;
        line-height: 20px;
        white-space: nowrap;
    }

    .sticky_price .btn .icon {
        width: 24px;
        height: 24px;
    }

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

    .credit_form_body {
        grid-template-columns: repeat(4, 1fr);
    }   
/* 
    .title_tab {
        display: grid;
        grid-template-columns: 1fr max-content;
    }

    .tab_panel .detali_fragment .comments_open {
        margin-top: 0;
    } */

    /* --- zoom popup --- */
    .zoom_wrap-popup {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .close_zoom-popup {
        width: 48px;
        height: 48px;
    }

    .close_zoom-popup::before,
    .close_zoom-popup::after {
        width: 18px;
    }

    .zoom_wrap-popup .centre {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 16px;
    }

    .zoom_wrap-popup .centre > .col:nth-child(1) {
        flex: 0 0 calc(100% - 256px);
        padding-right: 20px;
    }

    .zoom_big-slider .arrow {
        width: 60px;
        height: 60px;
    }

    .zoom_big-slider .arrow::before {
        width: 20px;
        height: 2px;
    }

    .zoom_big-slider .arrow::after {
        width: 12px;
        height: 12px;
        border-top: 2px solid var(--secondary);
        border-left: 2px solid var(--secondary);
    }

    .zoom_big-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .zoom_big-img .draggable-img {
        display: none;
    }

    .zoom_big-img .regular_image {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .zoom_big-img.zoom .draggable-img {
        z-index: 2;
    }

    .zoom_big-list .f-panzoom__wrapper > img.f-panzoom__content,
    .zoom_big-list .f-panzoom__wrapper > picture.f-panzoom__content {
        visibility: visible;
    }

    .zoom_wrap-popup .centre > .col:nth-child(2) {
        flex: 0 0 256px;
        display: block;
        height: 100%;
    }

    .zoom_subslider-slider {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .zoom_subslider-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        padding-right: 28px;
        margin: auto;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-behavior: smooth; /* modern browsers */
    }

    .zoom_subslider-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 108px;
        aspect-ratio: 1 / 1;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }

    .zoom_subslider-img:nth-child(3n + 3) {
        grid-column: 1 / 3;
        height: 228px;
    }

    .zoom_subslider-img::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        border: 2px solid transparent;
        position: absolute;
        top: 0;
        left: 0;
        transition: 0.3s;
    }

    .zoom_subslider-img.active::before {
        border-color: var(--primary);
    }

    .zoom_subslider-img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .video_img-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .click_to-zoom {
        color: var(--secondary);
        font-size: 12px;
        /* display: flex; */
        display: none;
        align-items: center;
        background: var(--white);
        padding: 4px 10px;
        border-radius: 8px;
        box-shadow: var(--shadow);
        position: absolute;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
        visibility: visible;
        transition: opacity 2s ease, visibility 2s ease;
    }

    .click_to-zoom .icon {
        fill: var(--secondary);
        width: 16px;
        height: 16px;
        margin: 0 8px 0 0;
    }

    .zoom_wrap-popup:not(.hidden) .click_to-zoom {
        animation: hideChild 2.5s forwards;
    }

    @keyframes hideChild {
        0% {
            opacity: 1;
            visibility: visible;
        }
        79.9% {
            opacity: 1;
            visibility: visible;
        }
        80% {
            opacity: 1;
            visibility: visible;
        }
        100% {
            opacity: 0;
            visibility: hidden;
        }
    }


    .zoom_subslider-img.video .video_img-wrap::before {
        content: "";
        width: 36px;
        height: 36px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        box-shadow: var(--shadow);
        z-index: 1;
    }

    .zoom_subslider-img.video .video_img-wrap::after {
        content: "";
        margin-left: 2px;
        width: 16px;
        height: 16px;
        border-left: 16px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .zoom_subslider-img.video img {
        width: 75px;
        height: 75px;
        object-fit: contain;
    }

    @media (hover: hover) {

        .close_zoom-popup:hover {
            background-color: #DDDDDD;
        }

        .zoom_big-slider .arrow:hover {
            background-color: var(--primary);
        }

        .zoom_big-slider .arrow:hover::before {
            background-color: #fff;
        }

        .zoom_big-slider .arrow:hover::after {
            border-color: #fff;
        }

        .main_slider .slick-arrow:hover::before {
            background-image: url(/images/arrow-icon-active.svg);
            color: gray
        }
    }
}

@media (min-width:1200px) {
    .detail_info > li {
        margin-left: 60px;
        position: relative;
    }

    .detail_info .icon {
        display: block;
        width: 30px;
        height: 30px;
        fill: var(--main-color);
        position: absolute;
        top: -5px;
        left: -60px;
    }

    .main_slider-wrap .product_status > span {
        border-radius: 13px;
        font-size: 16px;
        font-weight: 400;
        height: 27px;
        align-items: center;
        display: flex;
        padding: 0 16px;
    }
    .main_slider-wrap .product_status>span::before {
        transform: scale(-1, 1) skewX(-31deg);
        left: 12px;
    }
/*
    .main_slider-wrap .product_status>span.action::before {
        border-top: 8px solid #f56754
    }

    .main_slider-wrap .product_status>span.good_price::before {
        border-top: 8px solid #4e85b7
    }

    .main_slider-wrap .product_status>span.recommendation::before {
        border-top: 8px solid #f56754
    }

    .main_slider-wrap .product_status>span.new_product::before {
        border-top: 8px solid #73c86d
    }

    .main_slider-wrap .product_status>span.top_product::before {
        border-top: 8px solid #ff7d00
    }*/

    .sub_slider:not(.slick-initialized) .sub_photo {
        flex: 0 0 calc((100% / 6) - 8px);
    }

    .sub_slider .sub_photo {
        width: calc((100% / 6) - 8px);
    }
}

@media (min-width:1345px) {
    .sub_slider:not(.slick-initialized) .sub_photo {
        flex: 0 0 calc((100% / 7) - 8px);
    }
    .sub_slider .sub_photo {
        width: calc((100% / 7) - 8px);
    }

    .countdown_box {
        position: relative;
    }

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

    .countdown.goods_timer {
        font-size: 30px;
    }

    .goods_timer > div {
        display: flex;
        flex-direction: column ;
        align-items: center;
    }

    .goods_timer small {
        display: block;
        font-size: 11px;
        line-height: 1;
        text-transform: lowercase;
        color: var(--text-color);
    }
}