@media screen and (max-width: 1250px) {
    .menu-pc,.widget-desktop{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .fs-32{font-size: 28px;}
    .product__grid{grid-template-columns: repeat(4, calc(25% - (8px * 3 / 4)));}
    .fs-20{font-size: 18px;}
}

@media screen and (max-width:992px) {
    .news__grid{grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));}
    .product__grid{grid-template-columns: repeat(3, calc(33.33% - (8px * 2 / 3)));}
    .table-wishlist{min-width: 900px;}
    .fs-18{font-size: 16px;}
    .modal-xl{width: 100%;max-width: 98%;}
    .fs-32{font-size: 25px;}
    .fs-20{font-size: 16px;}
    .fs-24{font-size: 22px;}
}

@media screen and (max-width:768px) {
    .fs-32{font-size: 23px;}
    .product__grid{grid-template-columns: repeat(2, calc(50% - (8px / 2)));}
    .news__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    body{font-size: 15px;}
    .fs-24{font-size: 20px;}
    .image-list{max-width: 40px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .breadcrumb-item+.breadcrumb-item::before{line-height: 17px;}
    .fs-32{font-size: 20px;}
    body{font-size: 14px;}
    .fs-24{font-size: 18px;}
    .fs-18{font-size: 15px;}
    .text-2line{height: 40px;}
    .view-icon-product span{width: 25px;height: 25px;}
}

@media screen and (max-width:450px) {
    .fs-32{font-size: 16px;}
    body,.fs-14{font-size: 13px;}
    .fs-18{font-size: 14px;}
    .fs-20{font-size: 15px;}
    .product__grid{grid-template-columns: repeat(2, calc(50% - (5px / 2)));grid-gap: 5px;}
    .news__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));gap: 10px;}
    .image-list{max-width: 35px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .fs-20{font-size: 12px;}
    .fs-32{font-size: 14px;}
    .item-bottom-product{flex-direction: column;}
    .item-bottom-product > div{width: 100%;padding-left: .7rem!important;padding-right: .7rem!important;}
    .item-bottom-product > div p{padding-left: 0!important;padding-right: 0!important;}
    .item-bottom-product > div:last-child{margin-top: .5rem;}
}