.toggleMenu {
    display:  none;
    background: #009ee0;
    padding: 10px 0;
    color: #fff;
	width: 100%;
	text-align: center;}
.nav {
    list-style: none;
	text-align: center;
	letter-spacing: 1px;}
.nav a {
    padding: 10px 0;
    color:#fff;
	text-decoration: none;}
.nav:before,
.nav:after {
    content: " "; 
    display: table; }
.nav:after {
    clear: both;}
.nav ul {
    list-style: none;
    width: 9em;}
.nav li .parent {}
.nav li a {
    display: block;}
.nav li a:hover{
	background: #004c99;
  	color: #febe3a;}
.nav li ul {
    position: absolute;
    left: -9999px;}
.nav li li a{
    display: block;
    background: #fb9a00;
	color: #004c99;
    position: relative;
    z-index:100;}
.nav li li a:hover{
	background: #004c99;
	color: #febe3a}
.nav li .eb li a{}
.nav li .eb li a:hover{
	background: #004c99;
  	color: #febe3a;	}
	
		
@media screen and (max-width: 480px) {
.active {
        display: block;}
.nav{
	margin: 0;}
.nav a{
	padding: 10px 0 10px 0;
	margin: 5px 0 0 0;
	font-size: 17px;}
.nav li {
    float: none;}
.nav ul {
    display: block;
    padding: 0 10px 0 0;}
.nav li ul {
	width: 100%;}
.nav li.hover ul , .nav li li.hover ul {
    position: static;}
.nav li .eb li a, .nav .v .eb li a:hover{
	background: #fb9a00;}
.nav li .eb li a:hover{
	background: #fff;}
.sep{display: none;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 699px) {
.active {
        display: block;}
.nav{
	margin: 0;}
.nav a{
	padding: 10px 0 10px 0;
	margin: 5px 0 0 0;}
.nav li {
    float: none;}
.nav ul {
    display: block;
    padding: 0 10px 0 0;}
.nav li ul {
	width: 100%;}
.nav li.hover ul , .nav li li.hover ul {
    position: static;}
.nav li .eb li a, .nav .v .eb li a:hover{
	background: #fb9a00;}
.nav li .eb li a:hover{
	background: #fff;}
.sep{display: none;}
  }
  
@media only screen 
and (min-width : 700px)
and (max-width : 883px) {
.nav {
	margin: 0;}
.nav li {
    position: relative;
	float: left;
	width: 20%;}
.nav li a{
	height: 45px;}
.nav li.hover ul {
    left: 0;}
.nav li li.hover ul {
    left: 100%;
    top: 0;}
.nav li li{
	width: 100%;}
.nav li li a{
    margin: 5px 0 0 0;
	height: 25px;}
.nav li .eb li a{
	padding: 10px 0 10px 0;
	width: 235px;}
  }
  
  
  
@media only screen 
and (min-width : 884px)
and (max-width : 999px) {
.nav {
	margin: 0;}
.nav li {
    position: relative;
	float: left;
	width: 20%;}
.nav li.hover ul {
    left: 0;}
.nav li li.hover ul {
    left: 100%;
    top: 0;}
.nav li li{
	width: 100%;}
.nav li li a{
    margin: 5px 0 0 0;}
.nav li .eb li a{
	padding: 10px 0 10px 0;
	width: 235px;}
.sep{display: none;}
  }
   
  
@media only screen 
and (min-width : 1000px){  
.nav {
	margin: 0;}
.nav a {
	width: 235px;}
.nav .men a{
	width: 140px;
	margin: 0 5px 0 0;}
.nav .inst a{
	width: 210px;
	margin: 0 5px 0 0;}
.nav .med a{
	width: 190px;
	margin: 0 5px 0 0;}
.nav .min a{
	width: 105px;}
.nav .man{
	margin: 0 5px 0 0;}
.nav li {
    position: relative;
	float: left;}
.nav li.hover ul {
    left: 0;}
.nav li li.hover ul {
    left: 100%;
    top: 0;}
.nav li li a{
    margin: 5px 0 0 0;}
.nav li .eb li a{
	padding: 10px 0 10px 0;
	width: 235px;}
.sep{display: none;}
  }