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

	.header {
	top: 6%;
	}
	
	.accept_popup {
	bottom: 6%;
	}

	.h1 {
	font-size: 65px;
	}
	
	.start p {
	margin-bottom: 30px;
	}
	
	.big_moroz {
	width: 580px;
	margin-top: -250px;
	left: 50%;
	}
	
	.result_title {
	font-size: 38px;
	line-height: 48px;
	}
	
	.thanks i {
	width: 75px;
	}
	
	.thanks i img {
	width: 128px;
	margin-left: -16px;
	}

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

	.dance_moroz,
	#game_figure {
	margin-left: -188px;
	height: 390px;
	width: 390px;
	}
	
	.discoball {
	width: 89px;
	}
	
	.discoball_light {
	top: -130px;
	width: 793px;
	height: 644px;
	margin-left: -396px;
	}

}

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

	#mobile_detect {
	display: block;
	}
	
	.main_frame {
	height: auto;
	/*min-height: 100vh;*/
	min-height: 500px;
	position:fixed;
	top:0px; bottom: 0px;
	left: 0px;right: 0px;
	z-index:2;
	overflow-y: auto;
	}
	
	
	.start .main_width,
	.dance_area .main_width {
    min-height: 100vh;
    height: auto;
	}

	.header {
	top: 25px;
	}
	
	.main_width {
	margin: 0;
	padding: 0 20px;
	}
	
	.header .logo {
	width: 167px;
	}
	
	.gaming .header .btn {
	display: none;
	}
	
	#sound {
	right: 25px;
	top: -5px;
	}
	
	.accept_popup {
	bottom: 0;
	width: auto;
	left: 0;
	right: 0;
	border-radius: 5px 5px 0 0;
	padding: 20px 70px 20px 20px;
	font-size: 12px;
	background: rgba(11,21,78,0.9);
	z-index: 1045;
	}
	
	.accept_popup .close {
	right: 30px;
	}
	
	.start_content {
	top: 90px;
	left: 20px;
	width: 290px;
	transform: none;
	}
	
	.h1 {
	font-size: 36px;
	margin: 0 0 20px;
	}
	
	.start p {
	font-size: 15px;
	max-width: 240px;
	margin: 0 0 30px;
	}
	
	.btn {
	padding: 15px 20px 16px;
	min-width: 200px;
	}
	
	.big_moroz {
	width: 309px;
	height: auto;
	top: 380px;
	bottom: 0px;
	left: auto;
	right: 0px;
	margin-top: 0;
	background-position: 50px 0px;
	}
	
	.start .main_width:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -moz-linear-gradient(left,  rgba(3,72,168,0.7) 45%, rgba(26,50,152,0) 85%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(3,72,168,0.7) 45%,rgba(26,50,152,0) 85%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(3,72,168,0.7) 45%,rgba(26,50,152,0) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
	.rules {
	padding: 0 0 35px;
	max-width: 330px;
	}
	
	.rules_text br {
	display: none;
	}
	
	.rules_text {
	padding: 0 20px;
	}
	
	.rules img {
	max-width: 220px;
	}
	
	.score_bar {
	top: 80px;
	left: 20px;
	transform: none;
	}
	
	.score_bar .scb1,
	.scores .scb1 {
	font-size: 64px;
	line-height: 78px;
	}
	
	.score_bar .scb2,
	.scores .scb2 {
	font-size: 18px;
	line-height: 22px;
	margin-top: 0;
	}
	
	.score_bar .btn {
	display: none;
	}
	
	.tree,
	.tree .lights {
	background-position: 68% 50%;
	}
	
	.hint {
	bottom: 105px;
	}
	
	.no_accept .hint {
	bottom: 20%;
	}
	
	.d_hint {
	display: none;
	}
	
	.m_hint {
	display: block;
	}
	
	.result_title {
	font-size: 24px;
	line-height: 1.1;
	margin: 0 auto 10px;
	max-width: 280px;
	}
	
	.scores .scb2 {
	font-weight: 400;
	margin: 0 0 30px;
	}
	
	.main_width.align {
	padding-top: 30px;
	padding-bottom: 30px;
	}
	
	.white_bg {
	padding: 30px 20px;
	}
	
	.form_title {
	padding-top: 0;
	margin: 0 0 10px;
	}
	
	.form_text {
    margin: 0 0 20px;
	}
	
	.input_box + .input_box {
    margin-top: 32px;
	}
	
	.thanks i {
    width: 58px;
	margin-bottom: 20px;
	}
	
	.thanks i img {
    width: 100px;
    margin-left: -13px;
	margin-top: -10px;
	}
	
	.sc_block a {
	height: 50px;
	}
	
	.results .with_email p {
    margin: 0px 0 20px;
    font-size: 18px;
	}

}

@media screen and (max-width: 1200px) and (max-height: 660px) {

	.main_width.align {
	align-items: flex-start;
	padding-top: 80px;
	}
}
@media screen and (max-width: 800px) and (max-height: 800px){
	.big_moroz{
		height: auto !important;
		top: 380px !important;
	}
}	
@media screen and (max-width: 800px) and (max-height: 560px){
	.big_moroz{
		background-size: 250px auto;
		background-position: top right;
	}
}	
@media screen and (max-width: 800px) and (max-height: 460px){
	.big_moroz{
		display: none;
	}
}