.forest_box { float: left; width: 100%; background: url(../img/forestpuzzle/board_bg.jpg) repeat; background-size: 100%; margin: 50px 0 0; }
.forest_box li, .forest_box p { font-size: 18px; color: #fff; }
.forest_header { position: relative; padding: 15px; }
.des_blocks:after, .des_blocks:before, .feat_graphic:after, .feat_graphic:before, .forest_header:after, .forest_header:before { 
	content: ''; 
	background-image: url(../img/forestpuzzle/coin1.png); background-repeat: no-repeat; background-size: 100%; position: absolute; 
}
.forest_header:before { padding: 7%; bottom: -16%; left: 7%; }
.forest_header:after { right: 5%; bottom: -18%; padding: 4.5%; transform: rotate(-330deg); -webkit-transform: rotate(-330deg); -moz-transform: rotate(-330deg); -o-transform: rotate(-330deg); -ms-transform: rotate(-330deg); transform: rotate(-330deg); }
.forest_store { width: 180px; padding-bottom: 60px; }
.forest_store img { width: 100%; }
.forest_rating { min-width: 374px; color: #fff; }
.forst_des h3 { color: inherit; margin: 0 0 .5rem; }
.forest_rating figure { float: left; margin: 0 16px 0 0; }
.forst_des { display: inline-block; color: #fff; }
.forest_rating .stars4 img { width: 120px; }
.forst_logo { margin: -8% 3% 0 0; position: relative; z-index: 9; }
.forst_description { background: #431f0f; color: #fff; box-shadow: inset 0 0 40px #000; padding: 50px 30px; }
.forst_description p { margin: 0; }
.forst_description h3 { color: #fff001; margin-bottom: 20px; }
.des_blocks { text-align: center; position: relative; width: 100%; float: left; }
.des_blocks figure { display: inline-block; padding: 30px 0; margin: 0 2%; }
.des_blocks:before { left: -4%; bottom: 22%; padding: 4.2%; transform: rotate(-310deg); -webkit-transform: rotate(-310deg); -moz-transform: rotate(-310deg); -o-transform: rotate(-310deg); -ms-transform: rotate(-310deg); transform: rotate(-310deg); }
.des_blocks:after { padding: 5.5%; top: 26%; right: -6%; }
.forst_blocks { clear: both; float: left; width: 100%; background: #431f0f; color: #fff; box-shadow: inset 0 0 40px #000; padding: 40px 40px 14%; position: relative; }
.forst_blocks:after { content: ''; background: url(../img/forestpuzzle/forest_vecor.png); background-image: url(../img/forestpuzzle/leaf.png); background-repeat: no-repeat; background-size: 100%; padding: 8%; position: absolute; bottom: -1%; right: -6px; }
.forst_blocks h3 { text-align: center; color: #fff001; text-transform: uppercase; }
.forst_blocks ul { margin: 20px 0 0; }
.forst_blocks li { width: 50%; float: left; padding: 0 15px 0 32px; line-height: 25px; margin: 0 0 10px; position: relative; }
.forst_blocks li:before { 
	content: ''; background-image: url(../img/forestpuzzle/star.png); background-repeat: no-repeat; background-size: 100%; position: absolute; top: -1px; left: 0; width: 28px; height: 26px; 
}
.feat_graphic { margin-top: -22%; clear: both; float: left; width: 100%; position: relative; }
.feat_graphic:before { 
	padding: 6%; bottom: 22%; left: -7%; 
}
.feat_graphic:after { 
	right: -7%; top: 25%; padding: 4.2%; transform: rotate(-320deg); -webkit-transform: rotate(-320deg); -moz-transform: rotate(-320deg); -o-transform: rotate(-320deg); -ms-transform: rotate(-320deg); transform:rotate(-320deg); 
}
.mt-minus5 { margin-top: -15%; width: 100%; float: left; }
.tech_graphic { position: relative; margin: 60px 0 0; width: 100%; float: left; }
.tech_graphic:after { content: ''; background-image: url(../img/forestpuzzle/coin1.png); background-repeat: no-repeat; background-size: 100%; position: absolute; right: -7%; top: -3%; padding: 4.2%; transform: rotate(-320deg); -webkit-transform: rotate(-320deg); -moz-transform: rotate(-320deg); -o-transform: rotate(-320deg); -ms-transform: rotate(-320deg); transform: rotate(-320deg); }
.play_now { float: left; width: 100%; text-align: center; padding: 21rem 0 24rem; position: relative; margin-top: -8rem; }
.play_now:after { content: ''; background: url(../img/forestpuzzle/forest_vecor.png); background-size: 100%; background-position: bottom; background-repeat: no-repeat; position: absolute; top: 0; height: 100%; width: 100%; right: 0; }
.play_now h3 { color: #fff001; margin: 0 0 3rem; }
.play_now figure { margin: 0; position: relative; z-index: 11; }
.play_now figure img { max-width: 460px; }

@media (min-width:1200px) {
	.forest_rating { padding-top: 30px; }
}
@media (max-width:1200px) {
	.forst_blocks:after { right: -5px; }
	.des_blocks:after { right: -3%; }
	.des_blocks:before { left: -3%; }
	.tech_graphic img { width: 81%; }
	.forst_logo { width: 40%; }
}
@media (max-width:991px){
	.forest_header { flex-direction: column!important; }
	.forst_logo { margin: 0; position: absolute; top: -15%; right: 5%; width: 40%; }
	.forest_store { padding-top: 24px; }
	.forest_header:before { bottom: -23%; }
	.des_blocks:before { left: 0; }
	.des_blocks:after, .tech_graphic:after { right: 0; }
	.forst_blocks { padding: 40px 40px 7%; }
	.play_now { padding: 12rem 0 19rem; }
}
@media (max-width:880px){
	.forst_blocks li {width: 100%;}
	.forst_blocks {padding: 20px 20px 7%;}
	.forst_blocks li:before {top:0;}
}
@media (max-width:767px){
	.forst_blocks li { padding-right: 0; }
	.forest_rating { order: 1; -webkit-order: 1; }
	.forest_store { order: 2; -webkit-order: 2; padding-bottom: 35px; }
	.forst_logo { order: 3; -webkit-order: 3; position: static; width: 60%; margin: auto; }
	.forest_header { text-align: center; }
	.forest_rating { width: 240px; margin: 0 auto; text-align: center; }
	.forest_rating figure { display: block; float: none; margin: 0 0 15px; }
	.forest_store { display: block!important; padding-bottom: 20px; margin: 0 auto; }
	.forest_header:before { bottom: -30px; }
	.forest_header:after { bottom: -4%; }
	.des_blocks figure { margin: 0; width: 80%; }
	.forst_description { padding: 40px 20px; }
	.des_blocks figure:first-child { padding-bottom: 0; }
	.feat_graphic:after { right: -5%; }
	.feat_graphic:before { left: -5%; }
	.tech_graphic { margin: 30px 0 0; }
}

@media (max-width:420px) {
	.forest_rating { min-width: 100%; }
	
}