@media all and (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 all and (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 all and (min-width: 992px) {
  .navbar .collapse {
    display: block !important; } }
@media all and (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; } }