@media (max-width:991px) {
    .page-header.navbar {
        background-color: #365a00 !important;
    }

        .page-header.navbar.navbar-fixed-top {
            z-index: 999;
            border-bottom: 1px solid #c4c4c4;
        }

        .page-header.navbar .page-logo .logo-default {
            margin: 13px 11px 0 10px !important;
        }

    .page-sidebar.navbar-collapse.in {
        margin: 0px !important;
    }

    .page-sidebar-fixed .page-sidebar {
        border-right: 0px solid #c4c4c4;
    }

    .page-sidebar {
        width: auto !important;
    }

    .page-sidebar-fixed .page-sidebar {
        top: 0 !important;
    }

    .page-sidebar-fixed .page-footer {
        margin-left: 0px;
    }

    .page-heading {
        padding: 22px 15px 21px 15px;
    }

    .page-inner {
        height: calc(100vh - 212px);
        padding: 20px 15px 20px 15px;
    }

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 23px 6px 0 6px;
    }

    .page-header.navbar {
        height: 62px;
        min-height: 62px;
    }

    body {
        background: #35394b;
    }

    .page-header.navbar .top-menu .navbar-nav {
        margin: 13px 20px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            background-color: transparent;
        }

    .xs-hidden {
        display: none;
    }

    .page-sidebar, .page-sidebar.in {
        margin: 0 0px 0px 0px !important;
    }

    .page-header.navbar .page-logo {
        width: 100%;
    }

    .page-header.navbar {
        padding: 0 0px 0 20px;
    }

        .page-header.navbar .page-logo {
            box-shadow: 0 0px 0px 0px #000;
        }

        .page-header.navbar.navbar-fixed-top {
            border-bottom: 0px solid #c4c4c4;
            box-shadow: 0 0px 0px 0px #000;
        }

    .padding-bottom-52 {
        padding-bottom: 10px !important;
    }

    .info-user-div {
        display: none !important;
    }

    .grid-item {
        width: 50%;
    }

    .grid-sizer {
        width: 50%;
    }

    .dropdown-content1 {
        right: 0;
    }

    .page-content-wrapper .page-content {
        padding: 0px 0px 0px 0px !important;
    }
}

@media (max-width:767px) {

    .grid-item {
        width: 100%;
    }

    .grid-sizer {
        width: 100%;
    }

    .pull-left-sm {
        float: left !important;
    }

    .table-responsive {
        margin-bottom: 0px;
    }

    .dropdown-content1 {
        right: 0;
    }

    .tabs-left.nav-tabs {
        border-right: 0px solid #dedede;
    }

        .tabs-left.nav-tabs.text-right {
            text-align: left;
        }

    .text-sm-left {
        text-align: left !important;
    }
}


@media (max-width:600px) {
    ul > li > a {
        text-shadow: none;
        color: #e9ecf3;
    }
}

@media (max-width: 480px) {

    .page-sidebar, .page-sidebar.in {
        margin: 0 0px 0px 0px !important;
    }

    .title-h {
        font-size: 25px !important;
    }

    .navbar-nav2 {
        margin: 35px 0 0 0 !important;
    }

        .navbar-nav2 li {
            width: 100%;
            padding: 0 !important;
        }

            .navbar-nav2 li a {
                font-size: 16px !important;
            }

                .navbar-nav2 li a:hover {
                    font-size: 16px !important;
                }

        .navbar-nav2 li1 {
            width: 100%;
            padding: 0 !important;
        }

            .navbar-nav2 li1 a {
                font-size: 16px !important;
            }

                .navbar-nav2 li1 a:hover {
                    font-size: 16px !important;
                }

    .text-center-h {
        font-size: 25px !important;
    }
}

@media (max-width:400px) {
    .img-logo {
        width: 80%;
        height: auto;
    }
}

@media (min-width:321px) and (max-width:333px) {
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 23px 0px 0 0px;
    }
}

@media (max-width:320px) {
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: -42px 0px 0 0px;
    }
}

@media (min-width:517px) and (max-width:991px) {
    .navbar-nav > li > a {
        padding-top: 19px;
        padding-bottom: 9px;
        color: #727399 !important;
    }

    .navbar-nav > li > p {
        padding-top: 0px;
        padding-bottom: 0px;
        color: #727399 !important;
        font-weight: 900;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 19px 0px 22px 0px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
        color: #727399;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
        color: #727399;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
        color: #727399;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username:hover {
        color: #727399 !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
        color: #727399 !important;
    }

    .page-header.navbar .top-menu .navbar-nav {
        margin: 5px 5px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown {
            padding: 0px 0px;
        }
}


@media (min-width:497px) and (max-width:516px) {
    .page-header.navbar .top-menu .navbar-nav {
        margin: 5px 5px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            padding: 40px 6px 22px 8px;
        }

    .navbar-nav > li > a {
        padding-top: 40px;
        padding-bottom: 14px;
    }
}

@media screen and (max-width:496px) {
    .page-header.navbar .top-menu .navbar-nav {
        margin: 5px 5px;
    }
}

@media (min-width:517px) and (max-width:526px) {
    .navbar-nav > li > a {
        padding-top: 40px;
        padding-bottom: 20px;
        color: #ffffff !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 40px 0px 22px 0px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
        margin-top: 25px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
        color: #fff !important;
    }
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }
}

@media (min-width:980px) and (max-width:991px) {
    .modal.fade.in {
        top: 5%;
    }
}

@media (min-width:768px) and (max-width:981px) {
    .modal.fade.in {
        top: 5%;
        margin: 0px auto !important;
    }
}

@media screen and (max-width:767px) {
    .modal.fade.in {
        top: 0%;
        margin: 0px auto !important;
    }
}

@media (max-width: 991px) {
    .page-sidebar .page-sidebar-menu > li .sub-menu {
        background-color: #f9e1af !important;
    }
}

@media (min-width:1200px) and (max-width:1498px) {
    .barcode-input {
        text-align: right;
        width: 63%;
        display: inline;
    }
}

@media (max-width: 374px) {
    .page-inner {
        height: calc(100vh - 230px);
    }
}