#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color: rgba(19, 64, 78, 0.9) !important;
  display:none;
  text-align: center;
}  
#boxes .window {
  position:absolute;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:500px;
  height:auto;
  padding:20px;
  background-color:#ffffff;
  text-align: center;
}

@media screen and (max-width:800px) 
{
#boxes .window {
  position:absolute;
  left:20;
  top:0;
  width:300px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:90%; 
  height:auto;
  padding:0px;
  margin-right:20px;
  background-color:#ffffff;
}
	
}