@media screen and (max-width: 1366px) {
    .container{max-width: 100%;}
}
@media screen and (max-width: 1199px) {
    .menu-pc,.widget-desktop,.form-search{display: none!important;}
    .menu-mobile{ display: flex!important;}
    #arcontactus{display: block;}
    .fs-24{font-size: 22px;}
    .fs-32{font-size: 28px;}
    .owl-apohair .owl-prev{right: inherit;left: 0;color: #fff!important;}
    .owl-apohair .owl-next{left: inherit;color: #fff!important;}
    .dropdown-item{background-color: transparent;color: var(--blue);}
    .slider-category .slides .item-category{width: 100%;height: auto;}
    .slider-category .slides:hover .item-category {width: auto}
    .slider-category .slides .item-category:hover {width: auto !important;}
    .item-category .content{ opacity: 1; transform:scaleX(1) ; -webkit-transform:scaleX(1) ; -moz-transform:scaleX(1) ; -ms-transform:scaleX(1) ; -o-transform:scaleX(1) ;justify-content: end!important;}
}

@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: 24px;}
    .table-wishlist{min-width: 900px;}
}

@media screen and (max-width:768px) {
    body,.fs-18{font-size: 15px;}
    .fs-20{font-size: 16px;}
    .fs-22{font-size: 17px;}
    .fs-24{font-size: 18px;}
    .fs-32{font-size: 20px;}
    .images-sub-product{width: 100px;height: 100px;}
    .images-sub{width: 110px;height: 110px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    .breadcrumb-item{font-size: 12px;}
    input,textarea{font-size: 15px!important;}
    .fs-20{font-size: 15px;}
    .fs-24{font-size: 16px;}
    .fs-32{font-size: 18px;}
    body,.fs-18{font-size: 14px;}
    .fs-14{font-size: 13px;}
    #image-lang,.dropdown-item img{width: 25px;}
    .images-sub-product{width: 80px;height: 80px;}
    .images-sub{width: 90px;height: 90px;}
    .Swiper_spct{height: auto!important;}
    .color-product{width: 20px;height: 20px;padding: .1rem!important;}
    #images-guide{height: 500px;}
}

@media screen and (max-width:450px) {
   input,textarea{font-size: 14px!important;}
    .fs-20{font-size: 14px;}
    .fs-24{font-size: 15px;}
    .fs-32{font-size: 16px;}
    .color-product{width: 15px;height: 15px;}
}

@media screen and (max-width:320px) {
    .breadcrumb-item{font-size: 10px;}
    body{font-size: 13px;}
    .fs-20{font-size: 13px;}
    .fs-24{font-size: 14px;}
    .fs-32{font-size: 15px;}
    .images-sub-product{width: 60px;height: 60px;}
    .images-sub{width: 70px;height: 70px;}
    .color-product{width: 12px;height: 12px;}
}