#menu{
	width: 70%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: -70%;
	z-index: 100;
	overflow-y: auto;

	-webkit-transition:all .5s;
	   -moz-transition:all .5s;
		 -o-transition:all .5s;
			transition:all .5s;
}
#menu.open{
	left:0%;
}
#menu ul{
	width: 100%;
}
#menu ul li ol{
	
}


@media only screen and (min-width : 640px) {
	/* Tablet */


}

@media only screen and (min-width : 980px) {
	/* Desktop */
	#menuOpen{
		display: none;
	}
	#menu{
		width: 100%;
		height: 100%;
		position: relative;
		top: auto;
		left: auto;
		overflow-y: inherit;

		-webkit-transition:all .0s;
		   -moz-transition:all .0s;
			 -o-transition:all .0s;
				transition:all .0s;
	}
	#menu ul{
		
	}
	#menu ul li{
		float: left;
		position: relative;
	}

	#menu ul li ol{
		position: absolute;
		display: none;
	}	
	#menu ul li:hover ol{
		display: block;
	}
}