@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; } }