#navigation {margin:30px 0 0 25px}
#mainnav {clear:both}

#mainnav {list-style:none;padding:0;}
#mainnav {padding:0;margin:0}
#mainnav li {}
#mainnav li a {display:block;color:#898584;margin-bottom:17px;font-size:16px;line-height:18px}
#mainnav li.on a {font-weight:bold}

#mainnav ul {padding:0 0 15px 0;margin:0 0 0 15px;list-style:none}
#mainnav li li a {margin-bottom:6px;font-size:14px;line-height:16px}
#mainnav li.on li a {font-weight:normal}
#mainnav li.on li.on a {font-weight:bold}

#toggle button + span {display:none;}


@media (max-width: 991px) {
	#mainnav ul {padding:0 0 10px 0;}
	#mainnav li a {font-size:13px;line-height:13px;margin-bottom:10px;}	
	#mainnav li li a {margin-bottom:5px;font-size:12px;line-height:12px}

	
}	

@media (max-width: 767px) {

	#navigation {margin:20px 0 0 0}
	.navbar-toggle .icon-bar {background-color:#7C7C7C;height: 2px;width:25px}
	.navbar-toggle .icon-bar + .icon-bar { margin-top: 3px;}
	.navbar-toggle {
	  float: left;
	  padding: 0px 0px;
	  margin:0px;
	  background-color: transparent;
	  background-image: none;
	  border: 0px solid rgb(0,0,0);
	  border-radius: 0px;
	}

	#toggle {float:left;cursor:pointer;line-height:11px;color:#585453;font-weight:bold;padding:15px 30px 15px 31px; background-color:#EDEDED;}
	#toggle button + span {padding-left:10px;font-size:16px;display:inline}
	#mainnav {padding-top:10px;border-bottom:solid 1px #898584;margin-bottom:10px}
	#mainnav li a {margin-bottom:10px;font-size:14px;line-height:14px}	
	#mainnav li li a {margin-bottom:10px;}	
	


	
}

@media (max-width: 480px) {
	#toggle {padding:6px 9px 6px 9px;line-height:10px;}
	.navbar-toggle .icon-bar {width:12px}
	.navbar-toggle .icon-bar + .icon-bar { margin-top: 2px;}
	#toggle button + span {padding-left:8px;font-size:13px;display:inline}	
}