@media screen and (min-width: 480px){
	.nav-main {
		li.dropdown.show,
		li.dropdown.open {
			background: $white;

			border-top: 1px solid $input-border-color;
			border-right: 1px solid $input-border-color;
			border-left: 1px solid $input-border-color;

			> a {
				padding-top: calc(.5rem - 1px) !important;
				margin-right: calc(.5rem - 1px);
				margin-left: calc(.5rem - 1px);
			}
		}
	}
}

.nav-main {
	.dropdown.show,
	.dropdown.open {
		.dropdown-menu {
			display: block;

			.mod-searchfield {
				display: block;
			}
		}
	}
}

.dropdown-menu {
	position: absolute !important;
	top: calc(100% - 2px);
	left: 0;

	z-index: 1100;
	display: none;
	float: none;
	min-width: 160px;

	font-size: 1.125rem;

	border: 1px solid rgba(0,0,0,.15);
	border-radius: 0;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);

	@include make-megamenu-max-widths();

	.yamm-close {
		font-size: $small-font-size;

		&.icon--after.icon--close:after {
			top: 0;
		}
	}
}

@media screen and (max-width: 479px){
	.nav-main {
		position: relative;
	}
	.navbar:after, .navbar:before {
		content: " ";
		display: table;
	}

	.yamm .dropdown-menu {
		width: 100%;
	}

	.dropdown-menu {
		.drilldown-container {
			margin: $margin-x-narrow;
		}

		.nav-page-list ul {
			list-style: none;
			padding: 0;
			width: 100%;
		}
	}
}

@media screen and (min-width: 480px) and (max-width: 1024px){
	.nav-main {
		li.dropdown.show,
		li.dropdown.open {
			> a {
				margin-right: 0;
				margin-left: 0;
			}
		}
	}
}