@media screen and (min-width: 321px){

.navbar-collapse {
  max-height: 450px;
  overflow-y: auto;
}

body #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}
body.scrolled #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:0px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:fixed!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:0; padding-right:0;}
.navbar-brand{height:60px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:10px 15px; text-align:left}
.navbar{margin-bottom:0px;}
#navbar{float:none; background:none; border-bottom:none; padding:0px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:14px; margin:10px 0px 10px 0px; transition: all 0.3s ease;}
.navbar-nav > li > a{font-weight:900; padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:16px}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:0px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:-30px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:0px solid #012f56; border-radius:0}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{border:none}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding:0px 0px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#fff}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#eaeaea}
.navbar-nav .open .dropdown-menu{margin-left:10px; border-bottom:1px solid #fff; margin-right:10px;}
ul.dropdown-menu br{display:none}
/*END DROPDOWN MENU*/

}

@media screen and (min-width: 375px){

body #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}
body.scrolled #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:0px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:fixed!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:0; padding-right:0;}
.navbar-brand{height:60px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:10px 15px; text-align:left}
.navbar{margin-bottom:0px;}
#navbar{float:none; background:none; border-bottom:none; padding:0px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:14px; margin:10px 0px 10px 0px; transition: all 0.3s ease;}
.navbar-nav > li > a{font-weight:900; padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:16px}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:0px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:-30px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:0px solid #012f56; border-radius:0}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{border:none}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding:0px 0px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#fff}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#eaeaea}
.navbar-nav .open .dropdown-menu{margin-left:10px; border-bottom:1px solid #fff; margin-right:10px;}
ul.dropdown-menu br{display:none}
/*END DROPDOWN MENU*/

}

@media screen and (min-width: 414px){

body #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}
body.scrolled #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:0px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:fixed!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:0; padding-right:0;}
.navbar-brand{height:60px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:10px 15px; text-align:left}
.navbar{margin-bottom:0px;}
#navbar{float:none; background:none; border-bottom:none; padding:0px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:14px; margin:10px 0px 10px 0px; transition: all 0.3s ease;}
.navbar-nav > li > a{font-weight:900; padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:16px}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:0px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:-30px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:0px solid #012f56; border-radius:0}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{border:none}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding:0px 0px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#fff}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#eaeaea}
.navbar-nav .open .dropdown-menu{margin-left:10px; border-bottom:1px solid #fff; margin-right:10px;}
ul.dropdown-menu br{display:none}
/*END DROPDOWN MENU*/

}

@media screen and (min-width: 480px){

body #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}
body.scrolled #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:0px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:fixed!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:0; padding-right:0;}
.navbar-brand{height:60px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:10px 15px; text-align:left}
.navbar{margin-bottom:0px;}
#navbar{float:none; background:none; border-bottom:none; padding:0px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:14px; margin:10px 0px 10px 0px; transition: all 0.3s ease;}
.navbar-nav > li > a{font-weight:900; padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:16px}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:0px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:-30px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:0px solid #012f56; border-radius:0}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{border:none}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding:0px 0px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#fff}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#eaeaea}
.navbar-nav .open .dropdown-menu{margin-left:10px; border-bottom:1px solid #fff; margin-right:10px;}
ul.dropdown-menu br{display:none}
/*END DROPDOWN MENU*/

}

@media screen and (min-width: 640px) {

body #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}
body.scrolled #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:0px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:fixed!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:0; padding-right:0;}
.navbar-brand{height:60px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:10px 15px; text-align:left}
.navbar{margin-bottom:0px;}
#navbar{float:none; background:none; border-bottom:none; padding:0px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:14px; margin:10px 0px 10px 0px; transition: all 0.3s ease;}
.navbar-nav > li > a{font-weight:900; padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:16px}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:0px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:-30px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:0px solid #012f56; border-radius:0}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{border:none}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding:0px 0px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#fff}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#eaeaea}
.navbar-nav .open .dropdown-menu{margin-left:10px; border-bottom:1px solid #fff; margin-right:10px;}
ul.dropdown-menu br{display:none}
/*END DROPDOWN MENU*/

}

@media screen and (min-width: 768px) {

.dropdown:hover .dropdown-menu {display: block;}

body #main-menu img.logo{width:350px; height:114px; transition: all 0.3s ease}
body.scrolled #main-menu img.logo{width:350px; height:114px; transition: all 0.3s ease;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:20px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

body.scrolled #main-menu .navbar-nav > li > .dropdown-menu{padding-top:0px; border-top:3px solid #012f56}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:relative!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:15px; padding-right:15px;}
.navbar-brand{height:114px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
.navbar{margin-bottom:0px;}
#navbar{float:right; background:none; border-bottom:none; padding:20px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:16px; margin:0px 0px 0px 0px; transition: all 0.3s ease}
.navbar-nav > li > a{font-weight:900; padding: 5px 0px 5px 0px; margin:0px 20px 18px 20px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:16px;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:3px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:0px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:3px solid #012f56; -webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.navbar-nav .open .dropdown-menu > li > a:link, .navbar-nav .open .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#002e54}
.navbar-nav .open .dropdown-menu{left:-10px; border-bottom:0px solid #002e54;}
ul.dropdown-menu br{display:block}
/*END DROPDOWN MENU*/

}

@media screen and (min-width: 1024px) {

.dropdown:hover .dropdown-menu {display: block;}

body #main-menu img.logo{width:350px; height:114px; transition: all 0.3s ease}
body.scrolled #main-menu img.logo{width:350px; height:114px; transition: all 0.3s ease;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:20px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

body.scrolled #main-menu .navbar-nav > li > .dropdown-menu{padding-top:0px; border-top:3px solid #012f56}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:fixed!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:15px; padding-right:15px;}
.navbar-brand{height:114px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
.navbar{margin-bottom:0px;}
#navbar{float:right; background:none; border-bottom:none; padding:20px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:16px; margin:0px 0px 0px 0px; transition: all 0.3s ease}
.navbar-nav > li > a{font-weight:900; padding: 5px 0px 5px 0px; margin:0px 10px 18px 10px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:15px;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:3px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:-10px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:3px solid #012f56}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.navbar-nav .open .dropdown-menu > li > a:link, .navbar-nav .open .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#002e54}
.navbar-nav .open .dropdown-menu{left:-20px; border-bottom:0px solid #002e54;}
ul.dropdown-menu br{display:block}
/*END DROPDOWN MENU*/

}

@media screen and (min-width: 1280px) {

.dropdown:hover .dropdown-menu {display: block;}

body #main-menu img.logo{width:350px; height:114px; transition: all 0.3s ease}
body.scrolled #main-menu img.logo{width:350px; height:114px; transition: all 0.3s ease;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:20px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

body.scrolled #main-menu .navbar-nav > li > .dropdown-menu{padding-top:0px; border-top:3px solid #012f56}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:fixed!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:15px; padding-right:15px;}
.navbar-brand{height:114px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
.navbar{margin-bottom:0px;}
#navbar{float:right; background:none; border-bottom:none; padding:20px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:16px; margin:0px 0px 0px 0px; transition: all 0.3s ease}
.navbar-nav > li > a{font-weight:900; padding: 5px 0px 5px 0px; margin:0px 18px 18px 18px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:16px;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:3px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:0px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:3px solid #012f56}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.navbar-nav .open .dropdown-menu > li > a:link, .navbar-nav .open .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#002e54}
.navbar-nav .open .dropdown-menu{left:-10px; border-bottom:0px solid #002e54;}
ul.dropdown-menu br{display:block}
/*END DROPDOWN MENU*/

}

@media screen and (max-width: 320px){

.navbar-collapse {
  max-height: 340px;
  overflow-y: auto;
}

body #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}
body.scrolled #main-menu img.logo{transition: all 0.3s ease; width:200px; height:65px;}

body #main-menu{padding-top:0px; padding-bottom:0px;}

body #navbar{transition: all 0.3s ease;}
body.scrolled #navbar{transition: all 0.3s ease; padding-top:0px; padding-bottom:0px;}

body nav.navbar-inverse{transition: all 0.3s ease;}
body.scrolled nav.navbar-inverse{transition: all 0.3s ease; padding-bottom:0px; padding-top:0px;}

/*MAIN MENU*/
#main-menu{background:url(../../images/header-bg.jpg) #012f56 right 0 no-repeat; position:fixed!important;}
#main-menu .container-fluid{padding-left:0; padding-right:0;}
#main-menu .container-fluid .col-xs-12{padding-left:0; padding-right:0;}
.navbar-brand{height:60px; padding:0px 0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:10px 15px; text-align:left}
.navbar{margin-bottom:0px;}
#navbar{float:none; background:none; border-bottom:none; padding:0px 0px 0px 0px;}
nav.navbar-inverse{background:none; border:none; background-image:none; padding:0px 0px 0px 0px; border-radius:0; z-index:9999}
nav.navbar-inverse li{font-size:14px; margin:10px 0px 10px 0px; transition: all 0.3s ease;}
.navbar-nav > li > a{font-weight:900; padding: 0px 15px 0px 0px}
.navbar-inverse .navbar-nav > li > a {color: #fff; text-shadow:none; text-transform:uppercase; font-weight:700; font-family: 'Oswald', sans-serif; font-size:16px}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #23b4af; transition:all 0.3s ease;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #23b4af; background:none; box-shadow:none; border-bottom:0px solid #fbb040;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{color: #23b4af; background:none; box-shadow:none}
/*END MAIN MENU*/

/*DROPDOWN MENU*/
.navbar-nav > li > .dropdown-menu{border:none; padding:1px 0; left:-30px; padding-top:0px; margin-top:0px; box-shadow:0 4px 0px rgba(0,0,0,.175); background-color:#00223e; width:340px; border-top:0px solid #012f56; border-radius:0}
.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{font-weight:400; font-size:15px; padding:14px 22px; transition:all 0.3s ease; border-left:1px solid #002e54; border-right:1px solid #002e54; font-family: 'Oswald', sans-serif; color:#fff; white-space:normal}
.dropdown-menu > li > a:hover{color:#23b4af; transition:all 0.3s ease;}
.dropdown-menu .divider{margin:0px 0; background-color:#002e54}

.dropdown-menu > li > a:link, .dropdown-menu > li > a:visited{border:none}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding:0px 0px 0px 0px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#fff}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#23b4af; text-decoration:underline}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#eaeaea}
.navbar-nav .open .dropdown-menu{margin-left:10px; border-bottom:1px solid #fff; margin-right:10px;}
ul.dropdown-menu br{display:none}
/*END DROPDOWN MENU*/

}