@media screen and (max-width: 1250px) {
    .menu-pc{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    .form-search{display: none!important;}
    .map_footer iframe{margin-top: 3rem;}
    #arcontactus{display: block;}
    /* .widget-desktop{display: none;} */
    .image-about{padding-right: 2.5rem;}
    .line-about{right: 0;width: 90%;}
}

@media screen and (max-width:992px) {
    .product__grid, .news__grid{gap: 15px;}
    .table-wishlist{min-width: 900px;}
    .line-about{display: none;}
    .grid-about-detail{grid-template-columns: repeat(3, 1fr);grid-gap: 15px;}
    .grid-about-detail > div:first-child{grid-column: span 3;padding: 1rem 0!important;}
    .grid-about-detail > div:first-child .line-detail{display: none;}
    .line-detail{left: 90%;}
    .grid-partner{grid-template-columns: repeat(4, 1fr);}
    .grid-contact{grid-template-columns: repeat(2,1fr);}
    .product__grid{grid-template-columns: repeat(3,1fr);}
    .fs-20{font-size: 18px;}
    .content-about .right{width: 100%;max-width: 420px;}
    .line-right{height: 100%;left: -22px;}
    .line-right img{height: 100%;}
    .fs-32{font-size: 28px;}
    .image-about{padding-right: 0;}
}

@media screen and (max-width:768px) {
    .product__grid, .news__grid{grid-template-columns: repeat(2,1fr);}
    .banner{height: 250px;}
    .fs-20{font-size: 16px;}
    .owl-certification .owl-prev, .owl-certification .owl-next{left: 0;}
    .owl-certification .owl-next{left: inherit;right: 0;}
    .fs-32{font-size: 25px;}
    .content-about .right{float: inherit!important;padding: 1.5rem!important;}
    .grid-partner{grid-template-columns: repeat(3, 1fr);}
}

@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: 210px;}
    .fs-18{font-size: 15px;}
    .grid-partner{grid-template-columns: repeat(2, 1fr);}
    .line-detail{left: 100%;width: 15px;}
    .fs-32{font-size: 20px;}
    .img-title{max-width: 70px!important;}
    .logo-footer{max-width: 200px;}
    .fs-24{font-size: 20px;}
    body{font-size: 15px;}
    .items-pr .name{padding-top: 1.5rem;}
    .grid-about-detail{grid-template-columns: 100%;}
    .grid-about-detail > div:first-child{grid-column: span 1;}
    .grid-about-detail .about-detail{padding: 1rem 0!important;}
    .swiper-button-next, .swiper-button-prev{width: 20px;height: 30px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: 12px;}
    .dropdown-menu{font-size: 15px;}
    .dropdown-item{padding: 2px 5px;}
}

@media screen and (max-width:450px) {
   .banner{height: 180px;}
   body,.fs-18{font-size: 14px;}
   .fs-32{font-size: 18px;}
   .fs-14{font-size: 12px;}
   .fs-20{font-size: 15px;}
   .lh-25{line-height: 19px;}
   .text-2line{height: 40px;}
   .product__grid, .news__grid{gap: 10px;}
   .logo-footer{max-width: 150px;}
   .line-right{left: -15px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    body{font-size: 13px;}
    .fs-14{font-size: 10px;}
    .fs-20{font-size: 14px;}
    .line-right{left: 12px;}
}