/*iPad*/
@media screen and (max-width: 1100px), (max-device-width: 1024px) {

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

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

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

}

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

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

}


/*For retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx){
	#head .logo, .btn:after, .btn.loading, .checkbox, .error_mess:before{
		background-image: url(../img/imgs_x2.png);
		background-size: 132px 88px;
	}
}