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

}
@media screen and (max-width: 980px){
    
}
@media screen and (max-width: 860px){
    
}
@media screen and (max-width: 680px){
    #logo{ width: 100%; text-align: center; padding-bottom: 10px; display: none;}
    #logo img{ max-width: 130px; }
    #copyright .copyright{ float: none; text-align: center; margin-bottom: 10px;}
    #copyright .links{ text-align: center; }
    #header-menu .profile{
        display: none;
    }
    #header-menu .cart, #header-menu .auth{
        width: 49%;
    }
    #header-menu .cart a{
        position: relative;
    }
    #header-menu .cart .notify{
        bottom: -9px; top: initial;
        left: 25px;
    }
    #header-menu{ width: 100%; text-align: center; }
    #header-menu ul li{ padding-bottom: 10px; padding-top: 10px;}
    #top-menu .menu{ text-align: center;}
    .section{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .product-listing {
        padding-top: 15px;
    }
    .section h1{ margin-bottom: 25px; }
    div .form-item{ margin-bottom: 20px; }
    .filter-group .form-container{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /* flex-direction: column; */
        width: 100%;
    }
    .filter-group .form-item.search{
        -ms-flex: 0 0 100%; /* calc( 100% - 40px - 20px ); */
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-right: 0; 
        margin-left: 0; 
        order: 2;
        margin-bottom: 10px;
    }
    .filter-group .form-item.favorites{
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        max-width: 30px;
        width: 100%;
        order: 1;
        margin-bottom: 0;
    }
    .filter-group .form-item.categories{ 
        -ms-flex: 0 0 calc( 100% - 40px - 20px );
        flex: 0 0 calc( 100% - 40px - 20px );
        max-width: calc( 100% - 40px - 20px );
        width: 100%;
        margin-right: 0; 
        order: 3;
        display: none;
    }
    
    .filter-group .form-item.clients{ width: 100%; padding-right: 0; text-align: center; }
    .product-listing .category-section .row.header,
    .orders-listing .orders-section .row.header{ 
        display: none; 
    }
    .form-item.note{
        padding-right: 20px;
    }
    #cartForm .form-item.note button[name="voice"]{
        display: none; 
    }
    .product-listing .category-section .row-item.product{ 
        width: 100%; /* calc( 100% - 60px ); */
        margin-right: 0;
        margin-bottom: 20px;
        font-size: 18px;
    }
    .product-listing .category-section .row-item.unit {
        margin-right: 30px;
        margin-left: 60px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .product-listing .category-section .row-item.quantity {
        width: calc( 100% - 90px - 68px );
        margin-bottom: 10px;
    }
    .filter-group .form-item.edate, .filter-group .form-item.submit{ width: 100%; text-align: center;}
    .filter-group .form-item.edate{ padding-right: 0; }
    .users-listing .users-section .row-item.buttons:first-child{ width: 0;}
    .users-listing .users-section .row-item.user{ width: 100%; }
    .orders-listing .orders-section .row.orders-item .row-item.buttons{ display: none; }
    .orders-listing .orders-section .row.orders-item .row-item.order{ width: 100%; }
    .orders-listing .orders-section .row-item.order-id{ width: 50%; }
    .orders-listing .orders-section .row-item.edate{ width: 50%; text-align: right; }
    .orders-listing .orders-section .row-item.object{ width: 100%; }
    .orders-listing .orders-section .row-item.status{ width: 50%; }
    .orders-listing .orders-section .row-item.total{ width: 50%; text-align: right;  }
    .filter-group .form-item.voice{ display: none; }
    .filter-group .form-item.voice.hide{ 
        /* display: inline-block !important; */
    }
    .product-listing .category-section .row-item.favorites:hover{
        background: url(/images/assets/empty-star.png) no-repeat center center !important;
        cursor: unset !important;
    }
    .product-listing .category-section .row-item.favorites.active:hover{
        background: url(/images/assets/red-star.png) no-repeat center center !important;
        cursor: unset !important;
    }
    #make-order-page h1{
        font-size: 16px;
        margin-bottom: 10px;
    }
    #make-order-page h2{
        display: none;
    }
    #make-order-page .product-listing .category-section .row-item .label.in-cart{
       font-size: 16px; 
    }
    
    #make-order-page .product-listing{
        padding-top: 10px;
        border-top: 1px solid #cdcdcd;
    }
    #make-order-page .product-listing .category-section .row-item.product{
        margin-bottom: 10px;
    }
    #make-order-page .product-listing .category-section .row-item .label{
        font-size: 16px;
        line-height: 1em;
    }
    #make-order-page .product-listing .category-section .row{
        padding-bottom: 10px;
    }
    #make-order-page .product-listing .category-section .row-item.unit, 
    #make-order-page .product-listing .category-section .row-item.quantity{
        display: none;
    }
    .product.row-item:hover .intro{
        width: 80%;
    }
    #cartForm .product-listing .category-section .cart-item .row-item.product{
        margin-right: 0;
        width: calc( 100% - 60px );
    }
}

@media screen and (max-width: 560px){
    .users-listing .users-section .row.header{ display: none; }
    .users-listing .users-section .row-item.user-name{ width: 100%; }
    .users-listing .users-section .row-item.total{ width: 100%; }
}

@media screen and (max-width: 420px){
    #header-menu .cart, #header-menu .profile{ padding-left: 10px; padding-right: 10px; }
}