.detail-product-info {
    margin-top: 20px
}

.detail-product-info .gallery-image {
    background-color     : #f3f3f3;
    padding              : 14px 14px 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius   : 30px;
    border-radius        : 30px
}

.detail-product-info .gallery-image-origin {
    background-color     : #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius   : 30px;
    border-radius        : 30px;
    padding              : 29px 18px 28px 19px;
    margin-bottom        : 15px
}

.detail-product-info .gallery-image-origin img {
    width: 90%
}

.detail-product-info .gallery-image-item {
    background-color: #fff;
    padding         : 19px;
    cursor          : pointer
}

.detail-product-info .gallery-image .swiper-button-next,
.detail-product-info .gallery-image .swiper-button-prev {
    background-color     : #fff;
    width                : 30px;
    height               : 70px;
    -webkit-box-shadow   : 0 5px 30px rgba(0, 0, 0, .16);
    -moz-box-shadow      : 0 5px 30px rgba(0, 0, 0, .16);
    box-shadow           : 0 5px 30px rgba(0, 0, 0, .16);
    -webkit-border-radius: 50px;
    -moz-border-radius   : 50px;
    border-radius        : 50px;
    top                  : auto;
    bottom               : 39px
}



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

    .detail-product-info .gallery-image .swiper-button-next,
    .detail-product-info .gallery-image .swiper-button-prev {
        width : 24px;
        height: 45px;
        bottom: 80px
    }

    .detail-product-info .gallery-image .swiper-button-next {
        left: -4px
    }

    .detail-product-info .gallery-image .swiper-button-prev {
        right: -4px
    }
}

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

    .detail-product-info .gallery-image .swiper-button-next,
    .detail-product-info .gallery-image .swiper-button-prev {
        bottom: 60px
    }
}

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

    .detail-product-info .gallery-image .swiper-button-next,
    .detail-product-info .gallery-image .swiper-button-prev {
        bottom: 50px
    }
}

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

    .detail-product-info .gallery-image .swiper-button-next,
    .detail-product-info .gallery-image .swiper-button-prev {
        bottom: 45px
    }
}

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

    .detail-product-info .gallery-image .swiper-button-next,
    .detail-product-info .gallery-image .swiper-button-prev {
        bottom: 40px
    }
}

.detail-product-offer {
    -webkit-mask       : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAjCAMAAAAHQmL5AAAASFBMVEUAAADuJjnuJjnuJjntJjnuJjnvJTnvJjjwJDjzJTjuJjnuJjnuJjjuIjnuJjruJjnuJjnuJjjwJznxIzbtJDftJjruJjnuJzqLAPZEAAAAF3RSTlMA5t/M2Z1vS0EUvZJdHevTs1MxIw73h4zLlc8AAACbSURBVDjLndNJDoMwEETRas9gM5P0/W8axRKK2ER0/f1bflzl6EX/Jz5m3Guiz3Ibfg2jPm89L7aLWgoHetOsttzQXVBr/suS2tsACOEWICvTjki5NwLlRsyUc1CqF+mEdJ50lXSFcwGca5zzoFz/j2AHGLeeIJzLgNWJrwW4uzGVCZa6it2YXQIY10C5CsoFcK5wbgFXIt3AsQ+lsXOGCrtOogAAAABJRU5ErkJggg==)0 0/100% 100%;
    mask               : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAjCAMAAAAHQmL5AAAASFBMVEUAAADuJjnuJjnuJjntJjnuJjnvJTnvJjjwJDjzJTjuJjnuJjnuJjjuIjnuJjruJjnuJjnuJjjwJznxIzbtJDftJjruJjnuJzqLAPZEAAAAF3RSTlMA5t/M2Z1vS0EUvZJdHevTs1MxIw73h4zLlc8AAACbSURBVDjLndNJDoMwEETRas9gM5P0/W8axRKK2ER0/f1bflzl6EX/Jz5m3Guiz3Ibfg2jPm89L7aLWgoHetOsttzQXVBr/suS2tsACOEWICvTjki5NwLlRsyUc1CqF+mEdJ50lXSFcwGca5zzoFz/j2AHGLeeIJzLgNWJrwW4uzGVCZa6it2YXQIY10C5CsoFcK5wbgFXIt3AsQ+lsXOGCrtOogAAAABJRU5ErkJggg==)0 0/100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat        : no-repeat;
    width              : 55px;
    height             : 35px;
    text-align         : center;
    line-height        : 25px;
    color              : #fff;
    font-weight        : 700;
    top                : 14px;
    left               : 14px;
    background-color   : #eb2856
}

