/* Large desktop */
@media (min-width: 1170px) {
.main-nav { background:#3b6284; }
.main-nav .container { background:none; }
.navbar { overflow:visible; margin-bottom:0; padding:0; }
.navbar-inner span.main-menu-heading { display:none; }
.navbar-inner { background:none; padding:0; border-radius:0; border:none; box-shadow:none; }
.nav-tabs { border-bottom:none; }

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { color:#fff; text-decoration:none; background-color:#31506c; box-shadow:none; border-radius:0; }

.navbar .nav { list-style:none; margin:0; background:url('../images/nav-link-bg.gif') left repeat-y; padding-left:2px; }
.navbar .nav > li { float:left; padding:0; margin:0; position:relative; }
.navbar .nav > li > a { display:block; text-decoration:none; padding:15px 20px; color:#fff; font-size:18px; font-family:"Bree Serif"; font-weight:400; text-shadow:none; border-radius:0; margin:0; }

.navbar .nav ul { display:none; float:left; margin:0; list-style:none; position:absolute; left:0; width:200px; z-index:9999; height:auto !important; background-color:#31506c; padding:10px; border:none; }
.navbar .nav ul li { margin:0; padding:0; float:none; font-size:14px; line-height:18px; font-family:Roboto; font-weight:300; }
.navbar .nav ul ul { left:100%; top:0; }
.navbar .nav ul a { color:#fff; text-align:left; text-decoration:none; padding:10px; display:block; }
.navbar .nav ul a:hover { color:#fff; text-decoration:underline; }

.navbar .nav li:hover > a,
.navbar .nav li:hover a:focus { background-color:#31506c; color:#fff; }

.navbar .nav li:hover > ul { display:block; }

.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current_page_item > a,
.navbar .nav > li.current_page_ancestor > a { background-color:#31506c; }

.navbar .nav > li.current-menu-item > a:hover,
.navbar .nav > li.current-menu-ancestor > a:hover,
.navbar .nav > li.current_page_item > a:hover,
.navbar .nav > li.current_page_ancestor > a:hover { background-color:#31506c; }
}

@media (min-width: 980px) and (max-width: 1169px) {
.main-nav { background:#3b6284; }
.main-nav .container { background:none; }
.navbar { overflow:visible; margin-bottom:0; padding:0; }
.navbar-inner span.main-menu-heading { display:none; }
.navbar-inner { background:none; padding:0; border-radius:0; border:none; box-shadow:none; }
.nav-tabs { border-bottom:none; }

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { color:#fff; text-decoration:none; background-color:#31506c; box-shadow:none; border-radius:0; }

.navbar .nav { list-style:none; margin:0; background:url('../images/nav-link-bg.gif') left repeat-y; padding-left:2px; }
.navbar .nav > li { float:left; padding:0; margin:0; position:relative; }
.navbar .nav > li > a { display:block; text-decoration:none; padding:15px; color:#b8c3ca; font-size:14px; font-family:"Bree Serif"; font-weight:400; text-shadow:none; border-radius:0; margin:0; }

.navbar .nav ul { display:none; float:left; margin:0; list-style:none; position:absolute; left:0; width:200px; z-index:9999; height:auto !important; background-color:#31506c; padding:10px; border:none; }
.navbar .nav ul li { margin:0; padding:0; float:none; font-size:14px; line-height:18px; font-family:Roboto; font-weight:300; }
.navbar .nav ul ul { left:100%; top:0; }
.navbar .nav ul a { color:#fff; text-align:left; text-decoration:none; padding:10px; display:block; }
.navbar .nav ul a:hover { color:#fff; text-decoration:underline; }

.navbar .nav li:hover > a,
.navbar .nav li:hover a:focus { background-color:#31506c; color:#fff; }

.navbar .nav li:hover > ul { display:block; }

.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current_page_item > a,
.navbar .nav > li.current_page_ancestor > a { background-color:#31506c; }

.navbar .nav > li.current-menu-item > a:hover,
.navbar .nav > li.current-menu-ancestor > a:hover,
.navbar .nav > li.current_page_item > a:hover,
.navbar .nav > li.current_page_ancestor > a:hover { background-color:#31506c; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {
.main-nav { background:#31506c; }
.main-nav .container { background:none; }
.main-nav .row-fluid { padding:0 !important; margin-bottom:0; }
.navbar-inner { background:none; border-radius:0; box-shadow:none; border:none; padding:10px 0; }
.navbar .btn-navbar { background:#213649; border:1px solid #111c26; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#31506c; }
.navbar .nav { padding-right:5px; margin:10px 0 30px 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:18px; font-family:"Bree Serif"; font-weight:400; }
.navbar .nav a { background-color:#3b6284; border:none; border-radius:0 !important; }
.navbar .nav > li { margin:0 0 2px 0; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:18px; font-family:"Bree Serif"; font-weight:400; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { background-color:#fff !important; color:#31506c; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#31506c; color:#fff; border:none; }
.nav-tabs { border-bottom:none; }
.navbar .nav ul { display:none; }
.navbar .btn-navbar .icon-bar { background-color:#fff; background-image:none; }
.navbar .btn-navbar:hover .icon-bar { background-color:#fff; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.main-nav { background:#31506c; }
.main-nav .container { background:none; }
.main-nav .row-fluid { padding:0 !important; margin-bottom:0; }
.navbar-inner { background:none; border-radius:0; box-shadow:none; border:none; padding:10px 0; }
.navbar .btn-navbar { background:#213649; border:1px solid #111c26; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#31506c; }
.navbar .nav { padding-right:5px; margin:10px 0 30px 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:18px; font-family:"Bree Serif"; font-weight:400; }
.navbar .nav a { background-color:#3b6284; border:none; border-radius:0 !important; }
.navbar .nav > li { margin:0 0 2px 0; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:18px; font-family:"Bree Serif"; font-weight:400; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { background-color:#fff !important; color:#31506c; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#31506c; color:#fff; border:none; }
.nav-tabs { border-bottom:none; }
.navbar .nav ul { display:none; }
.navbar .btn-navbar .icon-bar { background-color:#fff; background-image:none; }
.navbar .btn-navbar:hover .icon-bar { background-color:#fff; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.main-nav { background:#31506c; }
.main-nav .container { background:none; }
.main-nav .row-fluid { padding:0 !important; margin-bottom:0; }
.navbar-inner { background:none; border-radius:0; box-shadow:none; border:none; padding:10px 0; }
.navbar .btn-navbar { background:#213649; border:1px solid #111c26; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#31506c; }
.navbar .nav { padding-right:5px; margin:10px 0 30px 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:18px; font-family:"Bree Serif"; font-weight:400; }
.navbar .nav a { background-color:#3b6284; border:none; border-radius:0 !important; }
.navbar .nav > li { margin:0 0 2px 0; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:18px; font-family:"Bree Serif"; font-weight:400; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { background-color:#fff !important; color:#31506c; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#31506c; color:#fff; border:none; }
.nav-tabs { border-bottom:none; }
.navbar .nav ul { display:none; }
.navbar .btn-navbar .icon-bar { background-color:#fff; background-image:none; }
.navbar .btn-navbar:hover .icon-bar { background-color:#fff; }
}