@media (max-width: 768px) {
    body{
        font-size: 13px;
    }
    .box-product {
        width: 50% !important;
    }
    .sec-sidebar {
        display: none;
    }
    #main {
        width: 100%;
        padding: 0px 6px 12px;
    }
    /* div#menu{display: none;} */
    .head-product{
        flex-direction: column;
    }
    .image-product{flex-direction: column;width: 100%;max-width: unset;min-width: unset;}
    .single-image-product-p {
        width: 100%;
    }
    .gallery-container {
        display: flex;
        overflow-x: scroll;
        flex-wrap: nowrap;
    }
    .box-seller {
        flex-direction: column;
        width: calc(50% - 14px);
        margin: 7px;
        position: relative;
        padding: 10px 10px;
    }
    
    .all-sellers {
        display: flex;
        flex-wrap: wrap;
    }
    
    .r-box-seller {
        width: 100%;
        align-items: center;
    }
    
    .m-box-seller {
        width: 100%;
        padding: 0;
    }
    
    .l-box-seller {
        width: 100%;
        align-items: center;
        padding-left: 0;
    }
    
    .name-city-seller a {
        height: 25px;
    }
    
    .name-city-seller {
        display: flex;
        justify-content: flex-start;
    }
    
    .name-city-seller span {
        height: 20px;
        font-size: 12px;
    }
    
    .rate-seller {
        display: none;
    }
    
    a.logo-seller {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .report-seller {
        display: none;
    }
    
    .report-seller svg {
        width: 12px;
    }
    
    .title-report-seller a {white-space: normal;margin-left: 0;}
    
    .title-report-seller h3 {
        font-size: 12px;
    }
    
    a.price-seller {
        height: 40px;
    }
    
    .buy-link-seller a {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }
    
    .buy-link-seller {
        width: 100%;
    }
    
    a.price-seller strong {
        font-size: 18px;
    }
    
    .features-seller {
        height: unset;
        margin-bottom: 5px;
    }
    
    .history-seller {
        font-size: 11px;
        padding-left: 8px;
        padding-right: 3px;
        height: 20px;
    }
    
    .history-seller strong {
        width: 15px;
        height: 15px;
        font-size: 11px;
    }
    .contain-all-reviews {
        flex-direction: column;
    }
    
    .reviews-right {
        width: 100%;
    }
    
    .reviews-left {
        width: 100%;
    }
    .contain-btn-product{
        padding: 0 10px;
    }
    .search-main input{
        margin-bottom: 0;
        height: 42px;
        padding-right: 40px;
        font-size: 12px;
    }
    div#menu {
        
        width: 100%;
                
        background-color: rgb(106 119 179 / 20%) !important;
                
        backdrop-filter: blur(8px);
                
        padding: 0;
                
        top: 0;
                
        border-radius: 0;
                
        height: 0vh;
                
        z-index: 999999 !important;
                
        background: linear-gradient(53deg, rgb(32 42 122 / 30%) 0%, rgb(37 96 142 / 30%) 100%);
                
        position: absolute;
                
        /* padding: 2px; */
                
        right: 0;
                
        left: 0;
                
        min-height: 5px;
    }

    .logo {
        margin-top: 15px;
        margin-right: 0;
    }
    
    
    .search-main {
        /* margin-right: 60px; */
    }
    
    ul.breadcrumb {
        margin-right: 0;
        font-size: 11px;
    }
    
    .animate-logo strong {
        font-size: 45px;
        line-height: 45px;
    }
    
    .animate-logo {
        font-size: 18px;
    }
    #mobile-menu {
        display: flex;
        color: white;
        align-items: center;
        padding: 3px 15px;
        justify-content: space-between;
        font-size: 16px;
        /* border-top: 1px solid #ffffff24; */
        background: linear-gradient(45deg, #46437e, #2e5573) !important;
        border-radius: 0 0 20px 20px;
    }
    
    #mobile-menu svg {
        fill: white;
        width: 19px;
        height: 19px;
    }
    .search-main>svg {
        right: 14px;
        width: 16px;
        height: 16px;
    }
    div#contain-all {
        flex-direction: column;
        display: flex;
        align-items: center;
    }
    .btn-sabt {
    }
    
    .btn-sabt img {
        width: 30px;
    }
    
    a.btn-login span {
    }
    
    .btn-login svg {
    }
    
    .btn-login {/* padding: 0; *//* margin-top: 10px; */}

    .filter-mobile {display: flex;background: linear-gradient(90deg, rgb(58 50 214 / 78%), rgb(33 125 197 / 78%));border-radius: 20px;padding: 3px;margin: 4px;backdrop-filter: blur(5px);overflow-x: auto;align-items: center;margin-bottom: 0;z-index: 100;position: relative;}

    .filter-mobile>div {
        background: rgb(255 255 255 / 80%);
        color: #0c2b50;
        margin: 3px 3px;
        padding: 6px 12px;
        border-radius: 31px;
        font-weight: 700;
        font-size: 11px;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }
    .filter-mobile>div>svg {
        width: 10px;
        height: 10px;
        margin-right: 5px;
        fill: #0c2b50;
    }
    .filter-mobile>span {
        color: white;
        white-space: nowrap;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 10px;
        margin-right: 8px;
    }
    
    .filter-mobile>span>svg {
        fill: white;
        width: 15px;
        height: 15px;
    }
    .filter-mobile::-webkit-scrollbar{
        width: 0;
        height: 0;
    }
    .box-product:nth-child(1),.box-product:nth-child(2) {
        border-top: 0;
    }






    .menu-nav-mobile {
        position: fixed;
        bottom: 0;
        right: 0px;
        display: block;
        width: 100%;
        height: 5px;
        background: #475bb9;
    }
    
    .btn-menu-nav-mobile>span>svg {
        width: 17px;
        fill: white;
        height: 17px;
    }
    
    .btn-menu-nav-mobile>div>svg {
        width: 8px;
        fill: white;
        height: 8px;
        margin-left: 2px;
    }
    
    .btn-menu-nav-mobile {
        background: #5a70d95e;
        display: flex;
        color: white;
        flex-direction: column;
        align-items: center;
        width: 55px;
        line-height: 0;
        border-radius: 0 0 500px 500px;
        overflow: hidden;
    }
    
    .btn-menu-nav-mobile>div {
        display: flex;
        align-items: center;
        background: #5a70d95e;
        width: 100%;
        justify-content: center;
        padding-bottom: 6px;
        font-size: 8px;
    }
    
    .btn-menu-nav-mobile>span {
        padding: 3px;
    }
    
    .menu-container {
    }


    
    .menu-nav-mobile svg {
        right: 50%;
        transform: translate(50%);
        position: absolute;
        top: 5px;
        width: 120px;
    }

    .menu-nav-mobile .cls-1 {
        fill: #475bb9 !important;
    }
    .in-menu {
        border-radius: 20px;
    }

    .menu-mobile-head {
        width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    
    .menu-mobile-head .menu-user {
        flex-direction: row;
        display: flex;
        align-items: center;
    }
    
    .menu-mobile-head .btn-sabt {
        flex-direction: row;
        height: 30px;
        padding: 10px;
        margin: 0;
        margin-left: 8px;
        font-size: 11px;
    }
    
    .menu-mobile-head .btn-sabt img {
        width: 20px;
        margin-left: 5px;
        margin-bottom: 0;
    }
    
    .menu-mobile-head .btn-login {
        padding: 0;
    }
    
    .menu-mobile-head .btn-login svg {
        width: 25px;
        height: 25px;
    }
    
    .menu-mobile-head .logo {
        margin-top: 15px;
        margin-right: 12px;
    }
    
    .menu-mobile-head .animate-logo strong {
        font-size: 26px;
        line-height: 26px;
    }
    
    .menu-mobile-head .animate-logo {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: -4px;
    }
    .menu-subcat1, .menu-subcat2 {
        right: 150px !important;
        padding-right: 0;
        width: calc(100% - 160px);
        border-radius: 20px;
        height: calc(100% - 40px);
        font-size: 11px;
        top: 12px;
    }
    
    .menu-subcat1 .chb-menu, .menu-subcat2 .chb-menu {
        padding: 8px 15px;
    }
    
    .menu-subcat1 svg, .menu-subcat2 svg {
        width: 20px;
        height: 20px;
    }
    .ct-menu {
        height: 100vh;
        padding: 10px 10px 28px;
        position: relative;
    }
    .menu-nav-mobile.close-m-n {
        transform: rotate(180deg);
    }
    
    .menu-nav-mobile.close-m-n svg {
        top: 4px;
    }
    .filter-mobile-box {
        background: linear-gradient(90deg, rgb(203 201 244 / 70%), rgb(171 202 227 / 70%));
        backdrop-filter: blur(10px);
        position: absolute;
        top: 45px;
        z-index: 99;
        display: flex;
        border-radius: 0 0 20px 20px;
        margin-top: 0px;
        width: 90%;
        right: 5%;
    }
    
    .fm-category {
        display: flex;
        flex-direction: column;
        width: 100%;
        z-index: 98;
        padding: 10px;
    }
    
    .fm-category a {
        color: #262731;
        padding: 8px 12px;
        display: block;
        width: 100%;
    }
    .ct-filter-mobile {
        position: sticky;
        top: 0;
        z-index: 99;
    }
    .gallery-item {
        min-width: 85px;
    }
    #sidebar {
        display: none;
    }
}