@media screen and (max-width: 800px) {
    
   
    #links{
        display: none;
    }

    #bars {
        display: block;
    }
    nav {
        justify-content: space-between;
    }

    #record > div{
        width: 160px;
    }

    .cat {
        width: 160px;
        margin: 5px 3px;
    }
    .cat h3{
        font-size: 16px;
    }
    .detail-imgs img{
        width: 150px;
        margin: 10px 5px 0px 0px;
    }
    .cat p{
        font-size: 14px;
    }
    #une section .main-img{
        width: 100%;
        display: block;
    }
    .promo-img{
        top: -50px !important;
        width: 130px !important;
    }

    footer {
        display: block;
        text-align: center;
    }
    footer div{
        width: 100%;
        margin:20px auto;
    }
    .promotion, .new, .enstock, .outstock{
        font-size: 12px;
    }

    #reviews section {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .review{
        width: 150px;
        min-width: 140px;
        border-top: 3px solid crimson;
        margin: 20px 1px;
    }
    .review-text{
        font-size: 14px;

    }
    
    .detailzone .md{
        width: 100% !important;
    }
    .detailzone .champ{
        margin: 10px 0px !important;
    }

    .detailzone .detail_img img{
        width: 140px;
    }

    .categories {
        display: none;
    }
    .split #search-bycat {
        display: block;
        background-color: transparent;
        /* width: 100%; */
        box-shadow: none;
        margin: 5px !important;

    }
    #category{
        width: 100%;
        display: block;

        box-sizing: border-box;
    }
    .best{
        text-align: center;
    }
    .best img{
        margin: auto;
    }
    .split{
        display: block;
        margin: 5px;
    }
    .product-item{
        width: 95% !important;
        box-sizing: border-box;
        margin: 5px 0px;
    }
    #products_zone {
        padding: 0;
    }
    #products_zone section{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 0;
    }
}