#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
@media (max-width: 600px) {
.popup-content{
   padding: 5px 5px;
   line-height: 1.5;
}
.cnt223 a{
text-decoration: none;
}
.popup-onload{
    margin: opx;
      top: 0%;
    left: 5%;
    position: fixed;
    z-index: 101;
    
    
}
.cnt223{
min-width:350px;
width: 350px;
background: #6C1B18;
position: relative;
z-index: 103;
padding: 15px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
    color: #ffffff;
    /* text-align: justify; */
    font-size: 14px;
    font-family: sans-serif;
}
.cnt223 p a{
color: #ffffff;
font-weight: bold;
}
.cnt223 .x{
float: left;
height: 35px;

left: 22px;
position: relative;
top: 0px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
}
@media (min-width: 601px) {
.popup-content{
   padding: 14px 10px;
   line-height: 1.5;
}
.cnt223 a{
text-decoration: none;
}
.popup-onload{
   margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -300px;
    
    
}
.cnt223{
min-width:600px;
width: 400px;


background:  #6C1B18;
position: relative;
z-index: 103;
padding: 15px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
    color: #ffffff;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}
.cnt223 p a{
color: #ffffff;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
}