@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;}
    .bg-footer::after{background-size: 100% 100%;}
    .logo-header{}
}

@media screen and (max-width: 1100px) {
    .form-contact{justify-content: space-between;}
    .menu-mobile{position: absolute;z-index: 99;left: 10px;top: 50%;transform:translate(0,-50%);}
    .menu.fixed .logo-header{max-width: 80px;transition: 0.6s ease;}
    .table-wishlist{width: 1000px;}
}

@media screen and (max-width:900px) {
    .fs-50{font-size: 35px;}
    .product__grid{grid-template-columns: repeat(3, calc(33.33% - (10px * 2 / 3)));}
    .news__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)))}
    .grid_contact{grid-template-columns: repeat(2, calc(50% - (15px / 2)));}
}

@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: 25px;}
    .fs-24{font-size: 20px;}
}

@media screen and (max-width:650px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .fs-36{font-size: 28px;}
    .breadcrumb-item{font-size: 14px;}
    .fs-32{font-size: 25px;}
    .fs-20{font-size: 17px;}
    .text-line{font-size: 34px;}
    .fs-36{font-size: 24px;}
    .product__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));}
    .banner_full .background{height: 200px;}
    .container-maintenance table{width: 700px!important;}
}

@media screen and (max-width:576px) {
    .bg-footer .row>* , .bg-new .row>*, .form-contact.row>*{padding-left: 0;padding-right: 0;}
    .video_gird{gap: 5px;}
    .items-video i{font-size: 25px;line-height: 15px;}
}

@media screen and (max-width:500px) {
   .fs-7{font-size: 14px;}
   .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: 13px;height: 36px;}
   .news__grid{grid-template-columns: 100%}
   .price{font-size: 14px;}
}

@media screen and (max-width:450px) {
    .text-4line{-webkit-line-clamp: 2;height: 40px}
    .fs-50{font-size: 25px;}
    .fs-32{font-size: 16px;}
}

@media screen and (max-width:430px) {
   .fs-32{font-size: 20px;}
   .text-line{font-size: 28px;}
   .fs-36{font-size: 20px;}
   .banner_full .background{height: 130px;}
}

@media screen and (max-width:376px) {
    .header{font-size: 9px;}
    .price{font-size: 12px;}
    .cart-action a,.cart-action button{font-size: 12px;}
    .phuongthuc_thanhtoan,.phuongthuc_thanhtoan button{font-size: 13px;}
}

@media screen and (max-width:340px) {
}