#headerDesktop, #headerMobile, .forDesktop, .forMobile {
	display: none;
}

#headerDesktop {
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: space-between;
	color: #5a5a5a;
	width: 100%;
	max-width: 1500px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#headerDesktop a {
	color: #5a5a5a;
	font-family: HelveticaBold;
}

#headerDesktop .headerIcon {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 20px;
}

#headerDesktop [data-action='logout'] {
	cursor: pointer
}

#headerDesktop span[data-type='login'] {
	cursor: pointer
}

#headerMobile {
	width: 100%;
}

.logoOnPages span {
	color: #87c800;
	display: flex;
	flex-direction: column;
}

.logoOnPages {
	margin-left: 20px;
}

.header_slogan {
	font-family: SegoePrintBold;
	font-size: 14pt;
}

.linkBack {
	font-size: 12pt;
	color: #5a5a5a !important;
	text-decoration: none !important;
	display: flex; 
	align-items: center;
	margin-top: 5px;
	margin-bottom: 10px;
}

@media ( max-width :499px) {
	#headerMobile .inner .headerLeft {
		display: none
	}
	#headerMobile .inner .headerMiddle {
		text-align: left
	}
	#headerMobile .inner .headerLeft, #headerMobile .inner .headerMiddle,
		#headerMobile .inner .headerRight {
		width: 50%;
		height: 70px;
	}
	#headerMobile .inner .headerBottom {
		display: block;
		margin-top: 0
	}
	#headerMobile .inner {
		max-width: 499px;
		min-width: 300px
	}
	#headerMobile .inner .headerLogo {
		height: 40px
	}
	#headerMobile .inner .headerRight img {
		float: right;
		margin-top: 5px
	}
	#headerMobile .inner .headerRight div {
		line-height: 40px
	}
}

@media ( max-width :319px) {
	#headerMobile .inner .headerLogo {
		height: 40px
	}
	#headerMobile .inner .headerRight img {
		float: right;
		margin-top: 10px;
		height: 25px
	}
	#headerMobile .inner .headerRight div {
		line-height: 45px
	}
}

@media ( max-width :879px) {
	#headerMobile, .forMobile {
		display: block;
	}
}