#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
     background-color: #0202028a;
    display: none;
    opacity: 1 !important;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:560px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:560px; 
  height:auto;
  padding: 10px 10px 10px 10px;
  background-color: #d9dadd;
  font-size: 15pt;
}

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

@media only screen and (max-width: 731px) {
#boxes #dialog {
  width: auto;
  height: auto;
  padding: 10px 10px 10px 10px;
  background-color: unset;
  font-size: 15pt;
  margin: 10px;
}
div#san {
  top: 130px;
  position: relative;
  left: -23px;
}
.close {
  opacity: 1;
}
}
@media only screen and (max-width: 536px) {
div#san {
    top: 0px;
    position: relative;
    left: -23px;
}
}