.mainNav {

			background: #5f9faf;

			width: 100%;

		}

			/* First Level */

			.mainNav ul {

				margin: 0;

				padding: 0;

				list-style: none;

				border-bottom: 1px solid #fff

			}

			.mainNav ul li {

				border-top: 1px solid #fff;

			}

			.mainNav ul li a {

				color: #fff;

				display: block;

				font-size: 1.1em;

				line-height: normal;

				padding:12px 20px;

				text-decoration:none;

			}

			.mainNav ul li a:hover {

				background: #003b4d;

				text-decoration: none;

			}

				/* Second Level */

				.mainNav ul ul {

					border-bottom: none

				}

				.mainNav ul ul li {

					border-top: 1px solid #fff;

					background: #5f9faf;

				}

				.mainNav ul ul li a {

					color: #fff;

					display: block;

					font-size: 1em;

					line-height: normal;

					padding: 0.5em 1em 0.5em 2.5em;

				}

				.mainNav ul ul li a:hover {

					background: #003b4d;

				}

						/* Third Level */

				.mainNav ul ul ul {

					border-top:1px solid #222;

				}

				.mainNav ul ul ul li {

					border:none;

				}

				.mainNav ul 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:rgba(255,255,255, 0.15); font-size:16px;

			}

		.active{

			background:#003b4d;

		}

		@media screen and (max-width: 1024px) {

			.mainNav {width: 40%;}

		}

		@media screen and (max-width: 700px) {

			.mainNav {width: 100%;}

		}