body{
    padding-top:90px
}

@media (min-width:768px){
    body{
        padding-top:0
    }
}

@media (min-width:768px){
    body{
        margin-left:320px;
    }
}

.navbar.fixed-left{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1030
}
 
@media (min-width:768px){
    .navbar.fixed-left{
        bottom:0;
        width:320px;
        flex-flow:column nowrap;
        align-items:flex-start
    }
    
    .navbar.fixed-left .navbar-collapse{
        flex-grow:0;
        flex-direction:column;
        width:100%
    }
    
    .navbar.fixed-left .navbar-collapse .navbar-nav{
        flex-direction:column;
        width:100%
    }
    
    .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item{
        width:100%
    }
    
    .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item .dropdown-menu{
        top:0
    }
}

@media (min-width:768px){
    .navbar.fixed-left{
        right:auto
    }
    
    .navbar.fixed-left .navbar-nav .nav-item .dropdown-toggle:after{
        border-top:.3em solid transparent;
        border-left:.3em solid;
        border-bottom:.3em solid transparent;
        border-right:none;
        vertical-align:baseline
    }
    
    .navbar.fixed-left .navbar-nav .nav-item .dropdown-menu{
        left:100%
    }
}