@media screen and (max-width: 767px){
	#main-nav{
		background: #c00 !important; /* Old browsers */
		text-transform: uppercase;
		letter-spacing: 0.1em;
		position: relative;
		height: 43px;
		margin-top: 10px;
	}
	#menu-mobile-icon{
		color: #000;
		background-image:url("../img/menu-icon.png");
		background-repeat:no-repeat;
		background-position:10px;
		cursor:pointer;
		display: block !important;
		position: relative;
		height: 40px;
		width: 40px;
	}
	
	ul#menu-main-menu{
		clear:both;
		z-index:1000;
		padding:0px;
		display:none;
		margin-left:0px;
		background-color: transparent;
		background-image: url("../img/menu-mobile-bg.png");
		background-repeat: repeat;
		letter-spacing:normal;
	}
	
	ul#menu-main-menu a, ul#menu-main-menu ul a{
		padding: 0px;
		line-height: 1.5em;
		background-color: transparent;
		display:block;
		border-bottom: 1px dotted #ddd;
		color: #FFF;
		padding:5px 10px;
		background-image: url("../img/menu-arrow.png");
		background-position: 96% 50%;
		background-repeat: no-repeat;
	}
	
	ul#menu-main-menu li{
		display: block;
		float: none;
	}
	
	ul#menu-main-menu li ul{
		display: block;
		float: none;
		position: static;
		width: auto;
		margin: 0px;
	}
	
	ul#menu-main-menu li ul li{
		padding-left: 10px;
	}
	
	#main-nav li:hover > a,
	#main-nav a:focus {
		color:#3399FF;
		background-color: #333;
		

		
		
	}
		
	ul#menu-main-menu .current-menu-item > a,
	ul#menu-main-menu .current-menu-ancestor > a,
	ul#menu-main-menu .current_page_item > a,
	ul#menu-main-menu .current_page_ancestor > a {
		color: #c33;
	}
	
}