@media screen and (max-width:1440px) {
	.htgreed .okno1form{

    width: 550px;

    height: 550px;
}
.htgreed .okno2form{

    width: 550px;

    height: 550px;
}

.htgreed .okno3form{

    width: 550px;

    height: 550px;
}

.htgreed .okno4form{

    width: 550px;

    height: 550px;
}
.htgreed .okno5form{

    width: 550px;

    height: 655px;
}
.htgreed .oknotitle{
	width: 550px;
	font-size: 15px;
}
.txtvokne{
	margin-top:50px;
}

.htgreed.okno1form-open .okno1form{
    display: block;

    position: absolute;

    top:-311px;

    left:118px;
}

.htgreed.okno2form-open .okno2form{
    display: block;

    position: absolute;

    top:-415px;

	left:412px;
}

.htgreed.okno3form-open .okno3form{
    display: block;

    position: absolute;

    top:-363px;

    left:224px;
}

.htgreed.okno4form-open .okno4form{
    display: block;

    position: absolute;

    top:-432px;

    left:676px;
}

.htgreed.okno5form-open .okno5form{
    display: block;

    position: absolute;

    top:-465px;

     left:516px;
}

.texton{
	font-size: 25px;
}

.ebaki{
	display:flex;
}
.full .ebaki img{
	width: 50%;
}

.figurki{
	display:flex;
}

.full .figurki img {
	width:100%;
}

.closeokno{

    font-size: 5vh;
  
}

.fullscrin img{
	width: 20px;
}




.full .gameisover{
	left: 3%;
    margin-top: 10%;
}

.full .Elemvalue{
	margin-top: 5%;
	font-size: 65px;
}
 .popup-close {
   
    right: 47px;
    top: -22px;
    font-size: 3vh;

  }
  
  .dungeon-game{
  	margin-top: 35px;
  }
  #draggable9 {
	display: none;
	

}
#draggable10 {
	display: none;
	

}

    #modal-content {
      display: inline-block;
      margin-top: 50%;
    }

    #close {
      position: absolute;
      top: 121px;
      right: 10px;
      color: #fff;
      font-size: 80px;
      font-weight: bold;
      cursor: pointer;
      
    }

 #modal img {
      width: 90%;
      height: auto;
      cursor: pointer;
      overflow: hidden;
      
    }
	
}
@media screen and (max-width:1080px) {
	
.htgreed{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}
    .htgreed .oknos1, .oknos2, .oknos3, .oknos4, .oknos5, .oknos6{
    width: 70px;

    height: 70px;

}
.icname{
	font-size: 0.8rem;
	padding-left: 10px;
}



.htgreed .okno1form{

    width: 460px;

    height: 460px;
}
.htgreed .okno2form{

    width: 460px;

    height: 460px;
}

.htgreed .okno3form{

    width: 460px;

    height: 460px;
}

.htgreed .okno4form{

    width: 460px;

    height: 460px;
}
.htgreed .okno5form{

    width: 460px;

    height: 600px;
}
.htgreed .oknotitle{
	width: 440px;
	font-size: 15px;
	padding: 10px;
	
}



.txtvokne{
    margin-top: 20px;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    font-size: 16px;
    font-weight: 600;

   
}

.texton{
	font-size: 25px;
}
.htgreed.okno1form-open .okno1form{
    display: block;

    position: absolute;

    top:108px;

    left:-632px;
}

.htgreed.okno2form-open .okno2form{
    display: block;

    position: absolute;

    top:148px;

	left:-431px;
}

.htgreed.okno3form-open .okno3form{
    display: block;

    position: absolute;

    top:192px;

    left:-277px;
}

.htgreed.okno4form-open .okno4form{
    display: block;

    position: absolute;

    top:148px;

     left:-512px;
}

.htgreed.okno5form-open .okno5form{
    display: block;

    position: absolute;

    top:68px;

     left:-83px;
}


.ebaki{
	display:flex;
}
.full .ebaki img{
	width: 50%;
}

.figurki{
	display:flex;
}

.full .figurki img {
	width:100%;
}

.closeokno{
  

    font-size: 4vh;
  
}

.fullscrin img{
	width: 20px;
}




.full .gameisover{
	left: 3%;
    margin-top: 10%;
}

.full .Elemvalue{
	margin-top: 5%;
	font-size: 65px;
}
 .popup-close {
   
    right: 47px;
    top: -22px;
    font-size: 3vh;

  }
  
  .dungeon-game{
  	margin-top: 35px;
  }
  
  .gameisover{
  	font-size: 85px;
  	top:83px;
  }
  #draggable9 {
	display: none;
	

}
#draggable10 {
	display: none;
	

}

    #modal-content {
      display: inline-block;
      margin-top: 50%;
    }

    #close {
      position: absolute;
      top: 121px;
      right: 10px;
      color: #fff;
      font-size: 80px;
      font-weight: bold;
      cursor: pointer;
      
    }

 #modal img {
      width: 90%;
      height: auto;
      cursor: pointer;
      overflow: hidden;
      cursor:pointer;
    }
}

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


