html,
body {
width:100%;
overflow-x: hidden;
}



.menu_bar {
	position: relative;
}

.menu_bar {
	width:90%;
	max-width:800px;
	margin: auto;
	background:#02495900;
}

.menu_bar {
	display:none;
}

.menu_bar ul {
	overflow:hidden;
	list-style:none;
}

.menu_bar ul li {
	float:left;
}

.menu_bar ul li a {
	color:#fff;
	padding:10px;
	display:block;
	text-decoration:none;
}

.menu_bar ul li span {
	margin-right:1px;
}

.menu_bar ul li a:hover {
	background:#04123a;
}



@media screen and (max-width:1200px ) {
	.menu-bar {
		width:100%;
		height:100%;
		margin:0;
		position: fixed;
	}

	.menu_bar {
		display:block;
		float:none;
		border-bottom:1px solid rgb(255, 255, 255);
	}

	.menu_bar {
    margin-top: 100px;
		display:block;
		width:100%;
		background:#4600e900;
	}

	.menu_bar .nav-link .menu-link {
		display:block;
		padding:0px;
		background:#02495900;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:13px;
	}

	.menu_bar span {
		float:right;
		font: size 40px;
	}
}


@media screen and (max-width:1000px ) {
	.open-1{ display: none;
	};
}

@media screen and (min-width:999px ) {
	.open {display: none
	}
}




@media screen and (max-width:800px ) {
	.open {
		width:100%;
		height:100%;
		margin:0;
		position: relative;
	}
}

@media screen and (max-width:994px ) {
	.Mobile { display: none;

	}
}

@media screen and (min-width:994px ) {
	.Mobile-1 { display: none;

	}
}