@media screen and (max-height: 850px) {
	.screen01 .logo {
	    margin: 0 auto 60px auto;
	}
	.result .main_title {
		font-size: 45px;
	}
	.main_text {
	    padding-bottom: 25px;
	}
	.santa img {
	    max-width: 85%;
	}
	.list_test1 img,
	.list_test2 img,
	.list_test3 img,
	.list_test4 img,
	.list_test5 img {
	    max-width: 200px;
	}
	.list_test .title {
	    font-size: 20px;
	}
	.content {
	    max-width: 607px;
	    min-height: 620px;
	}
	.list_test input[type="radio"] + label {
		height: 50px;
		font-size: 14px;
	}
	.tbl {
	    height: 50px;
	}
	.list_test4 img {
	    max-width: 300px;
	}
	.list_test5 img {
	    max-width: 180px;
	}
	.screen04 .logo {
	    margin: 0 auto 50px auto;
	}
	.result .main_title {
	    margin-bottom: 30px;
	}
	.result1 img,
	.result5 img,
	.result7 img {
	    max-width: 350px;
	}
	.result2 img {
	    max-width: 400px;
	}
	.result3 img,
	.result4 img,
	.result6 img {
	    max-width: 220px;
	}
	.result8 img {
	    max-width: 700px;
	}
}

@media screen and (max-height: 800px) {
	.list_test1 img,
	.list_test2 img,
	.list_test3 img,
	.list_test4 img,
	.list_test5 img {
	    max-width: 150px;
	}
	.content {
	    max-width: 607px;
	    min-height: 580px;
	}
	.list_test input[type="radio"] + label {
		height: 45px;
		font-size: 14px;
	}
	.tbl {
	    height: 45px;
	}
	.list_test4 img {
	    max-width: 280px;
	}
	.list_test5 img {
	    max-width: 150px;
	}
}

@media screen and (max-height: 760px) {
	.screen01 .logo {
	    margin: 0 auto 40px auto;
	}
	.deer {
	    max-width: 350px;
	}
	.list_test1 img,
	.list_test2 img,
	.list_test3 img,
	.list_test4 img,
	.list_test5 img {
	    max-width: 100px;
	}
	.list_test4 img {
	    max-width: 150px;
	}
	.list_test5 img {
	    max-width: 100px;
	}
	.list_test .title {
	    font-size: 20px;
	}
	.content {
	    max-width: 600px;
	    min-height: 550px;
	}
	.max_list {
	    padding: 20px 0 38px 0;
	}
	.block {
	    margin-bottom: 10px;
	}
	.list_test {
		padding-top: 50px;
	}
	.screen04 {
	    padding-top: 30px;
	}
	.screen04 .logo {
	    margin: 0 auto 40px auto;
	}
	.list_result p {
	    margin-top: 30px;
	}
	.result1 img,
	.result5 img,
	.result7 img {
	    max-width: 200px;
	}
	.result2 img {
	    max-width: 250px;
	}
	.result3 img,
	.result4 img,
	.result6 img {
	    max-width: 130px;
	}
	.result8 img {
	    max-width: 500px;
	}
}

@media screen and (max-height: 700px) {
	.screen01 .logo {
	    margin: 0 auto 35px auto;
	}
	.deer {
	    max-width: 300px;
	}
	.main_title,
	.result .main_title {
		font-size: 30px;
	}
	.list_test1 img,
	.list_test2 img,
	.list_test3 img,
	.list_test4 img,
	.list_test5 img {
	    display: none;
	}
	.content {
	    max-width: 600px;
	    min-height: 450px;
	}
	.main_mini_titile {
	    font-size: 26px;
	    background-size: contain;
	    max-width: 300px;
	    margin: 10px auto 20px auto;
	}
	.main_text {
	    padding-bottom: 25px;
	}
	.simple_btn {
		margin-bottom: 20px;
	}
	.santa img {
	    max-width: 65%;
	}
	.screen04 {
	    padding-top: 20px;
	}
	.screen04 .logo {
	    margin: 0 auto 30px auto;
	}
	.list_result p {
	    margin-top: 20px;
	}
}

