nav a#pull {display: none;	width: 100%; position: relative; background:#809ed0; margin:0px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background: url(images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;} 


/*Styles for screen 600px and lower*/

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

nav{width:100%; margin:10px 0px 0px 0px; text-align:center; float:inherit; font-family:open_sansregular;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:#346ca5; line-height:normal; display:block; margin:0px; padding:0px; color:#FFF; line-height:none; width:100%;}
nav ul li a{ border-top:1px solid #bafffe; display:block; outline:none; padding:10px 4px 10px 2px !important; height:auto; line-height:normal; font-size:14px; text-transform:uppercase; width:auto; color:#FFF; background:#eb6300 !important; text-align:left;}

nav a{text-align:left;	width:100%; text-indent:10px; text-decoration:none; font-size:18px; color:#FFF; text-transform:uppercase; outline:none; font-weight:400;}
nav a:hover{color:#000; text-decoration:none; background:#000;}		

nav ul{display:none; height:auto; margin:0px !important; padding:0px !important;}
nav a#pull {display:block;	width:100%; position:relative; color:#FFF; outline:none; text-decoration:none; font-weight:400; background:#eb6300;}  
nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:20px; height:20px; display: inline-block; position: absolute;right:10px; top:10px; color:#FFF; outline:none; text-decoration:none; font-weight:400;} 
 
/*----------------Sub Menu---------------*/
nav ul ul{float:none; margin:0px; padding:0px 0px 0px 0px; position:relative !important; width:100% !important; background:none;}
nav ul ul li {display:block; padding:0px 0px; background:#eb6300 !important; float:none; position:relative; color:#FFF; line-height:none;}
nav ul ul li a {display:block; color:#FFF; font-size:14px; text-decoration:none; padding:5px 5px 5px 20px; line-height:normal;  height:auto; width:auto; position:relative !important;}
nav ul ul li:hover{border-top:1px solid #bafffe !important; color:#000 !important;}
nav ul ul li a:hover{color:#000 !important;}    	        	    	  	    						
 }
 
@media only screen and (min-width: 480px) and (max-width: 767px) {

nav{width:100%; margin:10px 0px 0px 0px; text-align:center; float:inherit; font-family:open_sansregular;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:#346ca5; line-height:normal; display:block; margin:0px; padding:0px; color:#FFF; line-height:none; width:100%;}
nav ul li a{ border-top:1px solid #bafffe; display:block; outline:none; padding:10px 4px 10px 2px !important; height:auto; line-height:normal; font-size:14px; text-transform:uppercase; width:auto; color:#FFF; background:#eb6300 !important; text-align:left;}

nav a{text-align:left;	width:100%; text-indent:10px; text-decoration:none; font-size:18px; color:#FFF; text-transform:uppercase; outline:none; font-weight:400;}
nav a:hover{color:#000; text-decoration:none; background:#000;}		

nav ul{display:none; height:auto; margin:0px !important; padding:0px !important;}
nav a#pull {display:block;	width:100%; position:relative; color:#FFF; outline:none; text-decoration:none; font-weight:400; background:#eb6300;}  
nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:20px; height:20px; display: inline-block; position: absolute;right:10px; top:10px; color:#FFF; outline:none; text-decoration:none; font-weight:400;} 
 
/*----------------Sub Menu---------------*/
nav ul ul{float:none; margin:0px; padding:0px 0px 0px 0px; position:relative !important; width:100% !important; background:none;}
nav ul ul li {display:block; padding:0px 0px; background:#eb6300 !important; float:none; position:relative; color:#FFF; line-height:none;}
nav ul ul li a {display:block; color:#FFF; font-size:14px; text-decoration:none; padding:5px 5px 5px 20px; line-height:normal;  height:auto; width:auto; position:relative !important;}
nav ul ul li:hover{border-top:1px solid #bafffe !important; color:#000 !important;}
nav ul ul li a:hover{color:#000 !important;}
 		           	      	  	     	    							
 }

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

nav{width:100%; margin:10px 0px 0px 0px; text-align:center; float:inherit; font-family:open_sansregular;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:#346ca5; line-height:normal; display:block; margin:0px; padding:0px; color:#FFF; line-height:none; width:100%;}
nav ul li a{ border-top:1px solid #bafffe; display:block; outline:none; padding:10px 4px 10px 2px !important; height:auto; line-height:normal; font-size:14px; text-transform:uppercase; width:auto; color:#FFF; background:#eb6300 !important; text-align:left;}

nav a{text-align:left;	width:100%; text-indent:10px; text-decoration:none; font-size:18px; color:#FFF; text-transform:uppercase; outline:none; font-weight:400;}
nav a:hover{color:#000; text-decoration:none; background:#000;}		

nav ul{display:none; height:auto; margin:0px !important; padding:0px !important;}
nav a#pull {display:block;	width:100%; position:relative; color:#FFF; outline:none; text-decoration:none; font-weight:400; background:#eb6300;}  
nav a#pull:after{content:""; background: url(../images/nav-icon.png) no-repeat; width:20px; height:20px; display: inline-block; position: absolute;right:10px; top:10px; color:#FFF; outline:none; text-decoration:none; font-weight:400;} 
 
/*----------------Sub Menu---------------*/
nav ul ul{float:none; margin:0px; padding:0px 0px 0px 0px; position:relative !important; width:100% !important; background:none;}
nav ul ul li {display:block; padding:0px 0px; background:#eb6300 !important; float:none; position:relative; color:#FFF; line-height:none;}
nav ul ul li a {display:block; color:#FFF; font-size:14px; text-decoration:none; padding:5px 5px 5px 20px; line-height:normal;  height:auto; width:auto; position:relative !important;}
nav ul ul li:hover{border-top:1px solid #bafffe !important; color:#000 !important;}
nav ul ul li a:hover{color:#000 !important;}

}
