@media screen and (max-width: 1450px) {
    .container{max-width: 1250px;}
}
@media screen and (max-width: 1350px) {
    .container{max-width: calc(100% - 100px);}
}
@media screen and (max-width: 1250px) {
    .menu-pc{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    .btn-search{display: none!important;}
    .map_footer iframe{margin-top: 3rem;}
    #arcontactus{display: block;}
    .widget-desktop{display: none;}
    .form-search{position: relative;top: inherit;opacity: 1;transform: inherit;}
    .menu{padding: .3rem 0;}
    .content-about::before{width: 56px;}
    .name-list{background: inherit;padding-bottom: 0!important;}
}

@media screen and (max-width:992px) {
    .product__grid,.items-list{grid-template-columns: repeat(3,1fr);}
    .table-wishlist{min-width: 900px;}
    .fs-32{font-size: 28px;}
    .banner{height: 300px;}
}

@media screen and (max-width:768px) {
    .banner{height: 250px;}
    .fs-32{font-size: 25px;}
    .product__grid,.news__grid,.items-list{grid-template-columns: repeat(2, calc(50% - (15px / 2)));grid-gap: 15px;}
    .fs-20{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: 12px;}
    .banner{height: 210px;}
    .fs-32,.fs-24{font-size: 20px;}
    body{font-size: 15px;}
    .line img{max-width: 250px;}
    .product__grid,.news__grid{gap: 15px;}
    .text-3line{height: 60px;}
    .text-2line{height: 40px;}
    .item-newsletter{border-radius: 2rem;}
    .content-about::before,.content-about .container::after, .content-about .container::before{display: none;}
    .grid-why{grid-template-columns: 100%;}
    .item-price{font-size: 14px;}
}

@media screen and (max-width:450px) {
   .banner{height: 180px;}
   body{font-size: 14px;}
   .items-customer{flex-direction: column;}
   .items-customer .content{margin-left: inherit;margin-top: -65px;padding-left: 1rem;padding-top: 5rem!important;padding-right: 1rem;}
   .product__grid,.news__grid,.items-list{gap: 10px;}
   .item-price{font-size: 13px;}
   /* .item-price{flex-direction: column;}
   .item-price p{margin: 2px 0!important;} */
}

@media screen and (max-width:400px) {
    .item-price{flex-direction: column;}
}

@media screen and (max-width:350px) {
    .breadcrumb-item{font-size: 9px;}
    .line img{max-width: 200px;}
    .fs-32, .fs-24{font-size: 18px;}
    body{font-size: 13px;}
    .item-price{font-size: 12px;}
}