#game-container {width: 100%; height: 570px; position: relative; background: url(/assets/images/games/children/images/fon_children.png) no-repeat;}
@media only screen and (min-width: 768px) {#game-container {height: 470px;}}
.igraem {cursor:pointer; margin:90px auto;}
	.children {display:none;}
	#next {cursor:pointer;}
	#div-01, #div-02, #div-03 {width: 250px; height: 570px; position: relative; float: left; margin: 0px 5px;}
	#ad-01, #ad-02, #ad-03 {width: 250px; height: 250px; border: 1px solid brown;}
	#ch-01, #ch-02, #ch-03 {width: 250px; height: 250px; margin-top: 10px; border: 1px solid brown;}
	#for-01, #for-02, #for-03 {}
	.droppable {width:250px; height:250px;}
	#false {top: 10px; left: 170px; display:none; position:absolute; width:300px; height:50px; background: red; z-index: 2; color: white; font-size: 20px; text-align: center;}
	.games-menu {font-size: 20px; text-align: center;}
.mask {
background: #000; /* фон */
  bottom: 0;  /* координата снизу */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* прозрачность для IE */
  height: 100%; /* высота на всю страницу */
  opacity: 0.5;  /* прозрачность слоя */
  position: fixed; /* фиксируем элемент на странице*/
  top: 0; /* координата сверху */
  width: 100%; /* ширина на всю страницу */
  z-index: 998; /* z-index для перекрытия остальных элементов */
	display:none;
}
	
	@media only screen and (max-width: 1000px) {
#div-01, #div-02, #div-03 {width: 200px; height: 570px; position: relative; float: left; margin: 0px 5px;}
	#ad-01, #ad-02, #ad-03 {width: 200px; height: 200px;}
	#ch-01, #ch-02, #ch-03 {width: 200px; height: 200px; background: green; color: white; margin-top: 10px;}
	#for-01, #for-02, #for-03 {}
	.droppable {width:200px; height:200px;}
}
	
	@media only screen and (max-width: 800px) {
#div-01, #div-02, #div-03 {width: 170px; height: 570px; position: relative; float: left; margin: 0px 5px;}
	#ad-01, #ad-02, #ad-03 {width: 170px; height: 170px;}
	#ch-01, #ch-02, #ch-03 {width: 170px; height: 170px; background: green; color: white; margin-top: 10px;}
	#for-01, #for-02, #for-03 {}
	.droppable {width:170px; height:170px;}
		.games-menu {font-size: 18px; text-align: center;}
}
	
	@media only screen and (max-width: 570px) {
#div-01, #div-02, #div-03 {width: 150px; height: 570px; position: relative; float: left; margin: 0px 5px;}
	#ad-01, #ad-02, #ad-03 {width: 150px; height: 150px;}
	#ch-01, #ch-02, #ch-03 {width: 150px; height: 150px; background: green; color: white; margin-top: 10px;}
	#for-01, #for-02, #for-03 {}
	.droppable {width:150px; height:150px;}
		.games-menu {font-size: 15px; text-align: center;}
}
	
	@media only screen and (max-width: 520px) {
#div-01, #div-02, #div-03 {width: 120px; height: 570px; position: relative; float: left; margin: 0px 5px;}
	#ad-01, #ad-02, #ad-03 {width: 120px; height: 120px;}
	#ch-01, #ch-02, #ch-03 {width: 120px; height: 120px; background: green; color: white; margin-top: 10px;}
	#for-01, #for-02, #for-03 {}
	.droppable {width:120px; height:120px;}
		.games-menu {font-size: 13px; text-align: center;}
}
	
	@media only screen and (max-width: 410px) {
#div-01, #div-02, #div-03 {width: 90px; height: 470px; position: relative; float: left; margin: 0px 5px;}
	#ad-01, #ad-02, #ad-03 {width: 90px; height: 90px;}
	#ch-01, #ch-02, #ch-03 {width: 90px; height: 90px; background: green; color: white; margin-top: 10px;}
	#for-01, #for-02, #for-03 {}
	.droppable {width:90px; height:90px;}
		.games-menu {font-size: 9px; text-align: center;}
}
	
	@media only screen and (max-width: 320px) {
#div-01, #div-02, #div-03 {width: 80px; height: 470px; position: relative; float: left; margin: 0px 5px;}
	#ad-01, #ad-02, #ad-03 {width: 80px; height: 80px;}
	#ch-01, #ch-02, #ch-03 {width: 80px; height: 80px; background: green; color: white; margin-top: 10px;}
	#for-01, #for-02, #for-03 {}
	.droppable {width:80px; height:80px;}
		.games-menu {font-size: 8px; text-align: center;}
}