@media only screen and (max-width:6000px) and (min-width:700px) {
    .wrapper.right-bar-enabled .right-bar {
        right: 0;
        z-index: 99
    }
}

@media (max-width:1023px) {
    .button-menu-mobile {
/*        display: block !important*/
    }

    .email-msg {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    body {
        overflow-x: hidden
    }
}

@media (max-width:768px) {
    body {
        overflow-x: hidden
    }

    .side-menu {
        position: absolute !important;
        -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
        -moz-transition: all .5s cubic-bezier(.55, 0, .1, 1);
        -o-transition: all .5s cubic-bezier(.55, 0, .1, 1);
        -ms-transition: all .5s cubic-bezier(.55, 0, .1, 1);
        transition: all .5s cubic-bezier(.55, 0, .1, 1)
    }

    .enlarged .left.side-menu {
        margin-left: -75px
    }

    .topbar-left {
        width: 70px !important
    }

    .topbar-left span {
/*        display: none !important*/
    }

    .topbar-left i {
        display: block !important;
        line-height: 60px !important
    }

    .topbar .topbar-left {
/*        height: 60px;*/
        background: transparent;
    }

    .navbar-default {
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02)
    }

    .navbar-nav {
        display:flex;
        align-items:center;
/*        margin: 0;*/
/*        display: inline-block*/
min-width: 100px;
    }
    .navbar-nav:before, .navbar-nav:after{
        display: none;
    }
    .forced.enlarged .topbar {
        margin: 0;
    }
    .forced .topbar {    
/*    margin-left: -200px;*/
width: 100%;
}

    .navbar-nav li {
        display: inline-block;
        line-height: 1px
    }

    .navbar-nav.navbar-right {
        float: right
    }

    .content-page {
        margin-left: 0 !important
    }

    .footer {
        left: 0 !important
    }

    .mobile-sidebar {
        left: 0
    }

    .mobile-content {
        left: 250px;
        right: -250px
    }

    .wrapper-page {
        width: 90%
    }

    .dataTables_wrapper .col-xs-6 {
        width: 100%;
        text-align: left
    }

    div#datatable-buttons_info {
        float: none
    }

    .ms-container {
        width: 100%
    }

    .m-t-sm-50 {
        margin-top: 50px !important
    }
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
        left: auto;
        position: absolute;
        right: 0
    }

    .navbar-nav .open .dropdown-menu li {
        display: block
    }

    .dropdown-lg {
        width: 200px !important
    }

    .user-box {
        float: right
    }

    .dataTables_length {
        float: none;
        margin-bottom: 10px
    }
}

@media (max-width:480px) {
    .side-menu {
        z-index: 10 !important;
        -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
        -moz-transition: all .5s cubic-bezier(.55, 0, .1, 1);
        -o-transition: all .5s cubic-bezier(.55, 0, .1, 1);
        -ms-transition: all .5s cubic-bezier(.55, 0, .1, 1);
        transition: all .5s cubic-bezier(.55, 0, .1, 1)
    }

    .container {
        padding-left: 10px;
        padding-right: 10px
    }

    .button-menu-mobile {
        display: block;
        padding: 0 10px
    }

    .search-bar {
        display: none !important
    }
}

@media (max-width:420px) {
    .hide-phone {
        display: none !important
    }
}

@media (min-width:768px) {
    .container-alt {
        width: 750px
    }

    .nav-tabs.nav-justified>li>a {
        border-bottom: 2px solid #eee
    }
}

@media (min-width:992px) {
    .container-alt {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container-alt {
        width: 1170px
    }
}

@media (max-width:419px) {
    .hidden-xxs {
        display: none
    }

    .logo .icon-c-logo {
        display: inline-block !important;
        line-height: 58px !important
    }

    .logo span {
/*        display: none !important*/
    }

    .wrapper-page .logo span {
        display: inline-block !important
    }

    .page-title-box .breadcrumb,
    .topbar-left,
    .user-list .user-list-item .avatar,
    .user-list .user-list-item .icon {
        display: none
    }

    .content-page {
        margin-left: 70px
    }

    .forced .side-menu.left {
        box-shadow: 0 12px 12px rgba(0, 0, 0, .1)
    }

    .enlarged .side-menu.left {
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1) !important
    }

    .page-title {
/*        font-size: 15px;*/
        max-width: 250px;
        white-space: nowrap
    }

    .navbar-default {
        padding: 0
    }

    .navbar-default .navbar-left {
        padding-left: 0 !important
    }

    .navbar-default .navbar-left li {
        padding: 0 5px
    }

    .topbar-left {
        width: 70px !important
    }

    .editable-responsive {
        overflow-x: auto
    }

    .profile-info-name img {
        float: none;
        margin: 0 auto 20px
    }

    div.hopscotch-bubble .hopscotch-bubble-container {
        max-width: 180px
    }

    .navbar-nav .open .dropdown-menu {
        margin-right: -20px
    }

    .user-box .dropdown-menu {
        margin-right: 0 !important
    }

    .dropdown-lg {
        width: 160px !important
    }

    .user-list .user-list-item .user-desc {
        margin-left: 0
    }

    .mails .table-detail {
        display: block
    }
}