/* Css Popup */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:999999;
  background-color:#000;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  /*display:none;*/
  z-index:9999999;
  padding:20px;
}

#boxes #dialog {
  width: 40%;
  height: auto;
  padding: 16px;
  background-color: #ffffff;
  margin:0 30%;
  margin-top: 2%;
}

#boxes #dialog1 {
  width:50%; 
  height:203px;
  margin:0 25%;
}

.close{display:block; text-align:right;}

@media (max-width:1000px) {
  #boxes #dialog {
    width:70%; 
    height: auto;
    margin:0 15%;
    margin-top: 5%;
    z-index: 999999999;
  }
}

@media (max-width:700px) {
  #boxes #dialog {
    width:80%; 
    height: auto;
    margin:0 10%;
    margin-top: 5%;
  }
}