.htgreed{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}
    .htgreed .oknos1, .oknos2, .oknos3, .oknos4, .oknos5, .oknos6{
    width: 60px;

    height: 60px;

}
.icname{
	font-size: 0.8rem;
	padding-left: 10px;
}



.htgreed .okno1form{

    width: 320px;

    height: 320px;
}
.htgreed .okno2form{

    width: 320px;

    height: 320px;
}

.htgreed .okno3form{

    width: 320px;

    height: 320px;
}

.htgreed .okno4form{

    width: 390px;

    height: 390px;
}
.htgreed .okno5form{

    width: 320px;

    height: 520px;
}
.htgreed .oknotitle{
	width: 300px;
	font-size: 15px;
	padding: 10px;
	
}
.okno4form .oknotitle{
	width: 370px;
}

#game-bord{
	grid-template-columns: repeat(5, 100px);
    grid-template-rows: repeat(8, 100px);
}

.txtvokne{
    margin-top: 20px;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    font-size: 16px;
    font-weight: 600;

   
}

.texton{
	font-size: 25px;
}


.ebaki{
	display:flex;
}
.full .ebaki img{
	width: 50%;
}

.figurki{
	display:flex;
}

.full .figurki img {
	width:100%;
}

.closeokno{
  

    font-size: 4vh;
  
}

.fullscrin img{
	width: 20px;
}





.full .gameisover{
	left: 3%;
    margin-top: 10%;
}

.full .Elemvalue{
	margin-top: 5%;
	font-size: 65px;
}
 .popup-close {
   
    right: 47px;
    top: -22px;
    font-size: 3vh;

  }
  
  .dungeon-game{
  	margin-top: 35px;
  }
  .gameisover{
  	font-size: 60px;
  }
  #draggable9 {
	display: none;
	

}
#draggable10 {
	display: none;
	

}

    #modal-content {
      display: inline-block;
      margin-top: 50%;
    }

    #close {
      position: absolute;
      top: 121px;
      right: 10px;
      color: #fff;
      font-size: 80px;
      font-weight: bold;
      cursor: pointer;
      
    }

 #modal img {
      width: 90%;
      height: auto;
      cursor: pointer;
      overflow: hidden;
      cursor:pointer;
    }
}

@media screen and (max-width:418px) {
	.htgreed.okno1form-open .okno1form{
    display: block;

    position: absolute;

    top:108px;

    left:-190px;
}

.htgreed.okno2form-open .okno2form{
    display: block;

    position: absolute;

    top:148px;

    left:-190px;
}

.htgreed.okno3form-open .okno3form{
    display: block;

    position: absolute;

    top:188px;

    left:-190px;
}

.htgreed.okno4form-open .okno4form{
    display: block;

    position: absolute;

    top:228px;

    left:-228px;
}

.htgreed.okno5form-open .okno5form{
    display: block;

    position: absolute;

    top:33px;

    left:-190px;
}
.gameisover{
	font-size:60px;
	top:85px;
}
	
}

