#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9999;
  background-color:#26262c;
  display:none;
}
#boxes .window {
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  /* width:500px;
  height:707px; */
  width: 100%;
  display:none;
  z-index:99999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  /* width:510px;
  height:auto; */
  padding: 10px 10px 10px 10px;
  box-sizing: border-box;
  background-color:transparent;
  font-size: 15pt;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}

.close img {
    width: 20px !important;
    height: 20px;
    margin-right: 0 !important;
margin-top:  0 !important;
margin-bottom: 20px;
}

.window img {
    width: 100%;
        max-width: 500px;
}

@media only screen
and (max-width : 480px) {
    /* #boxes {
        background-color: red;
      display: none;
    } */
    /* #boxes #dialog {
      display: none;
    } */
}