.mainNav {
	background: #222;
	width: 25%;
}
	/* First Level */
	.product-categories {
		margin: 0;
		padding: 0;
		list-style: none;
		border-bottom: 1px solid #444
	}
	.product-categories li {
		border-top: 1px dotted #f1f1f1;
		background:#000;
	}
	.product-categories li a {
		color: #FFFFFF;
		display: block;
		font-size: 1.1em;
		line-height: normal;
		padding:12px 20px;
		text-decoration:none;
	}
	.product-categories li a:hover {
		background: #333;
		text-decoration: none;
	}
		/* Second Level */
		.product-categories ul {
			border-bottom: none
		}
		.product-categories ul li {
			border-top: 1px solid #222;
			background: #111;
		}
		.product-categories ul li a {
			color: #FFFFFF;
			display: block;
			font-size: 1em;
			line-height: normal;
			padding: 0.5em 1em 0.5em 2.5em;
		}
		.product-categories ul li a:hover {
			background: #333;
		}
				/* Third Level */
		.product-categories ul ul {
			border-top:1px solid #222;
		}
		.product-categories ul ul li {
			border:none;
		}
		.product-categories ul ul li a {
			padding-left:3.5em; 
			padding-top:0.25em; 
			padding-bottom:0.25em;
		}
	/* Accordion Button */
	ul li.has-subnav .accordion-btn {
		color:#fff; 
		background:#000; 
		font-size:10px;
	}

@media screen and (max-width: 1024px) {
	.mainNav {width: 40%;}
}
@media screen and (max-width: 700px) {
	.mainNav {width: 100%;}
}