.nav-button { display: none; } /* hide the navigation button by default */

@media only screen and (max-width: 768px) {
	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 45px;
		right: 10px;
		width: 40px;
		height: 40px;
		background:#0C0;
		cursor: pointer;
		border: 0 none;
		border-radius:3px;
		outline:none;
		z-index: 999;
		text-indent: -9999px;
		background:url(../Images/menu-icon-large.png) center center no-repeat #00653c !important;
		background-size: 21px, 100% !important;
	}
	
	.nav-button:hover {
		
	}
	.nav-button.open {
		
		background:url(../Images/close-icon-large.png) center center no-repeat #00653c !important;
		background-size: 21px, 100% !important;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	.primary-nav {
		width: 100%;
		float: none;
		background-color: none; /* change the menu color */
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: 47px;
		left: 0px;
		z-index: 998;
		clear: both;
		box-sizing:border-box;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
		background:#ffffff;
		box-sizing:border-box;
	}
	.primary-nav li a {
		display: block;
		width: 100%;
		padding: 10px 5%;
		box-sizing:border-box;
		letter-spacing: 1px;
    	color: #666;
		text-transform: uppercase;
		font-weight: 700;
		font-size:13px;
		border-bottom: 1px solid #eeeeee;
	}
	.primary-nav li a:hover {
		background-color: #fafafa;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid #fafafa;
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open {
		height: auto;
		padding-top: 49px;
	}
	.primary-nav.open li {
		display: block;
	}
	.primary-nav.open > li:first-child {
		display: none;
	}

	/* Submenus – optional .parent class indicates dropdowns */
	.parent{
		position: relative ;
	}
	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.1);
		border-bottom-color: transparent;
	}
	/* .primary-nav li.parent > a:after { */
	.primary-nav li.parent:after {
		content: "▼";
		color: rgba(0,0,0,.6);
		position: absolute;
		top: 0;
		right: 0;
		height: 45px;
		padding-top: 10px;
		padding-right: 18px;
		z-index: 999;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.1);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 11px;
		padding: 3px 5%;
		box-sizing:border-box;
		font-weight: normal;
		border-bottom:1px solid #f6f6f6;
	}
	.primary-nav li:hover > ul {
		display: block;
		border-top: 0 none;
	}
	.primary-nav-2:hover > ul {
		display: block;
		border-top: 0 none;
	}
	.primary-nav-2{
		position: relative ;
	}
	.primary-nav-2:after {
		content: "▼";
		color: rgba(0,0,0,.6);
		position: absolute;
		top: 0;
		right: 0;
		height: 45px;
		padding-top: 4px;
		padding-right: 18px;
		z-index: 999;
	}

} /* End Mobile Styles */