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

	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	
	h1.menu-toggle
	{
		margin:0;
		padding:0;
		border-bottom:1px solid #eee;
		font-size:22px;
		padding:12px 0 13px;
		 
	}

	.main-navigation > div > ul {
		display: none;
		border:none;
	}
	
	
	
	 .toggled .nav-menu
	 {
		
		background:#FFF;
		z-index:9999;
	 }
	 
	 .toggled .nav-menu li
	 {
		display:block;
		width:100%;
		font-size:16px;
		background:#eee;
		
		float: left;
	 }
	 
	 .toggled .nav-menu li li
	 {
		display:block;
	 }
	 
	 .toggled .nav-menu a
	 {
		background:none;
		color:#000;
		text-shadow:none;
		padding-left:10px;
	 }
	 
	 .toggled .nav-menu a:hover
	 {
		color:#FFF;
		background:#333;
	 }
	 
	.toggled .nav-menu > li.current_page_item > a,
	.toggled .nav-menu > li.current-menu-ancestor > a, 
	.toggled .nav-menu > li.current-menu-item > a {
		color:#FFF;
		background:#333;
	}
	
	 
	.toggled .sub-menu {
		display: block;
		border:none; 
		width:100%;
		position:static;
		box-shadow:none;
	}
	
	.toggled .sub-menu a,
	.toggled .sub-menu li
	{
		width:100%;
	}
	
	.toggled .sub-menu li
	{
		padding-left:30px;
	}
	

	
}