@media screen and (max-width: 1366px) {
    .fs-45{font-size: 40px;}
    .fs-56{font-size: 50px;}
}
@media screen and (max-width: 1250px) {
    .container{max-width: 100%;}
    .fs-24{font-size: 22px;}
    .fs-32{font-size: 30px;}
    .fs-45{font-size: 36px;}
    .fs-56{font-size: 45px;}
}
@media screen and (max-width: 1199px) {
    .menu_pc,.widget-desktop,.form-search{display: none!important;}
    .menu-mobile{display: flex!important;}
    #arcontactus{display: block;}
    .top-header{height: auto;}
    .header.fixed .top-header{ opacity: 1; height: auto; transform:translateY(0) ; -webkit-transform:translateY(0) ; -moz-transform:translateY(0) ; -ms-transform:translateY(0) ; -o-transform:translateY(0) ; }
    .product__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    .image-product-detail{background-size: 100% auto;}
    .content-slide{top:50%; left: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ;padding: 0 .75rem; }
    .header{padding: .2rem 0;}
    .logo{width: calc(100% - 30px);}
}

@media screen and (max-width:992px) {
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-24{font-size: 20px;}
    .fs-32{font-size: 28px;}
    .table-wishlist{min-width: 900px;}
    .product-index-grid,.news__grid{grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));}
    .fs-45{font-size: 32px;}
    .fs-56{font-size: 40px;}
    .banner-product{height: auto;}
    .content-slide .desc{-webkit-line-clamp:3;height: 65px;}
    footer{background-size: cover!important;}
}

@media screen and (max-width:768px) {
    body,.form-select,.breadcrumb-item{font-size: 15px;}
    .fs-18{font-size: 15px;}
    .fs-20{font-size: 16px;}
    .fs-24{font-size: 18px;}
    .fs-32{font-size: 26px;}
    .fs-45{font-size: 28px;}
    .fs-56{font-size: 30px;}
    .product-index-grid,.news__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
    .content-slide .desc{-webkit-line-clamp:2;height: 45px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .fs-18{font-size: 14px;}
    .fs-20,.accordion-button{font-size: 15px;}
    .fs-24{font-size: 16px;}
    .fs-32{font-size: 22px;}
    .fs-45{font-size: 24px;}
    .fs-56{font-size: 26px;}
    .product__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));grid-gap: 10px;}
    .product-index-grid,.news__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));grid-gap:20px 10px;}
    .breadcrumb-item,.form-select{font-size: 14px;}
    a.more{ transform:scale(.9) ; -webkit-transform:scale(.9) ; -moz-transform:scale(.9) ; -ms-transform:scale(.9) ; -o-transform:scale(.9) ; }
    .image-product{background-size: 100% auto;}
}

@media screen and (max-width:450px) {
    .fs-18,.form-select{font-size: 13px;}
    .fs-20{font-size: 14px;}
    .fs-24{font-size: 15px;}
    .fs-32{font-size: 17px;}
    .fs-45{font-size: 20px;}
    .fs-56{font-size: 22px;}
    body{font-size: 14px;}
    .logo img{max-width: 40px!important;}
    .content-slide .name span::before{left: 1px;}
    .fs-14{font-size: 13px;}
    .fs-10{font-size: 8px;}
    .text-4line{height: 85px;}
    .breadcrumb-item{font-size: 12px;}
    .text-2line{line-height: 18px;height: 38px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 10px;}
    body{font-size: 13px;}
    .fs-18,.form-select{font-size: 12px;}
    .fs-20{font-size: 13px;}
    .fs-24,.accordion-button{font-size: 14px;}
    .fs-32{font-size: 15px;}
    .fs-45{font-size: 17px;}
    .fs-56{font-size: 19px;}
    .logo{padding-left: .2rem!important;}
    .logo .fs-20{font-size: 11px;}
    .lang-header a{font-size: 11px;}
    .fs-10{font-size: 6px;}
    .text-4line{height: 75px;}
    a.more{ transform:scale(.7) ; -webkit-transform:scale(.7) ; -moz-transform:scale(.7) ; -ms-transform:scale(.7) ; -o-transform:scale(.7) ; }
    .title-related{font-size: 14px;}
    .content-slide .desc{height: 40px;}
}