mega menu for bigcommerce cornerstone theme

@include breakpoint("medium") {
	.navPage-subMenu {
		.navPage-subMenu-list {
			position: relative;

			.navPage-subMenu-item {
				float: none;
				clear: both;

				.navPage-childList {
					position: absolute;
					left: 25%;
					top: 0px;
					width: 66%;
					padding: 2%;
					display: none;
					height: 100%;
					background-color: stencilColor("navPages-subMenu-backgroundColor");

					li.navPage-childList-item {
						width: 25%;
						float: left;
						padding: 3px;
					}

				}

				&:hover .navPage-childList {
					display: block;
				}

			}

			li.navPage-subMenu-item:nth-child(2) .navPage-childList {
				display: block;
			}

		}

	}

}