@media screen and (max-width: 1350px) {
    .fs-36{font-size: 30px;}
    .fs-32{font-size: 28px;}
}
@media screen and (max-width: 1250px) {
    .menu > div{justify-content: center!important;}
    .menu-pc{display: none!important;}
    .menu-mobile{display: flex!important;position: absolute;top: 50%;left: 10px;transform: translate(0,-50%);}
    .container{max-width: 100%;}
    .form-search{display: none!important;}
    .menu.fixed .logo-header{max-width: 150px;}
}

@media screen and (max-width:992px) {
    .product__grid,.news__grid{grid-template-columns: repeat(3, calc(33.33% - (10px * 2 / 3)));}
    .table-wishlist{min-width: 900px;}
    .header{font-size: 14px;}
    .owl-carousel-img::after,.owl-carousel-img::before{width: 120px;}
}

@media screen and (max-width:768px) {
    .header{font-size: 12px;}
    .fs-32{font-size: 25px;}
    .fs-20{font-size: 16px;}
}

@media screen and (max-width:650px) {
    .product__grid,.news__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2))); gap: 10px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    body{font-size: 14px;}
    .fs-18{font-size: 15px;}
    .text-2line{height: 44px;}
    .owl-carousel-img::after,.owl-carousel-img::before{width: 80px;height: 25px;}
}

@media screen and (max-width:450px) {
    .logo-header{max-width: 200px;}
    .menu.fixed .logo-header{max-width: 120px;}
    .fs-20{font-size: 14px;}
    .fs-32{font-size: 20px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .fs-20{font-size: 12px;}
    body{font-size: 12px;}
    .fs-18{font-size: 13px;}
    .text-2line{height: 38px;}
    .header{font-size: 10px;}
}