mediacss-menu

media.css

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
	.main_menu ul {
		display: none;
		width:100%;
		background-color: #9d8a71;
	}

	.main_menu ul li {
		display: block;
	} 
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	.main_menu_button {
		display: none;
	}
}