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

	.header {
	top: 20px;
	}

	.start_img img {
	max-height: 700px;
	}
	
	.h1 {
	font-size: 54px;
	}
	
	.top_deco {
	display: none;
	}
	
	.game_nav.visible {
	top: -10px;
	}
	
	.game_slide {
	padding-top: 140px;
	padding-bottom: 76px;
	}
	
	.game_controls,
	.game_note {
	margin-top: 20px;
	}
	
	.final_slide {
	padding-top: 23px;
	padding-bottom: 30px;
	}
	
	.deco1 {
	bottom: 530px;
	}
	
	.deco4 {
	right: -20px;
	}
	
	.deco3 {
	bottom: 630px;
	right: 50px;
	}
	
}

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

	.game_nav {
	transform: scale(0.8);
	}
	
	.game_slide {
	padding-top: 100px;
	padding-bottom: 116px;
	}
	
	.card_holder,
	.game_cards {
	height: 523px;
	}
	
	.card_holder:before {
	height: 493px;
	}
	
	.card_img img {
	width: 350px;
	}
	
	.card_title {
	margin-bottom: 0;
	}
	
	.card_text {
	font-size: 19px;
	}
	
	.h2 {
	margin: 0;
	}
	
	.result_num {
	font-size: 52px;
	line-height: 1;
	margin: 0 0 9px;
	}

}

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

	.h1 {
	font-size: 54px;
	}

}

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

	body {
	font-size: 16px;
	}

	#mobile_detect {
	display: block;
	}
	
	.main_frame {
	padding-top: 95px;
	padding-bottom: 50px;
	min-height: 0px;
	}
	
	.main_width {
	width: 100%;
	max-width: 100%;
	padding: 0 20px;
	}
	
	.top_deco {
	width: 200px;
	background-size: 100% auto;
	display: block;
	transition: opacity 0.3s;
	}
	
	.in_game .top_deco {
	opacity: 0;
	}
	
	.header .logo {
	width: 75px;
	}
	
	.header {
	top: 30px;
	}
	
	.start_slide {
	height: auto;
	min-height: 0px;
	display: block;
	}
	
	.start_img {
	position: static;
	margin-left: 0;
	transform: none;
	}
	
	.start_img img {
	width: 75%;
	max-width: 360px;
	margin: -20px auto 20px;
	}
	
	.start_text {
	margin: 0 auto;
	padding: 0;
	max-width: 450px;
	text-align: center;
	}
	
	.h1 {
    font-size: 37px;
	margin: 0 auto 18px;
	max-width: 320px;
	}
	
	.start_text p {
	margin: 0 0 20px;
	}
	
	.btn {
	font-size: 18px;
	line-height: 20px;
	padding: 20px 30px;
	}
	
	.game_nav {
	transform: scale(0.5);
	}
	
	.game_nav.visible {
    top: -8px;
	}
	
	.deco {
	display: none;
	}
	
	.game_slide {
	padding: 0;
	}
	
	.game_holder {
	width: 300px;
	}
	
	.game_cards {
	height: 432px;
	}
	
	.card_holder {
	width: 300px;
	height: 432px;
	margin-left: 250px;
	}
	
	.card_holder:before {
	height: 420px;
	width: 270px;
	margin-left: -135px;
	}
	
	.card_holder.active {
	margin-left: -150px;
	}
	
	.card_holder.done {
	margin-left: -550px;
	}
	
	.card_img {
	padding-top: 10px;
	}
	
	.card_img img {
	width: 270px;
	}
	
	.card_text {
	font-size: 15px;
	}
	
	.card_side.side2 {
	padding-top: 40px;
	}
	
	.card_title {
	font-size: 34px;
	margin: 0 0 10px;
	}
	
	.card_title:after {
	margin-top: 25px;
	}
	
	.side2 .card_tree {
	display: none;
	}
	
	.game_btns .btn {
	min-width: 140px;
	width: 140px;
	}
	
	.game_next .btn {
	padding: 19px 30px;
	}
	
	.game_note {
	display: none;
	}
	
	.final_slide {
	padding: 0;
	}
	
	.final_slide .main_width {
	padding: 0 5px;
	}
	
	.white_bg {
	padding: 30px 25px;
	}
	
	.h2 {
	font-size: 26px;
	margin: 0;
	}
	
	.result_num {
	font-size: 40px;
	margin: 0 0 10px;
	}
	
	.result_green {
	margin: 25px 0 30px;
	padding: 30px 15px;
	}
	
	.result_green:before,
	.result_green:after {
	display: none;
	}
	
	.result_green b {
	font-size: 18px;
	}
	
	.result_share span {
	font-size: 15px;
	max-width: 430px;
	margin-bottom: 15px;
	}
	
	.result_share a {
	margin: 0 8px;
	}
	
	
}