.preloader{

display: block;   
position: absolute; 
width:180px;
top: 30%; 
left: calc(50% - 80px);


}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){

.preloader{

display: block;   
position: absolute; 
width:200px;
top: 30%; 
left: calc(50% - 80px);


}

	}


@media screen and (max-width:1024px){


.preloader{

display: block;   
position: absolute; 
width:350px;
top: 30%; 
left: calc(50% - 150px);


}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){

.preloader{

display: block;   
position: absolute; 
width:250px;
top: 30%; 
left: calc(50% - 120px);


}

}