@media screen and (max-width: 1366px) {
    .fs-32{font-size: 28px;}
    .fs-36{font-size: 32px;}
    .content-slide .name{font-size: 38px;}
}
@media screen and (max-width: 1250px) {
    .menu-pc,.header .col-xl-2,.form-search{display: none!important;}
    .menu-mobile{display: flex!important;position: absolute;left: 10px;top: 50%;transform: translate(0,-50%);}
    .container{max-width: 100%;}
    .map_footer iframe{margin-top: 3rem;}
    #arcontactus{display: block;}
    .widget-desktop{display: none;}
    .menu .container{justify-content: center!important;}
    .logo{position: relative;clip-path: none;text-align: center;border-radius: .5rem;}
    .fs-36{font-size: 28px;}
    .fs-24{font-size: 20px;}
    .fs-26{font-size: 22px;}
    .content-slide .name{font-size: 34px;}
    .fs-20{font-size: 18px;}
    .menu{padding: .2rem 0;}
}

@media screen and (max-width:992px) {
    .product__grid,.news__grid,.relate__grid{grid-template-columns: repeat(3,1fr);}
    .table-wishlist{min-width: 900px;}
    .content-slide .name{font-size: 20px;line-height: 20px;}
    .btn-slide{font-size: 14px;}
    .fs-36{font-size: 25px;}
    .fs-24{font-size: 16px;}
    .title-left{background: none;}
    .title-left .name{clip-path: none;}
    .fs-18{font-size: 16px;}
    .banner img{width: 100%;}
}

@media screen and (max-width:768px) {
    .content-slide .name{font-size: 15px;line-height: 15px;}
    .content-slide .desc{font-size: 14px;height: 62px;margin: .4rem 0!important;}
    .btn-slide{font-size: 13px;}
    .content-slide{max-width: 50%;}
    .fs-26{font-size: 18px;}
    .ul-tab li span{line-height: 18px;}
    .fs-32{font-size: 25px;}
    .fs-20{font-size: 16px;}
    body{font-size: 15px;}
    .product__grid, .news__grid, .relate__grid{gap: 10px;grid-template-columns: repeat(2,1fr);}
    .fs-17{font-size: 15px;}
}

@media screen and (max-width:576px) {
    .fs-24,body{font-size: 14px;}
    .fs-18{font-size: 15px;}
    .fs-36{font-size: 22px;}
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .content-slide .name{font-size: 13px;line-height: 13px;}
    .content-slide .desc{font-size: 12px;height: 52px;}
    .btn-slide{font-size: 11px;} 
    .fs-26{font-size: 15px;}
    .ul-tab li span{line-height: 15px;}
    .fs-32{font-size: 20px;}
    .fs-20{font-size: 15px;}
    .text-2line{height: 45px;}
    .swiper-new .swiper-wrapper{max-height: 320px;}
    .text-3line{height: 62px;}
}

@media screen and (max-width:450px) {
    .fs-36{font-size: 18px;}
    .fs-20,.fs-17,.fs-18{font-size: 14px;}
    .ul-tab li span{padding: .5rem .6rem!important;}
    .ul-tab li:last-child{margin-left: 0;}
    .fs-26{font-size: 13px;}
    .fs-32{font-size: 18px;}
    .content-slide{max-width: 80%;}
    .content-slide .name{font-size: 11px;line-height: 11px;}
    .content-slide .desc{font-size: 10px;height: 45px;}
    .btn-slide{font-size: 9px;} 
    .fs-14{font-size: 12px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .fs-26{font-size: 11px;}
    body{font-size: 12px;}
    .text-2line{height: 40px;}
    .swiper-new .swiper-wrapper{max-height: 280px;}
    .fs-14{font-size: 11px;}
    .text-3line{height: 55px;}
}