/* Large desktop */
@media (min-width: 980px) {
.navbar { overflow:visible; margin-bottom: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 > 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 { color:#c1b9a7; background:none; }

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

.navbar .nav { list-style:none; margin:0; padding:0; }
.navbar .nav > li { float:left; padding:0; margin:0; position:relative; }
.navbar .nav > li > a { display:block; text-decoration:none; color:#fff; padding:15px 20px; border:none; font-size:20px; font-family:"Roboto Slab"; font-weight:700; 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:#c1b9a7; padding:10px; border:none; }

.navbar .nav ul li { padding:0; float:none; margin-bottom:0; background-color:#c1b9a7; font-size:13px; line-height:16px; font-family:"Roboto Slab"; }
.navbar .nav ul ul { left:100%; top:0; }
.navbar .nav ul a { color:#000; text-align:left; text-decoration:none; padding:5px 10px; display:block; }
.navbar .nav ul a:hover { color:#fff !important; background-color:#411d04 !important; }

.navbar .nav li:hover > a,
.navbar .nav li:hover a:focus { background-color:#c1b9a7; color:#000; }

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

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.navbar { margin-bottom:0; }
.btn { background:#6293cd url('images/nav_bg.png') bottom repeat-x; border-radius:0; padding:10px; }
.navbar-inner { background:#6293cd url('images/nav_bg.png') bottom repeat-x; border-radius:0; border:none; padding:10px; }
.navbar .btn-navbar{ background:#6293cd; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#fff; }
.navbar .nav { padding-right:5px; margin:10px 0 0 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:16px; font-family:"Noto Serif"; font-weight:700; }
.navbar .nav a { background-color:#89aed9; border:none; border-radius:0 !important; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:16px; font-family:"Noto Serif"; font-weight:700; }
.navbar .nav > .active > a { background-color:#fff; color:#4881c5; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#fff !important; color:#4881c5; 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:#6293cd; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.navbar { margin-bottom:0; padding-top:0 !important; }
.btn { border-radius:0; }
.navbar-inner { background:none; border-radius:0; border:none; padding:10px; margin:0 10px 10px 10px; }
.navbar .btn-navbar{ background:#411d04; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#fff; }
.navbar .nav { padding-right:5px; margin:10px 0 0 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:16px; font-family:"Roboto Slab"; font-weight:700; }
.navbar .nav a { background-color:#c1b9a7; border:none; border-radius:0 !important; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:16px; font-family:"Roboto Slab"; font-weight:700; }
.navbar .nav > .active > a { background-color:#411d04; color:#fff; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#411d04 !important; 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:#6293cd; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.navbar { margin-bottom:0; padding-top:0 !important; }
.btn { border-radius:0; }
.navbar-inner { background:none; border-radius:0; border:none; padding:10px; margin:0 10px 10px 10px; }
.navbar .btn-navbar{ background:#411d04; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#fff; }
.navbar .nav { padding-right:5px; margin:10px 0 0 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:16px; font-family:"Roboto Slab"; font-weight:700; }
.navbar .nav a { background-color:#c1b9a7; border:none; border-radius:0 !important; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:16px; font-family:"Roboto Slab"; font-weight:700; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { background-color:#411d04 !important; color:#fff; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#411d04; 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:#6293cd; }
}