@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1800px;
	}
}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1445px) {}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.main-header {
		padding: 0;
	}

	.menuWrap .menu a {
		padding: 10px 10px;
	}

	.main-header {
		position: relative;
	}

	.menu-Bar {
		display: block;
		top: 50%;
		bottom: initial;
		transform: translateY(-50%);
	}

	.menuWrap.open {
		display: flex;
		left: 0px
	}

	.menuWrap {
		position: fixed;
		left: -210%;
		right: 0;
		top: 0;
		margin: auto;
		background: var(--primary);
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center !important;
		flex-flow: column;
		transition: all 0.4s ease;
		z-index: 3;
		width: 100vw
	}

	ul.menu li {
		display: block
	}

	ul.menu li a {
		padding: 0;
		display: block;
		text-align: center;
		color: #fff;
	}

	.menuWrap .menu {
		display: block;
	}

}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}
}

@media (max-width: 575.98px) {}

@media (max-width: 320.98px) {}