/* For responsive devices only */

@media screen and (min-width: 0px) and (max-width: 740px) {
	/* Hide sub-menu in nav since menu vertical rather than horizontal */
	.sub {
		display:none !important;
	}

	#zone-menu {
		display: inline;
	}
	
	/* Mobile Menu Hacks */
	
	/* Background Color of Nav Bar */
	.mobile-nav li.main {
  background-color: #687951;
}
	
	/* Mobile nav icon color won't change when touched */
	.yale-standard-menu .mobile-nav li.main, .mobile-nav.expanded li.main {
		background-position: 10px -45px;
	}
	
	/* Mobile nav font color WHEN EXPANDED */
	ul.mobile-nav.expanded li.main {
		color: #FFFFFF;
		background-color: #687951;
	}
	
	/* Mobile nav background, border and font color */
	#zone-menu ul.menu li a {
		background-color: #FFFFFF;
		border-bottom: 1px solid #505050;
	}
	
		/* Make with of mobile nav 100% for Cross Browser Compatibility */
	ul.mobile-nav li {
		width: 100%;
	}
}