/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }

  .navbar-nav li {
    background: rgba(0, 0, 0, 0) url("images/sidenav_dev.gif") repeat-x scroll 0 100%;
  }
  .sidebar-nav .navbar li a {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 13px;
    padding-left: 5px;
  }
  .navbar-default {
  background-color: transparent ;
  border-color: transparent ;
  }

}