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