@media screen and (max-width:388px) {
	
		.htgreed.okno1form-open .okno1form{
    display: block;

    position: absolute;

    top:108px;

    left:-219px;
}
	
	.htgreed.okno2form-open .okno2form{
    display: block;

    position: absolute;

    top:258px;

    left:-219px;
}
	
	.htgreed.okno3form-open .okno3form{
    display: block;

    position: absolute;

    top:188px;

    left:-219px;
}
	.htgreed.okno4form-open .okno4form{
    display: block;

    position: absolute;

    top:170px;

    left:-250px;
}
	
	.htgreed.okno5form-open .okno5form{
    display: block;

    position: absolute;

    top:33px;

    left:-215px;
}
	
}
@media screen and (max-width:325px) {
	
.htgreed .oknotitle{
	width:280px; 
}	
	.htgreed .okno1form{

    width: 300px;

    height: 300px;
}
.htgreed .okno2form{

    width: 300px;

    height: 300px;
}

.htgreed .okno3form{

    width: 300px;

    height: 300px;
}
.htgreed .okno4form{

    width: 320px;

    height: 320px;
}
.htgreed .okno5form{

    width: 320px;

    height: 500px;
}

.okno4form .oknotitle{
	width: 300px;
}
.okno5form .oknotitle{
	width: 300px;
}
		
		.htgreed.okno1form-open .okno1form{
    display: block;

    position: absolute;

    top:108px;

    left:-323px;
}
	
	.htgreed.okno2form-open .okno2form{
    display: block;

    position: absolute;

    top:258px;

    left:-323px;
}
	
	.htgreed.okno3form-open .okno3form{
    display: block;

    position: absolute;

    top:188px;

    left:-323px;
}
	.htgreed.okno4form-open .okno4form{
    display: block;

    position: absolute;

    top:170px;

    left:-328px;
}
	
	.htgreed.okno5form-open .okno5form{
    display: block;

    position: absolute;

    top:33px;

    left:-328px;
}
	
}
@media screen and (max-width:320px) {


	.fullscrin img {
		width: 15px;
	}
	.closeokno{
		font-size: 4vh;
	}
	
	    .htgreed .oknos1, .oknos2, .oknos3, .oknos4, .oknos5, .oknos6{
    width: 40px;

    height: 40px;
    
}
.icname{
	font-size: 0.5rem;
}
	
.htgreed .oknotitle{
	width:230px; 
}	
	.htgreed .okno1form{

    width: 250px;

    height: 250px;
}
.htgreed .okno2form{

    width: 250px;

    height: 250px;
}

.htgreed .okno3form{

    width: 250px;

    height: 250px;
}
.htgreed .okno4form{

    width: 300px;

    height: 300px;
}
.htgreed .okno5form{

    width: 280px;

    height: 410px;
}

.okno4form .oknotitle{
	width: 280px;
}
.okno5form .oknotitle{
	width: 260px;
}
		
		.htgreed.okno1form-open .okno1form{
    display: block;

    position: absolute;

    top:52px;

    left:-70px;
}
	
	.htgreed.okno2form-open .okno2form{
    display: block;

    position: absolute;

    top:157px;

    left:-70px;
}
	
	.htgreed.okno3form-open .okno3form{
    display: block;

    position: absolute;

    top:104px;

    left:-70px;
}
	.htgreed.okno4form-open .okno4form{
    display: block;

    position: absolute;

    top:99px;

    left:-93px;
}
	
	.htgreed.okno5form-open .okno5form{
    display: block;

    position: absolute;

    top:-19px;

    left:-83px;
}
	
}