@media only screen and (max-width:1190px) {
    .nav>li>a {
        padding: 14px 10px 14px 10px;
    }
    /* #navbar-menu.collapse{
        display: none!important;
    } */
}

@media only screen and (max-width:990px) {
    .nav#side-menu>li.active ul li a:hover{
        padding-left: 25%!important;
    }
    .nav#side-menu>li.active ul li a{
        transition: all   0.7s;
    }
    .fixed-sidebar.mini-navbar .nav li.active{
        border: 1px solid #ddd;
    }
    .fixed-sidebar.mini-navbar .secondMenu.nav li.active{
        border: none;
    }
    body.mini-navbar .navbar-default .nav>li>a.J_menuItem{
        color: #f8f2dc!important;
        padding-left: 17%!important;
        background: #8494af;
        font-size: 14px;
        
    } 
    .nav#side-menu>li ul.nav-third-level{
        background: #8494af;
        color: #f8f2dc!important;
        margin-top: 0;
    }
    .nav.nav-third-level.collapse.in{
        background: #8494af!important;
        color: #f8f2dc!important;
    }
    .nav.nav-third-level.collapse{
        background: #8494af!important;
        color: #f8f2dc!important;
    }
   .collapsing{
        background: #8494af;
        color: #f8f2dc!important;
    }
    .nav#side-menu>li ul.nav-third-level li{
        margin-left: 59px;
        border-left: 1px dashed #ccc;
        background: url(../img/line.dashed.png) 0px center no-repeat!important;
    }
    .nav#side-menu>li.active ul.nav-third-level li a{
        padding-left:7%!important
     }
    .nav#side-menu>li.active ul li a {
        background: #8494af;
        color: #f8f2dc!important;
        padding-left: 17%!important;
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 500;
    }
    .nav#side-menu>li ul li{
        background: none;
        border-left: none;
    } 
     .navbar-right {
        margin-right: 0px;
        width: 100%;
        color: #a7b1c2;
    }
    .toggleBtn{
        height: 50px;
        position: relative;
        display: flex;
        align-items: center;
    }
    #navbarToggle{
        position: absolute;  
        margin: 0;
        left: 66px;
        margin-left: -30px;     
    }
    body.mini-navbar .navbar-default .nav>li>a {
        font-size: 14px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .nav.rewrite-nav li a i {
        margin-right: 10px;
    }
    #navbar-menu {
        position: fixed;
        width: 30%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0;
        text-align: center;
    }
    body.body-small.fixed-sidebar.mini-navbar #page-wrapper,
    body.fixed-sidebar.mini-navbar #page-wrapper {
        margin-left: 0px !important;
    }

    .navbar-header {
        height: 50px;
        background: #fff;
        width: 100%;
    }

    .search {
        display: none;
    }

    .right_nav li.dropdown {
        float: unset !important;
        margin-left: 0;
        width: 100%;
        color: #a7b1c2;
    }
   
      /* 导航 */
      .navbar-toggle {
        display: block;
    }
   
    #navbar-menu{
        display: none!important;
    }
    #navbar-menu.collapse.in{
        display: block!important;
        height: 100%!important;
        overflow: scroll!important;
    }
 

    #navbar-menu .nav.rewrite-nav {
        /* height: 100%; */
        width: 100%;
    }

    .nav#side-menu>li {
        float: unset;
    }

    .nav#side-menu>li.active ul {
        position: static !important;
        width: 100%!important;
        background: #8494af!important;
        color: #f8f2dc!important;
    }
    .nav#side-menu>li ul li{
        color: #fff;
        
    }
    .nav#side-menu>li.active ul li{
        padding: 0;
        margin-left: 0;
    }
    .nav#side-menu>li ul li.active ul li{
        background: none;
        margin-left: 30%;
    }
    .nav#side-menu>li ul li.active ul li a{
        background: none;
    }
}