@media screen and (max-width: 1366px) {
    .fs-36{font-size: 34px;}
}
@media screen and (max-width: 1250px) {
    .clipped-product{font-size: 14px;}
}
@media screen and (max-width: 1199px) {
    .container{max-width: 100%;}
    .fs-24{font-size: 22px;}
    .fs-26{font-size: 24px;}
    .fs-28{font-size: 26px;}
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 30px;}
}

@media screen and (max-width:992px) {
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-26{font-size: 22px;}
    .fs-28{font-size: 24px;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 26px;}
    .table-wishlist{min-width: 900px;}
    [data-aos] {opacity: 1 !important;transform: none !important;transition: none !important;}
}

@media screen and (max-width:768px) {
     body,.fs-18{font-size: 15px;}
    .fs-20{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-26{font-size: 19px;}
    .fs-28{font-size: 22px;}
    .fs-32{font-size: 22px;}
    .fs-36{font-size: 24px;}
    .widget-desktop-items__icon{width: 30px;height: 30px;}
    .content-ckeditor table{display: block;}
    .widget-cart{font-size: 14px;}
    .filter-item{ position: static !important;}
    .filter-popup{
        left: 0;
        right: 0;
        width: 100%;   /* full theo .filter-product */
        max-width: 100%;
        top: 100%;     /* vẫn giữ, giờ tính theo .filter-product */
    }
}

@media screen and (max-width:576px) {
    body,.fs-18{font-size: 14px;}
    input,textarea,select{font-size: 15px!important;}
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 13px;}
    .fs-20{font-size: 15px;}
    .fs-24{font-size: 16px;}
    .fs-26{font-size: 17px;}
    .fs-14{font-size: 13px;}
    .fs-28{font-size: 17px;}
    .fs-32{font-size: 18px;}
    .fs-36{font-size: 20px;}
    .content-ckeditor span {font-size: inherit !important;}
    footer{background-size: cover!important;background-position: center!important;}
    .owl-prev, .owl-next{width: 24px;height: 24px;}
    .owl-prev span, .owl-next span{line-height: 24px;font-size: 12px;}
    .clipped-product{font-size: 12px;}
    .price-km{font-size: 13px;}
    .pagination-page ul{gap: .3rem;}
    .page-link{width: 30px;height: 30px;font-size: 14px;min-width: 30px}
    .table-history{min-width: 600px;}
    .filter-popup{width: auto;min-width: 150px;}
    .timeline-item{padding-left:60px;}
    .timeline-dot{width:40px;height:40px;font-size:15px;}
    .timeline-item::before{left:19px;top:40px;}
    .timeline-content{padding:15px;}
    .swal-responsive {width: calc(100% - 24px) !important;max-width: 340px !important;padding: 1rem !important;}
    .swal-responsive-title {font-size: 18px !important;}
    .swal-responsive-text {font-size: 14px !important;margin-top: .5rem !important;}
    .swal-responsive-btn {font-size: 14px !important;padding: .6rem 1rem !important;}
    .swal2-actions {gap: .5rem;}
}

@media screen and (max-width:450px) {
    input,textarea,select{font-size: 14px!important;}
    .fs-20{font-size: 14px;}
    .fs-24,.fs-26{font-size: 15px;}
    .fs-28{font-size: 16px;}
    .fs-32{font-size: 16px;}
    .fs-36{font-size: 18px;}
    .clipped-product{font-size: 10px;}
    .flash-countdown span.d-block{font-size: 12px;}
    .flash-countdown .time span.hour,.flash-countdown .time span.minute, .flash-countdown .time span.second{font-size: 13px;}
    .price-km{font-size: 12px;}
    .fs-14{font-size: 12px;}
}

@media screen and (max-width:320px) {
     body{font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .fs-20{font-size: 13px;}
    .fs-24{font-size: 14px;}
    .fs-26{font-size: 14px;}
    .fs-32,.fs-28{font-size: 15px;}
    .fs-36{font-size: 16px;}
    .flash-countdown .time span.hour,.flash-countdown .time span.minute, .flash-countdown .time span.second{font-size: 11px;}
    .price-km{font-size: 10px;}
    .page-link{width: 25px;height: 25px;font-size: 12px;min-width: 25px}
    .fs-14{font-size: 11px;}
    .add-cart-home{font-size: 9px;}
}