@media (min-width:768px){
.lead{font-size:22px} 
.main-nav ul li li a:hover,.main-nav ul li li a.selected{  color:#ffffff; border-radius:0;}

}

.main-nav ul{margin:0;padding:0;list-style:none}
.menu-inner{
	background: none;
	width:100%;
		background-repeat:repeat-x;
	background-position:left top;
	height:111px;
	top: 0px; /* Top alignment of menu background */
	/*position: fixed;*/
	background-image: url(../images/top_bg.png);
		z-index:999999;
}

.menu-inner.affix{position:fixed;top:0;left:0;z-index:999;max-height:100%;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}
.menu-inner .brand{width:50%;height:70px;padding:12px 0;}
.menu-inner .brand a{display:block;white-space:100%;height:100%}
.menu-inner .brand a img{max-width:100%;max-height:100%}
.menu-inner .nav-toggle{position:absolute;width:25px;height:20px;top:35px;right:5%;border:4px solid #777;border-width:4px 0}
.menu-inner .nav-toggle:before{content:'';position:absolute;left:0;width:100%;top:4px;height:4px;background-color:#777}
.main-nav ul{position:relative; z-index:999999;}
.main-nav ul li{font-size:12px;line-height:16px;font-weight:400;position:relative;border-top:1px solid #e8e8e8}
.main-nav ul li a{color:#191919;padding:13px 57px 13px 15px;display:block;position:relative; text-transform:uppercase; letter-spacing:1px;}
.main-nav ul li a .sub-toggle{display:block;position:absolute;right:0;top:0;width:42px;height:42px;text-align:center;color:#777;border-left:1px solid #e8e8e8}
.main-nav ul li a .sub-toggle:before{font-family:FontAwesome; color:#dddddd;width:42px;height:42px;line-height:42px;font-size:14px;content:'\f067'}
.main-nav ul li a .sub-toggle.open:before{content:'\f068'}
.main-nav ul li a:hover,.main-nav ul li.active>a,.main-nav ul li.current-menu-item>a{/*color:#98c521;*/ }
.main-nav ul li li{margin-left:30px; margin-right:0;}
.main-nav ul,.main-nav ul ul{display:none}
.main-nav>ul{ background-color:#ffffff}
.main-nav ul li a .sub-toggle:hover:before{ color:#ddd; }
ul.nav li a:link{ color:#191919;	text-decoration:none; }
ul.nav li a:visited{	color:#191919; text-decoration:none; 	}
ul.nav li a:hover{ color:#ffffff;  text-decoration:none; }
ul.nav li a.selected{ color:#ffffff;  text-decoration:none;  }
.main-nav ul li li i{ display:none; }
.main-nav ul li li a{font-size: 11px; text-transform:uppercase;}
.main-nav>ul>li>ul{}

@media (min-width:992px){
.main-nav ul{ }
.menu-inner .header-table{display:table;width:100%;table-layout:fixed}
.menu-inner.affix{max-height:none;overflow:visible}.menu-inner .brand,.menu-inner .main-nav{display:table-cell;vertical-align:middle}
.menu-inner .nav-toggle{position:absolute;width:25px;height:20px;top:35px;right:5%;border:4px solid #777;border-width:4px 0}
.menu-inner .brand{width:200px; padding:10px 0px;}.menu-inner .main-nav{padding:20px 0 0 42px;margin:0;}
.menu-inner .nav-toggle{display:none}
.main-nav{text-align:right;font-size:0;white-space:nowrap; }
.main-nav ul li{display:inline-block;font-size:13px;border-top:0; margin-right:5px; border-radius:1px;}
.main-nav ul li a{padding:10px 12px; border-radius:4px;  text-transform:uppercase}
.main-nav ul li a .sub-toggle{display:none}
.main-nav ul li ul{ min-width:180px; background-color:#fffff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);text-align:left;display:none!important;position:absolute;top:100%;left:0;margin-top:0px; border-radius:1px; box-shadow:0px 0px 6px #d2d2d2;}
.main-nav ul li li{display:block;min-width:150px;margin-left:0;border-bottom:1px solid #e8e8e8}
.main-nav ul li li+li{border-top:0}
.main-nav ul li li>ul{left:100%;right:auto;top:-1px}
.main-nav ul li li a{padding:15px 14px; font-size: 11px; font-weight:400;}
.main-nav ul li:hover>ul{display:block!important; background-color:#ffffff;}
.main-nav>ul{margin:0;display:block!important;background:transparent}
.main-nav>ul>li>ul{/*border-top:2px solid #98c521*/}
.main-nav>ul>li>ul>li:first-child{border-top:0}
.main-nav ul li li a:hover,.main-nav ul li li a.selected{ color:#ffffff; border-radius:0;}
ul.nav li li a:hover:after, ul.nav li li a.selected:after { border:none; }	
.main-nav>ul>li>ul{ box-shadow:0px 1px 6px #d2d2d2;}
/*ul.nav li a:hover:after, ul.nav li a.selected:after { 
	content:'';
	width:0;
	height:0;
	position: absolute;
	left: 38%;     
	bottom: -43%;
	border-width:8px; 
	border-style:solid;
	z-index:999999;
}*/	
ul.nav li a:link{ color:#191919;	text-decoration:none; }
ul.nav li a:visited{color:#191919; text-decoration:none;}
ul.nav li a:hover{ color:#ffffff;   text-decoration:none; /*background-color:#98c521;*/ }
ul.nav li a.selected{ color:#ffffff; text-decoration:none;/* background-color:#98c521;*/  }
ul.nav li a:hover:after, ul.nav li a.selected:after { /* use CSS generated content to add arrow to the menu */
		/*border-color:#98c521 transparent transparent transparent;*/ /* create up arrow */
	}
	.main-nav ul li li i{ display:block;}
	
 }
@media (min-width:1200px){ }
.main-nav ul li li a:hover,.main-nav ul li li a.selected{  color:#ffffff; border-radius:0;}
.main-nav ul li a .sub-toggle{ background:#fff;}

/* Firefox Only Hack code css */
@-moz-document url-prefix() { 
 .main-nav ul li li i { margin-top:-13px;}
}


@media (min-width: 481px) and (max-width: 767px) {
.menu-inner {
width: 100%;
background-repeat: repeat-x;
background-position: left -20px;
height: 80px;
top: 0px;
/*position: fixed;*/
background-image: url(../images/top_bg.png);
z-index: 999999;
}	
.menu-inner .nav-toggle{top:25px;}
} 
 @media (min-width: 321px) and (max-width: 480px) { 
 .menu-inner {
width: 100%;
background-repeat: repeat-x;
background-position: left -20px;
height: 80px;
top: 0px;
/*position: fixed;*/
background-image: url(../images/top_bg.png);
z-index: 999999;
}	
.menu-inner .nav-toggle{top:25px;}
} 
 
 
@media (min-width: 240px) and (max-width: 320px) {  
 .menu-inner {
width: 100%;
background-repeat: repeat-x;
background-position: left -20px;
height: 80px;
top: 0px;
/*position: fixed;*/
background-image: url(../images/top_bg.png);
z-index: 999999;
}
.menu-inner .nav-toggle{top:25px;}
}