.header-wrap {
	position: relative;
}
.main-menubar {

}
header {
	background: #fff;
}
.header-top {
	@include media-breakpoint-down (sm) {
		padding: 15px 0;
	}
}
.menu-bar {
	cursor: pointer;
	span {
		color: $title-color;
		font-size: 24px;
	}
}
.main-menubar {
	position: relative;
}
nav {
	margin-right: 70px;
	@include media-breakpoint-down (sm) {
		margin-right: 0;
		position: absolute;
		right: 0;
		top: 47px;
		text-align: right;
		padding: 20px 0;
		z-index: 5;
		background: $white;
	}
	@include transition();
	 transform-origin: 100% 50%;
	&.hide {
		transform: scale(0);
	}
	a {
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		color: $text-color;
		margin: 0 25px;
		display: inline-block;
		margin: 0 0px;
		display: inline-block;
		padding: 34px;
		&:hover {
			color: $white;
			background: $primary-color;
		}
		@include media-breakpoint-down (sm) {
			padding: 15px 30px;
			&:hover{
				background:transparent;
				color:$primary-color;
			}
		}
		
	}
}