@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .max1200 {
        width: 100%;
        overflow: hidden;
    }
    .navbar-default .navbar-nav li a {
        font-size: 16px;
        padding: 35px 10px;
    }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
    .max1200 {
        width: 100%;
        overflow: hidden;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        padding: 20px 5px;
    }
    .navbar-default .navbar-nav > li > a:hover {
        height: 60px;
    }
    .navbar-default .navbar-nav > li > ul {
        top: 100%;
    }
    .navbar-default .navbar-nav > li:hover {
        height: auto;
    }
    .navbar-brand {
        height: 36px;
        padding: 0;
        margin: 10px 5px;
        background-size: cover;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .navbar-right {
        height: 65px !important;
    }
    .banner .bannerContext .bannerItem {
        height: 30em;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 799px) {
    .navbar-brand {
        height: 36px;
        padding: 0;
        margin: 10px 5px;
        background-size: cover;
    }
    .max1200 {
        width: 100%;
        overflow: hidden;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        padding: 20px 5px;
    }
    .navbar-default .navbar-nav > li > a:hover {
        height: auto;
    }
    .navbar-default .navbar-nav > li > ul {
        top: 100%;
    }
    .navbar-default .navbar-nav > li:hover {
        height: auto;
    }
}
@media screen and (max-width: 765px) {
    .navbar-default .navbar-nav > li.currs {
        height: auto;
        border: 0;
    }
    .banner .bannerContext .bannerItem {
        height: 20em;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .navbar-brand {
        height: 36px;
        padding: 0;
        margin: 10px 5px;
        background-size: cover;
    }
    .wihte {
        margin-top: 56px;
    }
    .max1200 {
        width: 100%;
        overflow: hidden;
    }
    .navbar-default .navbar-nav > li > a:hover {
        height: auto;
        border-left: 2px solid #286090;
        border-bottom: none;
    }
}
@media screen and (max-width: 605px) {
    .banner .bannerContext .bannerItem {
        height: 21em;
    }
}
@media (max-width: 435px) {
    .navbar-default .navbar-nav > li > ul {
        opacity: 0;
    }
    .navbar-default .navbar-nav > li:hover {
        border-bottom: 0;
        height: auto;
        background: #e9f2f8;
    }
    .banner .bannerContext .bannerItem {
        height: 15em;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .banner .bannerLeft,
    .banner .bannerRight {
        width: 13%;
        top: 42%;
    }
}