@media screen and (max-width: 992px) {
    .lg-hidden {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .md-hidden {
        display: none !important;
    }

    body {
        position: relative;
    }

    .left-side {
        display: none;
    }

    .main-content {
        margin-left: 0;
        width: 100%;
    }

    .left-side-show section {
        overflow-x: hidden;
    }

    .left-side-show .left-side {
        display: block;
    }

    .left-side-show .main-content {
        margin-left: 255px;
    }

    .sticky-header .header-section {
        left: 0;
    }

    .sticky-header.left-side-show .header-section {
        left: 255px;
    }

    .sticky-header .right-menu {
        margin-right: 15px;
    }

    .right-menu-ul .right-menu-li:nth-child(1),
    .right-menu-ul .right-menu-li:nth-child(2),
    .right-menu-ul .right-menu-li:nth-child(3),
    .right-menu-ul .right-menu-li:nth-child(4) {
        display: none;
    }

    .right-menu-ul .dropdown-menu:after {
        content: none;
    }

    .form-inline div[class*='col'],
    .form-inline input {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .form-inline div[class*='col'],
    .form-inline input,
    .form-inline .input-group,
    .form-inline .select2-box {
        width: 220px;
    }
}

@media screen and (max-width: 767px) {
    .form-inline div[class*='ms'] {
        margin-left: 0 !important;
    }

    .bootstrap-select {
        width: 100% !important;
    }
}

@media screen and (max-width: 360px) {
    .nav-tabs {
        display: block;
    }
}