@media screen and (max-width: 1366px) {
    .fs-36{font-size: 34px;}
}
@media screen and (max-width: 1250px) {
    .menu-pc,.form-search,.widget-desktop{display: none!important;}
    .menu-mobile{ display: flex!important; position: absolute; top: 50%; left: 10px; transform:translate(0,-50%) ; -webkit-transform:translate(0,-50%) ; -moz-transform:translate(0,-50%) ; -ms-transform:translate(0,-50%) ; -o-transform:translate(0,-50%) ; }
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .menu .container{justify-content: center!important;}
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 32px;}
    .fs-20{font-size: 18px;}
    .fs-22{font-size: 20px;}
}

@media screen and (max-width:992px) {
    .table-wishlist{min-width: 900px;}
    .product_rela__grid{grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));}
    .fs-32{font-size: 26px;}
    .fs-36{font-size: 30px;}
    .fs-20{font-size: 17px;}
    .fs-22{font-size: 19px;}
    .fs-18{font-size: 16px;}
    .fs-24{font-size: 22px;}
}

@media screen and (max-width:768px) {
    .product__grid,.product_rela__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    .why-grid{grid-template-columns: 100%;}
    .list-product-grid{grid-template-columns: repeat(3,1fr);}
    .news__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));;}
    .py-7{padding-top: 0;padding-bottom: 0;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 28px;}
    .fs-20{font-size: 16px;}
    .fs-22{font-size: 18px;}
    body{font-size: 15px;}
    .fs-18{font-size: 15px;}
    .fs-24{font-size: 20px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .fs-32{font-size: 22px;}
    .fs-36{font-size: 26px;}
    .fs-20{font-size: 15px;}
    .fs-22{font-size: 16px;}
    body{font-size: 14px;}
    .list-product-grid{grid-template-columns: repeat(2,1fr);}
    .product__grid,.product_rela__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));grid-gap: 10px;}
    .h-58{height: 45px;}
    .fs-24{font-size: 18px;}
}

@media screen and (max-width:450px) {
    body{font-size: 13px;}
    .fs-22{font-size: 15px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 10px;}
    .fs-22{font-size: 14px;}
    .fs-32{font-size: 18px;}
    .fs-36{font-size: 22px;}
    .fs-20{font-size: 13px;}
    .h-58{height: 40px;}
}