@media (min-width: 1200px) {
    .navbar-nav > li > a {padding: 30px 0 30px 40px;}
    .navbar-brand {width: 250px; height: 58px; padding: 10px 0 0 0;}
    .navbar-brand img {width: 250px; height: 58px;}
}

@media (min-width: 992px) and (max-width: 1300px) {
    .banner h2 {font-size: 60px;}
    .banner .subline {font-size: 20px;}
    .jumbotron-glasses {font-size: 24px; padding-top: 100px; padding-bottom: 100px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav > li > a {padding: 30px 0 30px 30px;}
    .side figure {padding: 0 80px 20px;}
    .navbar-brand {width: 250px; height: 58px; padding: 10px 0 0 0;}
    .navbar-brand img {width: 250px; height: 58px;}
    .h-caption h3 {font-size: 24px;}
    .dark-bg h3.service-title {font-size: 30px;}
    #footer .widget h4 {font-size: 16px;}
    .effect-holder figure p {font-size: 55%;}
    .fullscreen .vcenter {display: table-cell; vertical-align: top; padding-top: 200px;}
}

@media (min-width: 992px) {
    .container > .navbar-header, .container-fluid > .navbar-header {margin-right: 10px;}
    .navbar-top {padding: 0;}
    .navbar-toggle {display: none;}
    .navbar-collapse.collapse {display: block !important; height: auto !important;
            padding-bottom: 0px; overflow: visible !important;}
    .navbar-nav {float: right;}
}

@media (max-width: 991px) {
    .fullscreen .vcenter {display: table-cell; vertical-align: top; padding-top: 200px;}
    .navbar-brand {width: 220px; height: 50px; padding: 15px 0 0 0;}
    .navbar-brand img {width: 220px; height: 50px;}
    .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse .dropdown > .dropdown-menu, .navbar-collapse .dropdown.open > .dropdown-menu {
            animation: none !important; -webkit-animation: none !important;}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu li a {line-height: 20px;}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu li a, .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .megamenu a {
    padding: 5px 15px 5px 25px;}
    .nav > li > a {padding: 10px 15px;}
    .navbar-nav > li:first-child > a {padding-left: 15px;}
    .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0;
    background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}
    .navbar-nav .angle {float: none; font-size: 16px; margin: 2px 0 0 10px;}
    .container-fluid .navbar-btn.navbar-right.last {margin: 0;}
    .banner {padding-left: 50px;}
    .overlay-container .overlay.color {opacity: 0.5;}
    .food1 p {color: #fff;}
    .btn-blank {color: #fff; border: 2px solid #fff;}
    .service-text {color: #fff;}
    .portal-block {margin-bottom: 50px;}
    .center-link {margin-top: 20px;}
    .subhead {padding-top: 140px;}
    .subhead h1 {font-size: 36px;}
    .portal-img {margin-bottom: 40px;}
    .jumbo-run {background: #fff url(../img/portal-4.jpg) no-repeat bottom left; background-size: 100% auto;}
    .banner h2 {font-size: 60px;}
}

@media (min-width : 768px) {
    .sticky-menu.fixed .navbar-brand {height: 45px; padding: 5px 30px 0px 0px;}
    .sticky-menu.fixed .navbar-brand img {height: 42px;}
    .big-block p {font-size: 20px; line-height: 1.4; color: #333;}
}

@media (min-width : 768px) and (max-width : 991px) {
    .navbar-nav {float: right;}
    
    .sticky-menu.fixed .navbar-brand {height: 45px; padding: 5px 30px 0px 15px;}
    .sticky-menu.fixed .navbar-brand img {height: 45px;}
    .navbar-inverse .navbar-btn.btn-icon {margin-left: 15px;}
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    
    .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important; margin: 7.5px -15px;}
    .navbar-nav > li {float: none;}
    .navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px;}
    .navbar-inverse .navbar-nav li > .dropdown-menu {box-shadow: none;}
    .navbar-inverse .navbar-nav .open > a, .navbar-inverse .navbar-nav .open > a:hover, .navbar-inverse .navbar-nav .open > a:focus, .navbar-inverse .navbar-nav .active > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse li a:hover, .navbar-inverse .navbar-nav .megamenu-title:hover, .navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #8DC63F; background-color: transparent;}
    .navbar-inverse .dropdown-menu > li > a:hover {background-color: transparent;}
    .collapse.in {display:block !important;}
    .side figure {padding: 0 50px 20px;}
    .portal-block h2 {font-size: 18px;}
    .portal-item h3 {font-size: 18px;}
    .status, .portal-text {font-size: 14px;}
    .dark-bg h3.service-title {font-size: 30px;}
    .jumbo-run .run {margin-bottom: 310px;}
    .footer2 {margin-top: 10px; text-align: center;}
}
@media (max-width : 991px) {
    .marResponsive {margin-bottom: 40px;}
    .navbar-inverse li a:hover, .navbar-inverse .navbar-nav > li > a:hover {
    color: #666; background-color: transparent;}
    .jumbotron-service, .jumbotron-glasses {font-size: 24px; padding-top: 80px; padding-bottom: 80px;}
}
@media (max-width : 767px) {
    .navbar-brand {padding: 15px 0 0 15px;}
    .colored-box figure {padding: 0px 20% 40px;}
    .on-white {padding: 50px 50px 0;}
    .jumbotron-social .form-control {margin-bottom: 30px;}
    .contact {margin-bottom: 60px;}
    .contact h3 {margin-bottom: 30px;}
    .banner h2 {font-size: 50px;}
    .banner .subline {font-size: 16px;}
    .blog-list h2, .blog-list-flash {padding-left: 20px;}
    .jumbo-run .run {margin-bottom: 250px;}
    .effect-holder figure p {font-size: 55%;}
    .blog-detail {border-bottom: 1px solid #ccc; margin-bottom: 60px;}
    .jumbotron-service, .jumbotron-glasses {font-size: 24px; padding-top: 60px; padding-bottom: 60px;}
    .footer2 {margin-top: 10px; text-align: left;}
}
@media (min-width : 600px) {
    .jumbo-members .hidden-mem {display: block!important;}
    .jumbo-members .visible-mem {display: none!important;}
}
@media (max-width : 599px) {
    .banner {text-align: center; padding-left: 0;}
    .jumbo-members .hidden-mem {display: none!important;}
    .jumbo-members .visible-mem {display: block!important;}
    .visible-mem .col-xs-12 {margin-bottom: 20px;}
    .visible-mem h2 {padding-bottom: 5px; margin-bottom: 10px; border-bottom: 2px solid #b2052d; display: inline-block;}
    #footer .widget ul, .contact-form-widget, .newsletter-widget {margin-top: 0;}
}
@media (max-width : 499px) {
    .navbar-top {font: 600 12px/30px 'Open Sans', Verdana;}
    .top-right ul li {padding: 0 0 0 20px;}
    
    .image-row .col-xs-4, .image-row .col-xs-8 {width: 100%;}
    .image-row .col-xs-4 {margin-bottom: 30px;}
    .paging ul.pages li a, .paging ul.pages li.disabled, 
    .paging ul.pages li.current {padding: 4px 10px;}
    .top-left #newsletter-widget-form {display: none;}
    label.input-desc {width: 100%;}
    .fullscreen .vcenter {display: table-cell; vertical-align: top; padding-top: 130px;}
    .banner h2 {font-size: 40px;}
    .banner .subline {font-size: 16px;}
    .jumbo-run .run {margin-bottom: 150px;}
    .jumbo-text {padding-top: 50px; padding-bottom: 20px;}
    .visible-mem p {font-size: 18px;}
    .hidden-mobile {display: none!important;}
    h3.service-title {line-height: 1.4; padding-bottom: 1px;}
}