@media (min-width: 650px) {
	header_menu__nav {
		/*max-width: 800px;*/
		min-height: 40px;
		border-radius: 4px;
		display: block;
		margin-top: 20px;
		/* background: #333; */
		font-size: 20px;
		text-align: center;
	}
	ul.header_menu {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 0 3em;
	}
	nav a {
		color: #000;
	}
	nav .header_menu li {
		width: 100%;
	}

	nav .header_menu li, nav .header_menu li a {
		display: inline-block;
	}
	nav .header_menu li a {
		/*padding: 15px 20px;*/
		position: relative;
		text-decoration: none;
	}


	.header_dropdown {
		position: absolute;
		width: 30%;
		background: #fff;
		border: 2px solid #005671;
		transition: all 0.2s linear;
		visibility: hidden;
		opacity: 0;
		transform: translateY(5px);
		padding: 0;
		margin: 0 20px;
		z-index: 999;
	}
	.header_dropdown li, .header_dropdown li a {
		display: flex !important;
		justify-content: center;
		padding: none;
		width: 100%;
		/* background: red; */
	}
	.header_dropdown li:hover {
		background: #005671;
		color: #fff;
	}

	.header_dropdown li a:hover {
		color: #fff;
	}

	.header_dropdown li a {
		padding: 15px 20px;
		width: 100%;
	}
	.arrow {
		font-size: 9px;
	}
	.header_menu li:hover > .header_dropdown {
		visibility: visible;
		opacity: 1;
		transform: translateY(0px);
	}
}
@media (max-width: 650px) {
	nav {
		width: 100%;
		height: 45px;
		display: block;
		margin: 20px auto;
		/* background: #333; */
		font-size: 14px;
		text-align: left;
		position: relative;
	}
	nav .header_menu {
		position: absolute;
		width: 100%;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		top: 45px;
		/* background: #333; */
		transition: max-height 0.2s linear, opacity 0.4s linear;
	}
	.showMenu {
		max-height: 145px !important;
		overflow: visible !important;
		opacity: 1 !important;
	}
	nav a {
		color: #fff;
	}
	nav .header_menu li, nav .header_menu li a {
		display: block;
	}
	nav .header_menu li a {
		/* padding: 10px 15px; */
		position: relative;
	}
	/* nav .header_menu li a:hover {
	color: #fff;
	background: #005671;
} */
	.arrow {
		font-size: 9px;
	}

	.header_dropdown {
		display: none;
	}

	.header_showDropdown {
		display: block;
		/* background: #333; */
	}
	.toggle {
		position: absolute;
		top: 9px;
		right: 10px;
		float: right;
		z-index: 9999;
		border: 2px solid #777;
		padding: 0px 6px;
		border-radius: 4px;
		cursor: pointer;
		visibility: visible;
		opacity: 1;
	}

	.toggle .span {
		display: block;
		margin: 6px 0;
		width: 17px;
		height: 2px;
		/* background: #000; */
	}
	.toggle:hover > .span {
		/* background: #777; */
	}
}