@media screen and (max-width: 1500px) {
    .filter-group,
    .toolbar .ls-label,
    .input-label {
        margin-right: 10px;
    }
}

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


@media screen and (max-width: 1366px) {
    .home-page-body {
        padding-top: 10px;
    }

        .home-page-body > div:last-of-type .home-menu-box {
            margin-bottom: 0;
        }

    .toolbar .filter-group {
        margin-right: 5px;
        margin-bottom: 1px;
    }

    .toolbar .wrap-dd-select,
    .toolbar .ls-input-field {
        width: 130px;
    }

    .ls-button.search-button {
        margin-left: -14px;
        padding: 0 10px;
    }

    .custom-modal .modal-dialog {
        width: 85%;
        margin-top: 30px;
    }

    .table > thead > tr > th {
        vertical-align: top;
    }

    .table-icon {
        padding: 8px;
    }

    .home-menu-box {
        height: 160px;
    }

        .home-menu-box h1 {
            margin-top: 10px;
        }

            .home-menu-box h1 span {
                font-size: 50px;
            }

        .home-menu-box h3 {
            font-size: 12px;
        }

    .slide-panel {
        padding-top: 5vh;
    }
    
    .ls-date-range-picker .ls-input-field.date-field,
    .ls-date-range-picker {
        max-width: 160px;
        width: 160px;
    }
}

@media screen and (max-width: 1280px) {
    .table-icon {
        margin-bottom: 0;
    }

    .table tr td.action-buttons {
        padding-bottom: 0;
    }

    .action-text {
        display: none;
    }

}

@media screen and (max-width: 1200px) {
    .home-page-body > div {
        //width: 60%;
    }

    .home-page-body .slide-panel > div {
        width: 50%;
    }

    .custom-modal .modal-dialog {
        width: 95%;
        margin-top: 30px;
    }
}

@media screen and (max-width: 991px) {
    .home-page-body > div {
        //width: 80%;
    }

    .glyphicon.glyphicon-info-sign {
        display: none;
    }

    .home-page-body .slide-panel > div {
        width: 60%;
    }
}

@media screen and (max-width: 770px) {
    .home-page-body > div {
        //width: 40%;
    }

        .home-page-body > div:last-of-type .home-menu-box {
            margin-bottom: 30px;
        }

        .home-page-body .slide-panel > div {
        width: 70%;
    }

    .navigation-sidebar-large {
        left: -160px;
    }

    .pin-button,
    .menu-item-title,
    .menu-category {
        display: none;
    }

    .navigation-sidebar ul {
        margin-top: 0;
    }
}


/* HEIGHT */

@media screen and (max-height: 670px) {
    .navigation-sidebar ul li.menu-category {
        display: none;
    }
}