@media screen and (max-width: 1440px) {
    .container{max-width: calc(100% - 100px);}
}
@media screen and (max-width: 1350px) {
    .fs-32{font-size: 26px;}
    .fs-36{font-size: 30px;}
    .fs-24{font-size: 22px;}
}
@media screen and (max-width: 1250px) {
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .widget-desktop{display: none;}
}

@media screen and (max-width:992px) {
    .fs-32{font-size: 22px;}
    .fs-24{font-size: 19px;}
    .content-event{padding: 1rem 1rem;}
    .product__grid,.news__grid{grid-template-columns: repeat(3,1fr);}
    .table-wishlist{min-width: 900px;}
    .partner__grid{grid-template-columns: repeat(4,1fr);}
}

@media screen and (max-width:768px) {
    .fs-24{font-size: 16px;}
    .h-name{height: 48px;}
    .fs-36{font-size: 20px;}
    .content-qc{width: 100%;right: 0;max-width: 100%;padding: 1rem 2rem;}
    .news__grid,.gift__grid{grid-template-columns: repeat(2,1fr);}
    .item-more{flex-direction: column-reverse;align-items: start!important;}
    .item-more a{margin-top: .5rem;}
    body{font-size: 15px;}
    .items-qc img{min-height: 230px;}
    .partner__grid{grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width:650px) {
    .product__grid{grid-template-columns: repeat(2,1fr);}
    .grid-videos{grid-template-columns: repeat(2,1fr);gap: 15px;grid-template-rows: auto;}
    .grid-videos a:first-child{grid-column: span 1;grid-row: span 1;}
    .grid-videos a:first-child .icon-youtube{max-width: 34px;}
    .grid-videos a:first-child .img-video{width: 100%;object-fit: contain;}
    .partner__grid{gap: 15px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    body{font-size: 14px;}
    .grid-flag{grid-template-columns: 100%;}
    .h-desc{height: 40px;}
    .fs-24{font-size: 14px;}
    .h-name{height: 40px;}
    .news__grid,.gift__grid{gap: 10px;}
    .banner_full .background{height: 230px;}
    .span-title{display: none;}
    .logo a img{max-width: 90px;}
    .logo{height: 60px;}
    .partner__grid{grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width:450px) {
   .banner_full .background{height: 180px;}
   body{font-size: 13px;}
   .fs-20,.fs-36{font-size: 16px;}
   .fs-32{font-size: 20px;}
   p.line{font-size: 55px;}
   .logo a img{max-width: 70px;}
   .logo{height: 50px;}
   .product__grid{gap: 10px;}
   .header .container::before, .header .container::after{width: 55px;}
   .form-search{height: 46px;}
   .name-pr{font-size: 11px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .product__grid{grid-template-columns: 100%;}
    .logo{max-width: 140px;}
    .header .container::before, .header .container::after{width: 45px;}
}