.navbar {
   min-height: 100vh;
   margin-bottom: 0;
   border-radius: 0;
   width: 100%;
   background-color: white;
}

   .navbar.navbar-default {
      /*position: fixed;*/
      /*max-width: 364px;*/
      position: fixed;
      left: -1px;
      width: 25%;
   }

@media (min-width: 768px) {


   .navbar-collapse {
      height: auto;
      border-top: 0;
      box-shadow: none;
      max-height: none;
      padding-left: 0;
      padding-right: 0;
   }

      .navbar-collapse.collapse {
         display: block !important;
         width: auto !important;
         padding-bottom: 0;
         overflow: visible !important;
      }

      .navbar-collapse.in {
         overflow-x: visible;
      }

   .navbar {
      /*max-width: 300px;*/
      width: 25%;
      margin-right: 0;
      margin-left: 0;
   }

   .navbar-nav,
   .navbar-nav > li,
   .navbar-left,
   .navbar-right,
   .navbar-header {
      float: none !important;
   }

      .navbar-right .dropdown-menu {
         left: 0;
         right: auto;
      }

   .navbar-collapse .navbar-nav.navbar-right:last-child {
      margin-right: 0;
   }
}

@media (max-width: 768px) {

   .row {
      margin-top: 118px;
   }

   .navbar {
      min-height: 2vh;
   }

   .col-sm-9 {
      margin-top: 100px;
   }

   .navbar.navbar-default {
      position: inherit;
      left: -1px;
      width: 100%;
   }
}