@media (min-width: 1200px) {
.row {  *zoom: 1;
}
.row:before,  .row:after { display: table; line-height: 0; content: ""; }
.row:after { clear: both; }
.container,  .navbar-static-top .container,  .navbar-fixed-top .container,  .navbar-fixed-bottom .container { width: 940px; }
}

/* 
  Bootstrap 3 by default keeps the navbar visible on tablets.
  From here onwards it's to get the navbar to collapse starting on 991px - tablets
*/
@media (max-width: 991px) {
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a,  .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}

@media (min-width: 992px) {
.navbar .collapse { display: block !important; }
}

@media (max-width: 991px) {
.navbar .navbar-header { float: none; }
.navbar .navbar-toggle { display: block; }
.navbar .collapse { display: none !important; }
.navbar .navbar-collapse { max-height: 340px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; }
.navbar .navbar-collapse.in { overflow-y: auto; }
.navbar ul.navbar-nav { padding: 0px 20px; }
.navbar ul.navbar-nav.navbar-right { float: left !important; }
.navbar ul.navbar-nav > li { float: none; }
.navbar ul.navbar-nav .open .dropdown-menu > li > a { color: #999; line-height: 25px; font-weight: bold; padding: 5px 15px 5px 35px; font-size: 15px; }
.navbar ul.navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background: none; }
}