@media screen and (max-width: 1250px) {
    .menu-pc,.widget-desktop,.form-search{display: none!important;}
    .menu{padding-bottom: .25rem!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    #arcontactus{display: block;}
    .fs-28{font-size: 26px;}
    .fs-32{font-size: 28px;}
    .list-group-item{padding-left: 1rem!important;padding-right: 1rem!important;}
    .container-register{background: var(--purple-b)!important;}
    .owl-why .owl-stage-outer{background: none;}
    .owl-why .owl-stage-outer::before,.owl-why .owl-stage-outer::after{display: none;}
}

@media screen and (max-width:992px) {
    .table-wishlist{min-width: 900px;}
    .why-footer{position: relative;top: 0;}
    .like__grid{grid-template-columns: repeat(3, calc(33.33% - (10px * 2 / 3)));}
    .product__grid{grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));}
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-22{font-size: 20px;}
    .fs-28{font-size: 24px;}
    .fs-32{font-size: 26px;}
    .fs-detail legend{top: -20px;}
}

@media screen and (max-width:768px) {
    .list-grid{grid-template-columns: repeat(3,calc(33.33% - (10px / 2)));grid-gap: 10px;}
    .list-group-item{padding-left: 2rem!important;padding-right: 2rem!important;}
    .fs-detail legend{top:-18px}
    body{font-size: 15px;}
    .fs-18{font-size: 15px;}
    .fs-20{font-size: 16px;}
    .fs-22{font-size: 18px;}
    .fs-23{font-size: 21px;}
    .fs-28{font-size: 22px;}
    .fs-32{font-size: 24px;}
    .news__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));}
    .product__grid{grid-template-columns: repeat(3, calc(33.33% - (10px * 2 / 3)));grid-gap: 10px;}
    input,textarea{font-size: 15px!important;}
    .bg-list{background-color: url('../images/bg-list.png')no-repeat center;background-size: auto 100%;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    .product__grid,.list-grid,.like__grid{grid-template-columns: repeat(2, calc(50% - (10px / 2)));}
    .desc.w-75{width: 100%!important;}
    body{font-size: 14px;}
    .fs-20{font-size: 15px;}
    .fs-22{font-size: 16px;}
    .fs-23{font-size: 19px;}
    .fs-24{font-size: 22px;}
    .fs-28{font-size: 20px;}
    .fs-32{font-size: 22px;}
    .row.w-75{width: auto!important;}
    input,textarea{font-size: 14px!important;}
    .plicy-grid{grid-template-columns: 100%;}
}

@media screen and (max-width:450px) {
    .fs-18{font-size: 14px;}
    .fs-20{font-size: 14px;}
    .fs-22{font-size: 15px;}
    .fs-23{font-size: 17px;}
    .fs-24{font-size: 20px;}
    .fs-28{font-size: 18px;}
    .fs-32{font-size: 20px;}
    .more-detail{display: none!important;}
    .name-detail{width: 100%;}
    .name-list span{width: 30px;height: 30px;padding: .5rem!important;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 9px;}
    .fs-22{font-size: 14px;}
    .fs-23{font-size: 15px;}
    .fs-24{font-size: 20px;}
    .fs-28{font-size: 16px;}
    .fs-32{font-size: 18px;}
    .product__grid,.list-grid,.like__grid{grid-template-columns: repeat(2, calc(50% - (5px / 2)));grid-gap: 5px;}
    .fs-detail legend{top: -15px;}
    
}