@media(min-width: 600px) and (max-width: 1000px) {
    .logo-container,
    .header-content,
    .sidebar {
        display: none;
    }

    .sidebar-content {
        height: auto !important;
    }

    .portal {
        display: block;
        position: relative;
        bottom: 0;
        top: 85px;
        left: 0;
        right: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .mobile-header {
        width: 100%;
        background: #33509a;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
    }

    .mobile-logo-container {
        display: flex;
        justify-content: center;
    }

        .mobile-logo-container img {
            width: 160px;
            box-sizing: border-box;
            padding: 5px;
        }

    .orders-table__createdBy,
    .orders-table__pdf,
    .orders-table__delivery {
        display: none;
    }

    .orders-table .orders-table__header tr:first-child td:first-child {
        border-radius: 0;
    }

    .mobile-portal-block {
        display: block;
        box-sizing: border-box;
        padding: 15px 0;
        color: #e50019;
        font-weight: bold;
    }

    .orders-table__header-row td,
    .orders-table__body-row td {
        font-size: 16px;
    }

    .sidebar-navigation__item {
        padding: 25px 20px;
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px solid #33509a;
        transition: .1s;
    }

    .mobile-menu-sidebar {
        position: relative;
        top: 60px;
    }

    .sidebar-navigation__item.active {
        color: #33509a;
        background: #0000000f;
    }
    .sidebar-navigation__link:first-of-type .sidebar-navigation__item {
        border-radius: 0;
    }

    .search-holder {
        display: none;
    }

    .subcategories-holder {
        position: relative;
        height: auto;
        overflow-x: scroll;
    }

    .subcategory__link {
        font-size: 14px;
    }

    .subcategory-holder {
        padding: 5px 15px;
        min-height: 40px;
        display: flex;
        align-items: center;
    }
    
    .products-container {
        position: relative;
        top: 0;
    } 

    .product-holder__image,
    .product-holder__prices,
    .product__quantity.product-attribute {
        display: none;
    }

    .product__title,
    .product-holder__info span {
        font-size: 16px;
        flex: auto;
    }

    .product-holder__set-quantity {
        padding: 0;
        border: none;
    }

    .input-group input[type='button'] {
        width: 35px;
        height: 35px;
        border: none;
    }
    
    .input-group .quantity-field {
        width: 25px;
        height: 25px;
        border-radius: 0;
    }

    .product-holder__cart {
        padding: 0;
        border: none;
    }

    .add-to-cart-img {
        width: 25px;
    } 

    .add-to-cart__form {
        display: flex;
        align-items: center;
    }

    .header-cart {
        filter: brightness(0) invert(1);
        width: 25px;
    }

    .cart-items-counter {
        background: #ffffff;
        color: #e50019;
        margin: 1px;
        width: 15px;
        height: 15px;
    }

    .submit-order-items {
        padding: 0px !important;
    }

    .submit-order__title {
        display: block;
        font-size: 18px;
        padding: 0 0;
        margin: 10px 0;
    }

    .submit-order-form {
        overflow-x: scroll;
    }

    .submit-order__table {
        overflow-x: scroll;
    }

    .submit-order-info {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .submit-order__table-item{
        /* display: flex; */
        /* flex-direction: column; */
    }

    .mobile-cart__desc {
        display: block;
    }

    #submit-order__notes {
        width: 300px !important;
    }

    .submit-order__table-title,
    .submit-order__table-item,
    .submit-order-total-price,
    .submit-order-facility-discount {
        font-size: 16px;
    }
    .new-price-input {
        width: 80px;
    }
    
    #orderModal {
        top: 25%;
        width: 120px !important;
        font-size: 15px;
    }

    #order-proceed,
    #order-cancel {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .logout-btn-mobile {
        display: block;
        margin: 20px;
        background: #4d66a7;
        color: white;
        outline: none;
        border: none;
        padding: 5px 10px;
    }

    .form-container {
        min-width: auto;
    } 

    .search-holder {
        position: relative;
        display: block;
        top: 0;
        right: 0;
        width: 100%;
        margin: 10px 0;
    }

        #search-product {
            width: 100%;
            box-sizing: border-box;
            height: 40px;
            border-radius: 5px;
            position: relative;
        }

        .search-holder::after {
            display: block;
            content: " ";
            background: url('../images/icons/search-silver.png');
            height: 30px;
            box-sizing: border-box;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 70%;
            width: 30px;
            top: 4px;
            right: 15px;
            /* filter: brightness(5) invert(1); */
            position: absolute;
        }

        .submit-order-note {
            width: 100% !important;
        }

        .submit-order__buttons {
            justify-content: center !important;
            margin-top: 15px !important;
        }

        .submit-order-facility-discount {
            padding: 0;
        }

        .submit-order-info__info,
        .submit-order__date, 
        .submit-order__facility,
        #submit-order__notes {
            width: 100% !important;
            border-radius: 5px !important;
        }

        .product-holder__image {
            display: block;
            min-width: 45px;
            max-width: 45px;
            min-height: 45px;
            max-height: 45px;
            align-self: center;
        }

        .product-title-holder {
            padding: 5px 0;
        }

        .sidebar-admin__option-link{
           font-size: 16px;
        }

        .categories-container {
            justify-content: flex-start;
        } 

        .category-holder {
            flex: 0 31%;
            box-sizing: border-box;
            margin: 5px !important;
            height: auto;
            min-height: auto;
            overflow: hidden;
            margin: 0;
            margin-bottom: 15px;
        }

        .category-image-holder {
            width: 100%;
            height: 100px;
        }

        .category-title__title {
            font-size: 16px;
        }

        .category-edit {
            font-size: 16px;
        }

        .product__barcode.product-attribute,
        .product__barcode.product-attribute,
        .product__barcode.product-attribute,
        .product__vendor.product-attribute{
            display: none;
        }

        .product-holder__edit,
        .product-holder__remove{
            border: none;
        }

        .users-table {
            overflow-x: scroll;
            font-size: 16px;
        }

        .users-table__header-row td,
        .users-table__body-row td,
        .facilities-table__header-row td,
        .facilities-table__body-row td {
            font-size: 16px;
        }

        .products-column,
        .facilities-column {
            width: 100%;
            box-sizing: border-box;
        }

        .product-label__title,
        .product-label__option,
        .product-img-upload,
        .product-label input, 
        .product-label select {
            font-size: 16px;
        }

        .product-label input, 
        .product-label select{
            height: 40px;
        }

        .submit-product,
        .submit-category,
        .submit-facility {
            font-size: 16px;
            width: 100%;
        }

        .create-category__title,
        .create-subcategory__title {
            font-size: 16px;
        }
        .create-category__label input,
        .create-subcategory__label input {
            font-size: 16px;
            height: 40px;
            box-sizing: border-box;
            width: 100%;
        }

        .facility-label__title,
        #add-new-location {
            font-size: 16px;
        }

        #add-new-location {
            text-decoration: underline;
        }

        .facility-label input, 
        .facility-label select {
            font-size: 16px;
            height: 40px;
            box-sizing: border-box;
        }

        .facility-modal {
            left: 0;
            right: 0;
            width: 80%;
            margin: auto;
        }

        .facility-modal__title {
            font-size: 16px;
        }
        
        .facility-modal input {
            font-size: 16px;
            box-sizing: border-box;
            height: 40px;
        }

        .facility-modal .modal-submit__button {
            font-size: 16px;
            font-weight: bold;
        }

        #facility-location__table {
            overflow-x: scroll;
        }

        .facilities-column {
            overflow-x: scroll;
        }

        #facility-location__table tr td {
            font-size: 16px;
        }

        .users-column {
            width: 100%;
            box-sizing: border-box;
        }
        
        .label-input__title {
            font-size: 16px;
        }

        .label-input__input {
            height: 40px;
            font-size: 16px;
        }

        .label-input__input-role {
            font-size: 16px;
        }

        .submit-user-btn-holder,
        .edit-user-submit-btn {
            width: 100%;
            padding: 20px;
            box-sizing: border-box;
        }

        .submit-user {
            width: 100%;
            font-size: 16px;
        }

        .label-input__facility-input {
            font-size: 16px;
        }

        .edit-subcategory-holder {
            display: flex;
            align-items: center;
        }

        .delete-subcategory-entry {
            font-size: 20px;
            border-radius: 50%;
            color: #ffffff;
            background: #e50019;
            margin-left: 15px;
            padding: 8px;
            vertical-align: middle;
            cursor: pointer;
            text-align: center;
            display: flex;
            font-weight: bold;
            align-items: center;
            width: 10px;
            height: 10px;
            justify-content: center;
        }

        .remove-button {
            font-size: 16px;
        }

        .create-product-container {
            padding-bottom: 50px;
        }

        .orders-total-wrap span {
            font-size: 16px;
            font-weight: bold;
            color: #33509a;
        }

        #submit-order-btn {
            font-size: 14px;
        }

        #cancel-order-btn {
            font-size: 14px;
        }

        .submit-order__table td {
            padding: 10px 10px 10px 10px;
        }

        .submit-order-back {
            /* margin: 0px 20px; */
            display: flex;
            margin-bottom: 20px;
            width: 100%;
        }
        .submit-order-back a {
                background: #33509a;
                color: #ffffff;
                padding: 8px 25px;
                border-radius: 15px;
                text-decoration: none;
                text-align: left;
            }
            .mobile-category-filter {
                display: block;
                background: #4d66a7;
                margin-bottom: 20px;
                padding: 15px;
                
            }
            
            #mobile-category-toggle {
                display: flex;
                justify-content: space-between;
                width: 100%;
            }
                #mobile-category-toggle span {
                    display: flex;
                    font-size: 16px;
                    color: #ffffff;
                    
                }
    
                .mobile-category-wrap {
                    display: none;
                }
    
            .arr-down {
                color: #ffffff;
            }
    
            .mobile-category-list {
                list-style: none;
                padding: 0;
            }
                .mobile-category-list li{
                    list-style: none;
                    padding: 15px 5px;
                }
    
                .mobile-category-list li.active{
                    color: #ffffff;
                    background: rgb(223, 223, 223, .2);
                }
    
                .mobile-category-list a{
                        color: #ffffff;
                        text-decoration: none;
                }


        }