@media only screen and (max-width: 1420px) {

    .wrapper {
        width: 1300px;
    }

    .product-image {
        width: 660px;
        height: 460px;
    }

    .product-image .image-list {
        height: 460px;
    }

    .product-image .image-preview {
        width: 460px;
        height: 460px;
        margin: 0;
    }

    .product-image .image-preview img {
        width: 380px;
        height: 380px;
    }

    .product-details .details-tabs .wrapper {
        max-width: 1060px;
    }

    .product-details .details-content .item-reviews {
        width: 460px;
    }

}



@media only screen and (max-width: 1320px) {

    .wrapper {
        width: 1200px;
    }

    .product-info {
        width: 520px;
    }

    .product-info .info-ctrl .ctrl-buy button {
        width: 140px;
    }

    .product-details .details-tabs .wrapper {
        max-width: 960px;
    }

}



@media only screen and (max-width: 1220px) {

    .wrapper {
        width: 1100px;
    }

    .product-image {
        width: 610px;
    }

    .product-info {
        width: 470px;
    }

    .product-info .info-ctrl .ctrl-buy {
        margin: 0 10px 0 0;
    }

    .product-info .info-ctrl .ctrl-buy button {
        width: 130px;
    }

    .product-info .info-ctrl .ctrl-favorite {
        margin: 0 10px 0 0;
    }

    .product-info .info-ctrl .ctrl-price p:nth-of-type(2) {
        margin: 0 10px 0 0;
    }

    .product-info .info-delivery {
        padding: 11px 20px 11px 74px;
    }

    .product-info .info-delivery p br {
        display: block;
    }

    .product-details .details-tabs .wrapper {
        max-width: 860px;
    }

}



@media only screen and (max-width: 1120px) {

    .wrapper {
        width: 1000px;
    }

    .product-image {
        width: 520px;
    }

    .product-image .image-preview {
        width: 380px;
        padding: 40px 0;
    }

    .product-image .image-preview img {
        left: 0;
    }

    .product-info {
        width: 460px;
    }

    .product-info .info-ctrl .ctrl-buy button {
        width: 120px;
    }

    .product-details .details-tabs .wrapper {
        max-width: 760px;
    }

}



@media only screen and (max-width: 1020px) {

    .wrapper {
        width: 100%;
    }

    .product-image {
        width: 100%;
        height: 400px;
        margin: 0 0 10px;
        background: #f4f2ee;
        border-radius: 10px;
    }

    .product-image .image-list {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 80px;
        margin: 0;
        float: none;
    }

    .product-image .image-list .list-item {
        width: 80px;
        height: 80px;
        margin: 0 5px;
        padding: 5px;
        border: none;
        position: relative;
        opacity: 0.7;
    }

    .product-image .image-list .list-item.active {
        background: transparent;
        opacity: 1;
    }

    .product-image .image-list .list-item.active:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: linear-gradient(to right,  rgba(244,242,238,1) 10%,rgba(102,49,48,1) 50%,rgba(244,242,238,1) 90%);
        position: absolute;
        bottom: 0; left: 0;
    }

    .product-image .image-list .list-item img {
        width: 70px;
        height: 70px;
    }

    .product-image .image-preview {
        width: 100%;
        height: 320px;
        background: transparent;
        margin: 0;
        padding: 10px 0;
        float: none;
    }

    .product-image .image-preview img {
        width: 300px;
        height: 300px;
        top: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }



    .product-info {
        width: 100%;
        margin: 0;
    }

    .product-info .info-top {
        margin: 0 0 10px;
    }

    .product-info .info-title {
        margin: 0 0 10px;
    }

    .product-info .info-title h1 {
        font-size: 20px;
        line-height: 22px;
    }

    .product-info .info-description {
        margin: 0 0 20px;
    }

    .product-info .info-discount {
        margin: 0 0 10px;
    }

    .product-info .info-discount p {
        text-align: center;
    }

    .product-info .info-ctrl {
        display: flex;
        justify-content: center;
        margin: 0 0 20px;
        padding: 40px 0 0;
        position: relative;
    }

    .product-info .info-ctrl .ctrl-amount {
        margin: 0 10px 0 0;
        float: none;
    }

    .product-info .info-ctrl .ctrl-buy {
        margin: 0 10px;
        float: none;
    }

    .product-info .info-ctrl .ctrl-buy button {
        width: 150px;
        transition: none;
    }

    .product-info .info-ctrl .ctrl-favorite {
        width: 74px;
        margin: 0 0 0 10px;
        float: none;
    }

    .product-info .info-ctrl .ctrl-favorite button {
        transition: none;
    }

    .product-info .info-ctrl .ctrl-price {
        float: none;
        position: absolute;
        top: 0; left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .product-info .info-ctrl .ctrl-price p:nth-of-type(1) {
        height: 30px;
        font-size: 24px;
        line-height: 30px;
    }

    .product-info .info-ctrl .ctrl-price p:nth-of-type(2) {
        height: 30px;
        margin: 0 10px 0 0;
        font-size: 16px;
        line-height: 30px;
    }

    .product-info .info-ctrl .ctrl-price p:nth-of-type(2):after {
        top: 16px;
    }

    .product-info .info-delivery {
        max-width: 400px;
        margin: 0 auto 30px;
    }



    .mobile .product-details .details-tabs::-webkit-scrollbar {
        display: none;
    }

    .product-details .details-content .wrapper {
        max-width: 760px;
        padding: 0 10px;
    }

    .product-details .details-content .item-line {
        width: 100%;
    }

    .product-details .details-content .item-reviews {
        width: 100%;
    }

}



@media only screen and (max-width: 820px) {

    .product-details .details-tabs {
        margin: 0;
        padding: 0 0 10px;
        overflow-x: auto;
    }

    .product-details .details-tabs .wrapper {
        /* display: flex; */
        padding: 0;
    }

    .product-details .details-tabs .tabs-item {
        margin: 0 10px;
    }

    .product-details .details-tabs .tabs-item:first-of-type {
        margin: 0 10px;
    }

    .product-details .details-content .wrapper {
        padding: 0 10px;
    }

    .product-details .details-content h2 {
        margin: 0 0 10px;
        font-size: 20px;
        line-height: 22px;
    }

    .product-details .details-content h3 {
        font-size: 18px;
        line-height: 20px;
    }

}