@media screen and (max-width: 1250px) {
    .menu-pc{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    .item-form-register{justify-content: space-between;}
    .form-search{display: none!important;}
    .header-pc{display: none!important;}
    .menu.fixed .logo-header{max-width: 50px;}
    .owl-prev{margin-left: 0;}
    .owl-next{margin-right: 0;}
    .custom-prev img, .custom-next img{max-width: 15px;}
    .custom-prev, .custom-next{padding: 7px 9px;}
    .header-mobile{display: flex;}
}

@media screen and (max-width: 992px) {
    .fs-32{font-size: 25px;}
    .fs-50{font-size: 35px;}
    .fs-20{font-size: 18px;}
    .r-slogan{margin-left: 0;}
    .content_qc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;}
}

@media screen and (max-width:768px) {
    .list-typical{padding: 0 10px; text-align: center;}
    .list-typical li{display: inline-block;margin-bottom: 10px;}
    .fs-32{font-size: 20px;}
    .fs-24{font-size: 20px;}
    .breadcrumb-item a{font-size: 16px;}
    .logo-header{max-width: 50px;}
    .menu.fixed .logo-header{max-width: 30px;}
    .fs-20{font-size: 16px;}
    body{font-size: 14px;}
    .text-3line{height: 65px;}
    .product__grid,.grid_app{grid-template-columns: repeat(2, calc(50% - (10px / 2)));}
    .fs-18,.fs-24{font-size: 16px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 14px;}
    .container-maintenance table{width: 700px!important;}
    .newsletter__frm{padding: 10px 10px!important;}
    .breadcrumb-item{font-size: 10px;}
    .header{font-size: 12px;}
    .list-typical li{font-size: 12px;}
    .text-2line{font-size: 14px;height: 39px;}
    .text-h2line{height: 50px;}
    .price{font-size: 14px;}
    .grid-app{grid-template-columns: 100%}
    .fs-32{font-size: 18px;}
    .logo-header{max-width: 40px;}
    .breadcrumb-item+.breadcrumb-item::before{height: 10px;margin-top: 8px;padding-left: 0.5rem;}
    .first-letter:before{right: -11px;clip-path: polygon(0 0, 100% 18%, 100% 81%, 0% 100%)}
    .container_body.row>* {padding-left: 0;padding-right: 0;}
}

@media screen and (max-width:420px) {
    .lang-mb img{max-width: 25px;}
    .header-mobile h1{display: none;}
    .header .border-right{border: none;}
    .header a{display: none!important;}
    .fs-32{font-size: 15px;}
}

@media screen and (max-width:320px) {
    body{font-size: 12px;}
    .fs-32{font-size: 14px;}
    .first-letter:before{clip-path: polygon(0 0, 100% 21%, 100% 78%, 0% 100%);}
}