#mask 
{
  position:absolute;
  left:0;
  top:0;
  z-index:10000;
  background-color:#000;
  display:none;
}  

#boxes .window 
{
  position:absolute;
  left:0;
  top:0;
  width:592px;
  height:536px;
  display:none;
  z-index:10001;
  padding:20px;
  text-align: center;
}

#boxes #dialog 
{
 width:450px; 
  width:592px;
  height:600px;
  padding:5px 5px 2px 5px;
  /*background-color:#ffffff;*/
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
   left: 250px!important;
    top:50px!important;
}

.maintext
{
  text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}

#lorem
{
  font-family: "Segoe UI", sans-serif;
  font-size: 12pt;
  text-align: left;
  position: absolute;
  left:-100px;
}


#popupfoot
{
  font-family: "Segoe UI", sans-serif;
  font-size: 16pt;
  float: right;
  margin-bottom:-30px;
  z-index:999!important;
  position: relative;
  margin-right:-32px;
  margin-top:-15px;
  left: -12px;
}
.close{
  opacity: 1!important;
}
#popupfoot a
{
  text-decoration: none;
}

.popupoption:hover
{
  background-color:#D1D1D1;
  color: green;
}
.popupoption2:hover{
  
  color: red;
}
#lorem img{
width:700px;
}
/* @media only screen and (max-width: 600px) {
 #lorem img{
width:220px!important;
}
} */
 /* @media only screen and (max-width: 600px) and (min-width: 300px) { #boxes>#dialog{ left: 0px!important; width: 100%!important; /*border: 2px solid red!important;/ top:100px!important; z-index: 9999!important; }
 #boxes img{width:100%;}
 #lorem{//left:10px!important;margin:auto;display:block;}
 .window{width:90%!important;}
 } */
 @media only screen and (max-width: 600px){
	 #dialog{
		 margin-left:12%!important;
		 width:60%!important;
		 
	 }
	 #lorem img{width:100%!important;}
 }