@media screen and (max-width: 1250px) {
    .menu-pc{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .widget-desktop{display: none;}
    .menu{padding: .5rem 0;}
    .fs-32{font-size: 28px;}
}

@media screen and (max-width:992px) {
    .product__grid{grid-template-columns: repeat(3,1fr);}
    .table-wishlist{min-width: 900px;}
    .mw-desc{max-width: 70%;}
    .fs-18{font-size: 16px;}
    .grid-service,.news__grid{grid-gap: 15px;}
    .swiper-slider .content{width: 100%;max-width: 70%;}
    .fs-24{font-size: 20px;}
}

@media screen and (max-width:768px) {
    .fs-32{font-size: 25px;}
    .swiper-slider .content{font-size: 14px;}
    .swiper-slider .content .desc{height: 80px;}
    .header .nav-item{padding: .5rem 0;}
    .swiper-button-next, .swiper-button-prev{width: 25px;height: 35px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 15px;}
    .grid-service, .news__grid{grid-template-columns: repeat(2,1fr);}
    .form-register{max-width: 70%;}
    .Swiper_spct .swiper-wrapper{max-height: 575px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .banner{height: 180px;}
    .swiper-slider .content{max-width: 85%;font-size: 13px;}
    .swiper-slider .content h3{font-size: 18px;}
    .swiper-slider .content .desc{height: 57px;-webkit-line-clamp:3}
    .swiper-slider .content a{display: none!important;}
    body{font-size: 15px;}
    .form-register{max-width: 100%;}
    .text-5line{height: 118px;}
    .product__grid{grid-template-columns: repeat(2,1fr);gap: 15px;}
    .text-2line{height: 45px;}
    .fs-24{font-size: 18px;}
    .mw-desc{max-width: 95%;}
    .fs-18{font-size: 15px;}
    .news__grid{grid-gap: 10px;}
    .fs-32{font-size: 22px;}
}

@media screen and (max-width:450px) {
   .banner{height: 150px;}
   .grid-service{grid-template-columns: 100%;}
   .fs-18{font-size: 14px;}
   body{font-size: 14px;}
   .text-4line{height: 82px;}
   .text-2line{height: 40px;}
   .fs-32{font-size: 18px;}
   .swiper-slider .content h3{font-size: 15px;}
   .swiper-button-next, .swiper-button-prev{width: 15px;height: 25px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 12px;}
    .swiper-slider .content .desc{height: 40px;-webkit-line-clamp:2}
}

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