@media screen and (max-width: 800px) {
	.main-navigation ul li {
		width: 100%;
		float: none;
		display: block;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	#site-navigation {
		position: static; 
		max-width: 100%;
		display: none;
	}	
	.main-navigation ul, 
	.main-navigation ul ul,
    .main-navigation ul ul ul {
		position: static; 
		width: 100%;	
		margin: 0;
		padding: 0;

	}
	.main-navigation ul li a,
	.main-navigation ul ul li a,
	.main-navigation ul ul ul li a {
		padding-left: 10px;
	}
	.main-navigation ul  li a{
		border-bottom: 1px solid #C0C0C0;					
	}
	.main-navigation ul li a{
		padding: 10px;
	}
	.main-navigation ul ul li a{
		padding-left: 20px;
	}
	.main-navigation ul ul ul li a{
		padding-left: 30px;
	}
	.main-navigation ul ul ul ul li a{
		padding-left: 40px;
	}
	.main-navigation ul ul ul ul ul li a{
		padding-left: 50px;
	}
	.main-navigation ul ul ul ul ul ul li a{
		padding-left: 60px;
	}
	.main-navigation ul ul ul ul ul ul ul li a{
		padding-left: 70px;
	}		
	#s-button-menu{
		display: block;
	}
	#s-button-menu{
		width:60px;
		padding: 10px;
		margin: 0;
		background: none;
	}
	#s-button-menu:hover {
		cursor: pointer;
    }
	
	#s-button-menu:focus {
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	}

	.main-navigation ul li {
		position: relative;
	}
	
	.main-navigation ul li > a:after,
	.main-navigation ul ul li > a:after,
	.main-navigation ul ul ul li > a:after,
	.main-navigation ul ul ul ul li > a:after,
	.main-navigation ul ul ul ul ul li > a:after{
		display: none;
	}
	
}