ul.nav.navbar-nav {
    margin-top: 21px;
        margin-left: 7%;
}
ul.nav.navbar-nav li .active{
    color: #0b2a8d !important;
    font-weight: bold !important;
}
@media (min-width: 1680px) and (max-width: 1919px)  {
ul.nav.navbar-nav {
    margin-left: 4%;
}
}
@media (min-width: 1600px) and (max-width: 1679px)  {
ul.nav.navbar-nav {
    margin-left: 1%;
}
}
@media (min-width: 1530px) and (max-width: 1599px)  {
ul.nav.navbar-nav {
    margin-left: 1%;
}
.navbar-inverse .navbar-nav>li>a {
    font-size: 17px !important;
}
}
@media (min-width: 1440px) and (max-width: 1529px)  {
ul.nav.navbar-nav {
    margin-left: 1%;
}
.navbar-inverse .navbar-nav>li>a {
    font-size: 17px !important;
}
}
@media (min-width: 1366px) and (max-width: 1439px)  {
ul.nav.navbar-nav {
    margin-left: 1%;
}
.navbar-inverse .navbar-nav>li>a {
    font-size: 14px !important;
}
}
@media (min-width: 1024px) and (max-width: 1365px)  {
ul.nav.navbar-nav {
    margin-left: -9% !important;
    margin-top: 0 !important;
}
.navbar-brand>img {
    display: block;
    width: 59% !important;
}
.navbar-brand {
    padding: 8px 0px !important;
}
.navbar-inverse .navbar-nav>li>a {
    font-size: 13px !important;
    padding: 14px 8px !important;
}
}
@media (min-width: 600px) and (max-width: 767px)  {
    .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #B52600 !important;
}
.navbar-toggle {
    margin-top: 21px !important;
}
}
@media (min-width: 240px) and (max-width: 599px)  {
    .navbar-toggle {
    margin-top: 23px !important;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #B52600 !important;
}
ul.nav.navbar-nav.navbar-right {
    display: none;
}
}
@media (min-width: 360px) and (max-width: 383px)  {
    .navbar-brand {
    float: left;
    padding: 7px 5px !important;
}

}