@media screen and (max-width: 991px){
    body,html{
        width: 100%;
        height: 100%;
    }

    .row{
        margin-top: 0;
    }
    .product-category {
        margin-top: 10px;
        background: white;
        padding: 9px;
    }
    
    .product-category .row {
        margin: 0 0px;
    }
    
    .product-category .col-6 {
        padding: 4px;
    }

    .sort-mobile ul {
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0 4px;
        right: 0;
    }
    
    .sort-mobile ul > li {
        display: inline-block;
        width: 25%;
        float: left;
        font-size: 14px;
        font-weight: 600;
        color: #212b36;
        position: relative;
    }

    li.active-sort-mobile span {
        border-bottom: 2px solid #e60019;
        display: inline-block;
        height: 100%;
        padding: 10px 0;
    }

    .sort-mobile ul li span {
        padding: 10px 0;
        display: inline-block;
    }

    ul.sub-sort-mobile {
        position: absolute;
        z-index: 99;
        overflow: hidden;
        width: fit-content;
        box-shadow: -1px 2px 20px 1px #8080807d;
        background: white;
        top: 100%;
        visibility: hidden;
    }

    ul.sub-sort-mobile li {
        display: block;
        float: unset;
        min-width: 200px;
        padding-left: 20px;
        border-bottom: 1px solid #8080801f;
    }

    .container {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    body{
        background: var(--back-ground-gray);
        overflow-x: hidden;
    }

    .header {
        background: white;
    }
    
    .categories-mobile {
        background: white;
        padding: 0;
    }

    .categories-mobile .one-category img {
        height: 150px;
        object-fit: cover;
        object-position: top;
    }
    
    .categories-mobile .one-category .title-slider-category {
        font-size: 15px;
        font-weight: 600;
        color: #212b36;
        padding: 10px;
    }

    h2.title-section.hot-title {
        font-size: 15px;
        font-weight: 600;
        color: #212b36;
    }
}

@media screen and (max-width: 575px)
{

    .sort-product {
        float: right;
        margin-right: 10px;
    }

    body,html{
        overflow-x: hidden !important;
    }

    .box-content-category .row{
        margin-bottom: 0;
    }

    .product-category{
        margin-top: 0;
    }

    .categories-mobile .one-category img {
        border-radius: 3px;
        height: 70px;
    }

    .categories-mobile .one-category .title-slider-category{
        font-size: 14px;
        text-transform: inherit;
    }

    .sort-mobile ul li span{
        font-size: 10px;
    }

    input.input-search {
        font-size: 12px;
    }

    .header-popup {
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
}