#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9999;
  background-color:#26262c;
  display:none;
}  
.boxes .window {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:999999;
  padding:5px;
  border-radius: 5px;
  text-align: center;
}
.boxes #dialog {
  width:710px; 
  height:515px;
  padding: 5px;
  background:linear-gradient(#ffd7ad, #ffffff);
  font-size: 15pt;
  top: 50%; left: 40%;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}
.bkdf
{
  width:700px;
  height:500px;
}
@media screen and (max-width: 768px) {
.boxes #dialog {
  width:360px;
  height:260px;
  top: 20%; 
  left: 15%;
}

.bkdf
{
  width:350px;
  height:250px;
}
}