/* MEDIA QUERIES */
@media screen and (max-width: 980px) {
    .left-side-collapsed .logo-icon{
        display: inline-block;
    }
    .left-side-collapsed .left-side {
        width: 52px;
        top: 52px;
    }
}
@media screen and (max-width: 768px) {
    body {
        position: relative;
    }
    .left-side {
        display: none;
    }
    .main-content {
        margin-left: 0;
        width: 100%;
    }
    .left-side-collapsed .left-side {
        display: block;
    }
    .left-side-collapsed .main-content {
        margin-left: 0;
    }
    .left-side-collapsed .logo-icon{
        display: none;
    }
    .left-side-collapsed .header-section {
        margin-left: 0;
    }
    .left-side-show section {
        overflow-x: hidden;
    }

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

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

    .btn-demo {
        margin-bottom: 20px;
    }

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

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

    .sticky-header .menu-right {
        margin-right: 15px;
    }
    .sticky-header.left-side-show .menu-right {
        margin-right: -30px;
    }
    /*.sticky-header .left-side {*/
        /*top: 60px;*/
    /*}*/
    /*.sticky-left-side .custom-nav {*/
        /*margin-top: -5px;*/
    /*}*/
    .modal-dialog {
        width: auto!important;
    }
}


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

    .notification-menu li:nth-child(4) {
        display: none;
    }


    .left-side .searchform,
    .left-side .logged-user {
        display: block;
    }

    .breadcrumb-wrapper {
        display: none;
    }
    .notification-menu .dropdown-menu:after {
        display: none;
    }
}

@media screen and (max-width: 360px) {
    .notification-menu li:first-child .dropdown-menu {
        margin-right: -90px;
    }

    .notification-menu li:nth-child(2) .dropdown-menu {
        margin-right: -45px;
    }

    .notification-menu li:nth-child(3) .dropdown-menu {
        margin-right: 0px;
    }
    .nav-tabs.nav-justified.nav-profile > li {
        float: none;
        display: block;
        width: auto;
    }
}