.detail-product-icons {
    top                  : 50px;
    right                : -6px;
    -webkit-border-radius: 50px;
    -moz-border-radius   : 50px;
    border-radius        : 50px;
    background-color     : #212341;
    -webkit-box-shadow   : 0 5px 20px rgba(0, 0, 0, .25);
    -moz-box-shadow      : 0 5px 20px rgba(0, 0, 0, .25);
    box-shadow           : 0 5px 20px rgba(0, 0, 0, .25);
    padding              : 25px 10px;
    cursor               : pointer
}

.detail-product-icons li {
    font-size: 20px;
    color    : #fff
}

.detail-product-icons li:not(:last-child) {
    margin-bottom: 19px
}

.detail-product .detail .count-comments-rate {
    line-height     : 15px;
    padding         : 0 5px;
    background-color: #fff9eb;
    width           : -webkit-fit-content;
    width           : -moz-fit-content;
    width           : fit-content;
    margin-bottom   : 12px
}

.detail-product .detail .count-comments-rate .count-comment {
    font-size  : 20px;
    font-weight: 900;
    margin-left: 24px
}

.detail-product .detail .count-comments-rate .count-comment span {
    font-size   : 14px;
    font-weight : 700;
    margin-right: 3px
}

.detail-product .detail .count-comments-rate .count-rate {
    font-weight: 700;
    color      : #2d365d
}

.detail-product .detail .count-comments-rate .count-rate i {
    color       : #ef9a3d;
    font-size   : 20px;
    margin-right: 4px
}

.detail-product .detail .name {
    font-size    : 24px;
    font-weight  : 900;
    line-height  : 33px;
    margin-bottom: 0
}

.detail-product .detail .name-en {
    font-size    : 14px;
    font-weight  : 300;
    line-height  : 23px;
    color        : #b3bbc7;
    margin-bottom: 31px
}

.detail-product .detail .full-info {
    padding      : 17px 0 15px;
    margin-bottom: 38px
}

.detail-product .detail .full-info li:first-child {
    padding    : 0 4px 0 17px;
    font-weight: 500;
    color      : #00867d;
    width      : -webkit-fit-content;
    width      : -moz-fit-content;
    width      : fit-content
}

.detail-product .detail .full-info li:first-child::after {
    content          : "";
    top              : 50%;
    right            : 0;
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
    background-color : #edf5e6;
    width            : 100%;
    height           : 15px;
    z-index          : -1
}

.detail-product .detail .full-info li:first-child i {
    font-size  : 29px;
    margin-left: 8px
}

.detail-product .detail .full-info li:not(:first-child) {
    line-height: 18px;
    text-align : center
}

.detail-product .detail .full-info li:not(:first-child)::after {
    content              : "";
    top                  : 100%;
    left                 : 50%;
    -webkit-transform    : translate(-50%, 10px);
    -moz-transform       : translate(-50%, 10px);
    -ms-transform        : translate(-50%, 10px);
    -o-transform         : translate(-50%, 10px);
    transform            : translate(-50%, 10px);
    width                : 10px;
    height               : 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius   : 50%;
    border-radius        : 50%;
    background-color     : #e7ebee
}

.detail-product .detail .full-info li:not(:first-child) span {
    color: #b3bbc7
}

