.loader-wrapper {
	position: fixed;
	background: #ffffff;
	z-index: 20000;
	top: 0;
	left: 0;
}

.loader-wrapper .loader {
	width: 200px;
	height: 200px;
	background-size: auto 100%;
	background-position: 0px 0px;
	margin-left: -100px;
	left: 50%;
	
}

.loader-wrapper .loader.animate {
	animation:         loader-fill 1s steps(19) forwards;
	-webkit-animation: loader-fill 1s steps(19) forwards;
	-moz-animation:    loader-fill 1s steps(19) forwards;
}
.loader-wrapper .loader.animate-fast {
	animation:         loader-fill 0.5s steps(19) forwards;
	-webkit-animation: loader-fill 0.5s steps(19) forwards;
	-moz-animation:    loader-fill 0.5s steps(19) forwards;
}

@keyframes loader-fill {
    from { background-position: 0% 0%;  }
    to   { background-position: 100% 0%;  }
}
@-webkit-keyframes loader-fill {
    from { background-position: 0% 0%;  }
    to   { background-position: 100% 0%;  }
}
@-moz-keyframes loader-fill {
    from { background-position: 0% 0%;  }
    to   { background-position: 100% 0%;  }
}




@media (min-width: 1311px)
{

}

@media (min-width: 1171px)
{

	
}

@media (max-width: 1200px)
{



}

@media (max-width: 1170px)
{

}

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


@media (max-width: 767px)
{

}


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

@media (max-width: 600px)
{

}

@media (max-width: 540px)
{

}

@media (max-width: 480px)
{
}
@media (max-width: 375px)
{
}
@media (max-width: 320px)
{
}