@media screen and (max-width: 1700px) {
	.deep2 {
		position: absolute;
		top: 10%;
		left: 3%;
	}
	.deep2 img {
		max-width: 80%;
	}
}
@media screen and (max-width: 1300px) {
	.block {
		margin-bottom: 40px;
	}
    .santa {
        position: absolute;
        left: 0;
        bottom: -5px;
        margin: 0 auto;
    }
    .deep2 {
        position: absolute;
        top: 10%;
        left: 0%;
    }
    .deep2 img {
        max-width: 50%;
    }
}
@media screen and (max-width: 1100px) {
    .screen01 .logo, .screen04 .logo {
        margin: 0 auto 80px auto;
    }
}
@media screen and (max-width: 1000px) {
	.list_test {
		position: relative;
	}
    .hand_left,
    .hand_right,
    .list_test1,
    .list_test2,
    .list_test3,
    .list_test4,
    .list_test5,
    .screen04,
    .hand_right_finger,
    .hand_right_hand,
    .deep2 {
        display: none;
    }
    .active {
        display: block;
    }
    .santa {
        position: relative;
    }
}
@media screen and (max-width: 700px) {
	.main_title {
	    font-size: 30px;
	}
	.deer {
	    max-width: 300px;
	}
	.main_mini_titile {
	    font-size: 26px;
	    background-size: contain;
	}
	.screen02,
	.list_test7,
	.list_test6 {
        display: none;
    }
}
@media screen and (max-width: 600px) {
	.screen02 .social,
	.screen03 .social,
	.screen04 .social,
	.screen02 .logo,
	.screen03 .logo,
	.footer_text,
	.screen02 .share_block_links,
	.screen03 .share_block_links {
	    float: none;
	}
	.footer_text {
		margin-bottom: 20px;
	}
	.screen02 .logo,
	.screen03 .logo {
	    margin: 0 auto 20px auto;
	}
	.screen03 .share_block_links,
	.social {
		margin: 0 auto;
	}
	.tbl {
		vertical-align: top;
		height: auto;
		padding: 10px 0;
	}
	.list_test input[type="radio"] + label {
		height: auto;
	}
	.result .main_title {
	    font-size: 33px;
	}
}
@media screen and (max-width: 500px) {

	.content {
		min-height: auto;
		height: auto;
	}
	.list_test .title {
		font-size: 20px;
	}
	.screen04 .logo {
	    margin: 0 auto 40px auto;
	}
	.list_result img {
	    max-width: 80%;
	    display: block;
	    margin: 0 auto 10px auto;
	}
	.result .title {
	    font-size: 25px;
	}
	.screen01 .logo {
        margin: 0 auto 30px auto;
    }
    .deer,
    .screen03 .social, 
    .screen03 .share_block_links {
    	display: none;
    }
    .screen01 .share_block_links, 
    .screen01 .social {
		margin: 15px auto 0px auto;
    }

    .main_text {
    	font-size: 14px;
    }
    .list {
	    padding: 20px 0 20px 0;
	}
	.block {
		margin-bottom: 10px;
	}
	.list_test {
		padding-top: 25px;
	}

}


/*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){

.screen .logo,
.simple_btn .deco,
.screen01 .share_block_links .ya-share2__item_service_vkontakte a,
.screen04 .share_block_links .ya-share2__item_service_vkontakte a,
.screen01 .social .soc1 a,
.screen04 .social .soc1 a,
.screen01 .share_block_links .ya-share2__item_service_odnoklassniki a,
.screen04 .share_block_links .ya-share2__item_service_odnoklassniki a,
.screen01 .social .soc2 a,
.screen04 .social .soc2 a,
.screen01 .share_block_links .ya-share2__item_service_facebook a,
.screen04 .share_block_links .ya-share2__item_service_facebook a,
.screen01 .social .soc3 a,
.screen04 .social .soc3 a,
.screen01 .share_block_links .ya-share2__item_service_twitter a,
.screen04 .share_block_links .ya-share2__item_service_twitter a,
.screen01 .social .soc4 a,
.screen04 .social .soc4 a,
.screen02 .share_block_links .ya-share2__item_service_vkontakte a,
.screen03 .share_block_links .ya-share2__item_service_vkontakte a,
.screen02 .social .soc1 a,
.screen03 .social .soc1 a,
.screen02 .share_block_links .ya-share2__item_service_odnoklassniki a,
.screen03 .share_block_links .ya-share2__item_service_odnoklassniki a,
.screen02 .social .soc2 a,
.screen03 .social .soc2 a,
.screen02 .share_block_links .ya-share2__item_service_facebook a,
.screen03 .share_block_links .ya-share2__item_service_facebook a,
.screen02 .social .soc3 a,
.screen03 .social .soc3 a,
.screen02 .share_block_links .ya-share2__item_service_twitter a,
.screen03 .share_block_links .ya-share2__item_service_twitter a,
.screen02 .social .soc4 a,
.screen03 .social .soc4 a,
.list_test input[type="radio"] + label:before,
 {
	background-image: url(../img/sprite_x2.png);
	background-size: 225px 136px;
}

}