.detail-product .detail .full-info li:not(:first-child) a {
    color      : #212341;
    font-weight: 700
}

.detail-product .detail .full-info li:not(:first-child) a:hover {
    color: #ee273a
}

.detail-product .detail .full-info::after,
.detail-product .detail .full-info::before,
.detail-product .detail .count-price::after,
.detail-product .detail .count-price::before {
    content         : "";
    top             : 0;
    right           : -24px;
    width           : -webkit-calc(100% + 24px);
    width           : -moz-calc(100% + 24px);
    width           : calc(100% + 24px);
    height          : 1px;
    background-color: #f5f3fc
}

.detail-product .detail .full-info::before,
.detail-product .detail .count-price::before {
    top   : auto;
    bottom: 0
}

.detail-product .detail .options {
    margin-bottom: 29px
}

.detail-product .detail .options .title {
    line-height  : 25px;
    font-weight  : 700;
    margin-bottom: 10px;
    color        : #232323
}

.detail-product .detail .options ul li {
    color      : #232323;
    max-width  : 50%;
    width      : 100%;
    line-height: 35px;
    font-weight: 300
}

.detail-product .detail .options,
.detail-product .detail .color-size {
    padding-right: 41px
}

.detail-product .detail .titr {
    font-weight: 700;
    color      : #232323;
    line-height: 24px;
    margin-left: 15px
}

.detail-product .detail select {
    width       : 88px;
    height      : 30px;
    text-align  : center;
    padding-left: 30px;
    font-size   : 14px;
    font-weight : 300
}

.detail-product .detail .count-price {
    padding: 16px 0 14px;
    margin : 27px 0 38px
}

.detail-product .detail .count-price .price {
    font-weight: 700;
    color      : #232323;
    line-height: 24px
}

.detail-product .detail .count-price .price del {
    font-size                    : 16px;
    font-weight                  : 300;
    color                        : #ee232b;
    line-height                  : 25px;
    -webkit-text-decoration-color: #707070;
    -moz-text-decoration-color   : #707070;
    text-decoration-color        : #707070;
    margin                       : 0 13px 0 19px
}

.detail-product .detail .count-price .price span {
    font-size  : 22px;
    font-weight: 900;
    line-height: 45px;
    color      : #49be78
}

.detail-product .detail .count-price .price span i {
    font-size  : 18px;
    font-weight: 300;
    line-height: 27px;
    color      : #232323;
    font-style : normal
}

.detail-product .detail .btn-success {
    padding           : 0;
    font-size         : 16px;
    font-weight       : 700;
    max-width         : 414px;
    width             : 100%;
    height            : 55px;
    line-height       : 55px;
    -webkit-box-shadow: 0 10px 25px rgba(103, 185, 48, .25);
    -moz-box-shadow   : 0 10px 25px rgba(103, 185, 48, .25);
    box-shadow        : 0 10px 25px rgba(103, 185, 48, .25);
    background-color  : #67b930
}

.detail-product .detail .btn-success:hover,
.detail-product .detail .btn-success:focus,
.detail-product .detail .btn-success:active {
    background-color: #559928
}

@media only screen and (max-width:991px) {
    .detail-product-info {
        margin-top: 50px
    }

    .detail-product .detail {
        margin-top: 32px
    }

    .detail-product .detail .btn {
        max-width: 100%
    }

    .detail-product .swiper-products .swiper-button-next,
    .detail-product .swiper-products .swiper-button-prev {
        top: 50px
    }
}

