@media screen and (min-width:1580px) {}

@media screen and (max-width:1180px) {}

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

@media screen and (max-width: 1070px) {
    .slider-left{display: flex;width: 100%}
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:1002px) {
    .title-product.t-center.product-hot {display:block;}
    .product-cungloai{display:flex;padding:5px}
    .max-width {max-width: 100%!important;}
    .w-100img img{max-width: 100%;}
    .w-100i {width: 100%!important}
    .img-mobile img {max-width: 100%!important}
    .w-100img img{width: 100%;}
    .block-mobile{display:block!important}
    .none-mobile {display: none!important;}
    .mt-10i{margin-top:10px!important;}
    .mg-0i{margin:0;}
    .pd-0i{padding:0;}
    .pt-10i{padding-top:10px;}
    .pd-5i{padding:5px;}
    .pd-10i{padding:0px 10px;}
    .ds-mobile {display: block!important;}
    .wrap-mobile {flex-wrap: wrap;}
    .loggin-mobile{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .header-right {
        width: 48%;
    }
    .thumb-detail{
        padding: 0!important
    }
    .order-form {
        padding: 20px 5px;
    }
    .i-select{
        width: 45%;
        margin-left: calc(16px / 2);
        margin-right: calc(16px / 2);
        margin-bottom: 15px;
    }
     .item-product {
        margin-right: calc(16px / 2);
        width: calc( 100% / 2 - 16px);
        margin-bottom: 16px;
    }
    .slick-1 .slick-next,.slick-1 .slick-prev{
        background:none!important;
    }
    .title-list h3 a{font-size:15px;}
    .item-album {
        width: calc( 100% / 2);
    }
    .submit-mail {
        margin: 0 auto;
        display: flex;
    }
    .desc-newproduct h3 a{
        font-size:14px;
    }
    .item-footer,.item-footer:nth-child(2){
        width:100%;
        margin-top:15px;
    }
    .p-name{margin-top:10px;}
    .content.content-noidung{
        margin-top:15px;
    }
    .content.content-noidung img,.detail img{
        max-width: 100%;
        height: auto;
    }
    ul.tabs-detail li{
        width:49%;
    }
    .list-youtube ul li {
        width: 50%;
    }
    .box-cart,.toolbar{
        display:block;
    }
    .box-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .cart-page {
        margin-top:10px;
        text-align:center;
    }
    .header-page{
        padding:5px 0px;
    }
    .box-product .pagination{
        margin-top:0;
    }
}
@media screen and (max-width:918px) {
    /*slider*/
    .textoverlay{
        display: none;
    }
    /*gioithieu*/
    .gioithieu {
        flex-wrap: wrap;
    }
    .tintuc-item {
        width: 83%;
        font-size: 12px;

    }
    .tintuc-item p {
        display: none;
    }
    /*product*/
    .product-detail {
        width: calc(100% / 2 - 10px)!important;
        margin: 5px
    }
    .product-detail img {
        margin-top: 10px;
        width: 100%;
        padding: 0px
    }
    ul.ulTab{
        flex-wrap: wrap
    }
    .all-content {
        margin-right: 20px;
    }
    .ulTab>li{
        padding-left: 10px;
        font-size: 12px;
        margin-bottom: 10px
    }
    .tabcontent img{
        margin-top: 15px ;
        padding: 0px;
    }
    .box-tabscontent{
        margin:0;
    }
    /*lydo*/
    .lydo{
        width: 50%;
    }
    .lydo p {
        display: none;
    }
    /*contrinh*/
    .congtrinh-item {
        width:47%;
    }
    .congtrinh img{
        width: 100%;
    }
    .overlay2.text2{
        font-size: 5px !important ;
    }
    /*trangcon*/
    .detail-right.w-100i {
        margin-top: 20px;
    }
}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:725px) {
}
@media screen and (max-width:680px) {}

@media screen and (max-width:600px) {}

@media screen and (max-width:520px) {}

@media screen and (max-width:480px) {}
@media screen and (max-width:360px) {
    .box-cart{
        flex-wrap: wrap;
    }
    .btn--detail a{
        padding: 0px 12px;
    }
}