#mask {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#26262c;
	  display:none;
	}  
	#boxes .window {
	  position:absolute;
	  left:0;
	  top:0;
	  width:340px;
	  height:auto;
	  display:none;
	  z-index:9999;
	  padding:20px;
	  border-radius: 5px;
	  text-align: center;
	}
	#boxes #dialog {
	  width:1220px; 
	  height:auto;
	  padding: 10px 10px 10px 10px;
	  background-color:#ffffff;
	  font-size: 15pt;
	}
	.agree:hover{
	  background-color: #D1D1D1;
	}
	.popupoption:hover{
		background-color:#D1D1D1;
		color: green;
	}
	.popupoption2:hover{
		color: red;
	}
@media only screen and (max-device-width: 1200px)
 { 

	#boxes #dialog {
	  width:auto; 
	  height:auto;
	  padding: 5px 5px 5px 5px;
	  background-color:#ffffff;
	  font-size: 15pt;
	}
	 	#mask {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#26262c;
	  display:none;
	}  

}
@media only screen and (max-device-width: 600px)
 { 

	#boxes #dialog {
	  width:100%; 
	  height:auto;
	  padding: 5px 5px 5px 5px;
	  background-color:#ffffff;
	  font-size: 15pt;
	}
	 	#mask {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#26262c;
	  display:none;
	}  

}