@media only screen and (max-width:575px) {
    .detail-product .detail .full-info li:first-child {
        -webkit-box-ordinal-group: 5;
        -webkit-order            : 4;
        -moz-box-ordinal-group   : 5;
        -ms-flex-order           : 4;
        order                    : 4;
        margin-top               : 12px
    }

    .detail-product .detail .full-info li:not(:first-child) {
        width     : 33.333333%;
        text-align: right
    }

    .detail-product .detail .options,
    .detail-product .detail .color-size {
        padding-right: 0
    }

    .detail-product .detail .options::before {
        content: none
    }

    .detail-product .detail .color-size .color {
        margin-bottom: 16px
    }

    .detail-product .swiper-products .swiper-button-next,
    .detail-product .swiper-products .swiper-button-prev {
        top: 60px
    }
}

.detail-product-review {
    margin          : 79px 0 130px;
    background-color: #f8f9fb;
    padding         : 53px 50px 103px 67px
}

.detail-product-review .title {
    font-size    : 18px;
    font-weight  : 900;
    color        : #2d365d;
    line-height  : 28px;
    margin-bottom: 32px
}

.detail-product-review .title i {
    color      : #e7ebee;
    font-size  : 32px;
    margin-left: 20px
}

.detail-product-review-content {
    padding-right: 50px;
    overflow     : hidden;
    height       : 131px
}

.detail-product-review-content::before {
    content                : "";
    top                    : 0;
    right                  : 0;
    width                  : 27px;
    height                 : 131px;
    background             : url(./../../images/pattern-review.png)0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size   : 100% 100%;
    -o-background-size     : 100% 100%;
    background-size        : 100% 100%;
    -webkit-filter         : brightness(.98);
    filter                 : brightness(.98)
}

.detail-product-review-content p {
    margin-bottom: 0;
    font-size    : 15px;
    color        : #2d365d;
    line-height  : 28px;
    text-align   : justify
}

.detail-product-review .btn {
    bottom           : 0;
    left             : 50%;
    -webkit-transform: translate(-50%, 17px);
    -moz-transform   : translate(-50%, 17px);
    -ms-transform    : translate(-50%, 17px);
    -o-transform     : translate(-50%, 17px);
    transform        : translate(-50%, 17px);
    font-size        : 13px;
    font-weight      : 300;
    padding          : 8px 20px
}

.detail-product-review .btn i {
    color       : #b3bbc7;
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .detail-product-review {
        padding: 40px 32px 60px 45px
    }

    .detail-product-review-content {
        padding-right        : 0;
        -webkit-border-radius: 20px;
        -moz-border-radius   : 20px;
        border-radius        : 20px
    }

    .detail-product-review-content::before {
        content: none
    }
}

@media only screen and (max-width:575px) {
    .detail-product-review {
        padding: 32px 20px 60px
    }
}

.detail-product .tab-content {
    margin-top: 61px
}

.detail-product-info .gallery-image-origin img {
    width     : 90%;
    max-height: 235px;
    object-fit: contain
}

.detail-product-info .gallery-image-item img {
    max-height  : 110px;
    object-fit  : contain;
    text-align  : center;
    margin-left : auto;
    margin-right: auto;
    display     : inline-block
}

.detail-product .detail .full-info .oustock {
    color: #ee273a !important
}

.detail-product .detail .full-info .oustock::after {
    background-color: #fff3f0 !important
}

.detail-product .detail .full-info .obstock {
    color: #eeb127 !important
}

.detail-product .detail .full-infob .obstock::after {
    background-color: #eeb12726 !important
}

.detail-product-review .title h2 {
    font-size    : 18px !important;
    font-weight  : 900;
    color        : #2d365d;
    line-height  : 40px;
    margin-bottom: 32px;
    display      : inline
}

.detail-product-review {
    margin: 0
}

.detail-product .detail .count-comments-rate .count-rate i {
    font-size: 17px
}

.detail-product .detail .btn-success {
    line-height: unset
}

.detail-product .summary .woocommerce-Price-amount.amount {
    font-size: 25px !important
}

.detail-product .options-box {
    border-radius: 35px
}

@media only screen and (max-width:767px) {
    .detail-product .options-box {
        border-radius: 35px;
        margin       : 0 9px;
        width        : 95%
    }
}