.stickytop {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 7;
}

@media (min-width: 1199px) {
	#toparea .topareaUser {
		margin: 20px 0 20px 0;
	}
}
@media (max-width: 1199px) {
	#toparea .topareaUser {
		margin: 20px 0 20px 0;
	}
	#legioLogo a {
		margin-top: 30px;
	}
}

@media (max-width: 991px) {
	#legioLogo a {
		margin-top: 10px;
	}
	#toparea .topareaUser {
		margin: 10px 0;
	}
	#leftSection .moduleTitle i {
		display: block;
	}
	#leftSection .shopBrandsToggle,
	#leftSection .shopCartToggle,
	#leftSection .level-0 { display: none; }
	
	#toparea .topareaUser {
		justify-content: center;	
	}
}


@media (max-width: 768px) {
	#toparea,
	.carousel-inner .container .slider-image {
		text-align: center;
	}

	#toparea .topareaUser,
	#toparea .mainMenu {
		justify-content: center;
	}
	#toparea .mainMenu li {
		margin-bottom: 7px;
	}
}



@media (max-width: 640px) {
	#catalogueMenu .flexBox ul i,
	#catalogueMenu .flexBox ul.level-1,
	#catalogueMenu .flexBox ul.level-2 {
		display: none;
	}
	.stickytop {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 3;
	}
	#checkout .col-sm-6 .btn, #checkout .col-sm-6 .btn {
		margin-bottom: 15px;
	}
	#checkout .col-sm-6, #checkout .col-sm-6.text-right {
		text-align: center !important;
	}
}