.loader1{
    width: 100%;
    height: 100%;
    position : fixed;
    z-index: 9999;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
    background-color:#fff;
}
.loader{
	/*display : block;*/
    height: 300px;
    margin-top: 150px;
    background-image : url('../images/logo.jpg');    
    background-repeat : no-repeat;
    background-position : center;
    background-size: 200px 200px;


    animation-name: bounce-background;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-iteration-count: infinite;

    /* For Chrome & Safari */
   -webkit-animation-name: bounce-background;
   -webkit-animation-timing-function:ease-in-out;
   -webkit-animation-duration:2s;
   -webkit-animation-iteration-count:infinite;
}
@keyframes bounce-background {
    from {
        background-position: top;
    }
    20%{background-position: bottom;}
    50% {
        background-position: top;
    }
    70%{background-position: bottom;}
    to {
        background-position: top;
    }
}


@media screen and (max-width: 768px)
{
	.loader{
		background-size: 120px 100px;
	}
}