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

@media screen and (max-width:992px) {
    .product__grid,.news__grid,.product_grid_detail{grid-template-columns: repeat(3,1fr);}
    .table-wishlist{min-width: 900px;}
    .grid-image{gap:10px 15px}
    .fs-20{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-32{font-size: 25px;}
}

@media screen and (max-width:768px) {
    .banner{height: 180px;}
    .map_footer{margin-top: 2rem;}
    .swiper-button-next, .swiper-button-prev{width: 30px;height: 30px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 14px;}
    .fs-24{font-size: 15px;}
    .fs-32{font-size: 22px;}
    .fs-20{font-size: 14px;}
    .mt{margin-top: 2rem;}
    .fs-26{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;}
    .grid-image{gap:10px 10px}
    .name-image{padding: .5rem .3rem;}
    .product__grid,.news__grid,.product_grid_detail{grid-template-columns: repeat(2,1fr);gap:10px}
    body{font-size: 15px;}
    .fs-14{font-size: 12px;}
    .fs-32{font-size: 20px;}
    .fs-20{font-size: 12px;}
    .text-3line{height: 60px;}
}

@media screen and (max-width:450px) {
   .banner{height: 140px;}
   body{font-size: 14px;}
   .grid-image{grid-template-columns: repeat(2,1fr);}
   .fs-26{font-size: 16px;}
   .fs-24{font-size: 13px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .fs-32{font-size: 18px;}
}