.main-menu-item,
.main-menu-child {
	list-style: none;
}

@media all and (max-width: 939px) {
	.main-menu {
		display: none;
	}
	.show-menu .main-menu {
		display: block;
		position: absolute;
		top: 75px;
		right: 0;
		max-width: 400px;
		max-height: calc(100vh - 75px);
		overflow: auto;
		background: #44484f;
		z-index: 2;
		padding-top: 5px;
		padding-bottom: 5px;
		box-shadow: 0 0 100px 0 rgba(68, 72, 79, 0.5);
	}
	.main-menu-item {
		display: block;
		color: #ffffff;
	}
	.main-menu-link,
	.main-menu-child-link {
		display: block;
		padding: 10px 15px 10px 20px;
	}
	.main-menu-title {
		display: none;
	}
	.main-menu-item.active:before,
	.main-menu-child:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		top: 0;
		width: 5px;
		background: var(--emphasize1);
	}
	.main-menu-child:not(.active):before {
		background: var(--bg-dark);
	}
}
@media all and (min-width: 940px) {
	.main-menu {
		border-top: 1px solid hsl(var(--bg2-h), var(--bg2-s), calc(var(--bg2-l) - 8%));
	}
	.main-menu-list {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.main-menu-item {
		padding-top: 20px;
		padding-bottom: 25px;
	}
	.main-menu-item.active:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 5px;
		background: var(--emphasize1);
	}
	.main-menu-item.mobile-view {
		display: none;
	}
	.main-menu-item:not(:hover) .main-menu-children {
		display: none;
	}
	.main-menu-item:hover .main-menu-children {
		position: absolute;
		top: 100%;
		right: 0;
		background: #ffffff;
		border-top: 1px solid hsl(var(--bg2-h), var(--bg2-s), calc(var(--bg2-l) - 8%));
		padding: 15px 0;
		min-width: 200px;
	}
	.main-menu-child {
		padding: 3px 20px;
		margin: 8px 0;
	}
	.main-menu-child.active:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		top: 0;
		width: 5px;
		background: var(--emphasize1);
	}
}
@media all and (min-width: 940px) and (max-width: 1080px) {
	.main-menu-item {
		font-size: 16px;
	}
	.main-menu-child {
		font-size: 14px;
	}
}
@media all and (min-width: 1081px) {
	.main-menu-item {
		font-size: 18px;
	}
	.main-menu-child {
		font-size: 16px;
	}
}