.simplePopup {
display:none;
position:fixed;
border:4px solid #808080;
background:#fff;
z-index:999999;
padding:60px 20px; margin:0 auto; margin-left:8px
}

.simplePopupClose {
float:right;
cursor:pointer;
position:absolute; right:-15px; top:-15px; width:30px; height:28px; background-image:url(../images/close.png)
}

.simplePopup2 {
display:none;
position:fixed;
border:4px solid #808080;
background:#fff;
z-index:999999;
padding:30px 20px;
width:70%; margin:0 auto;
}

.simplePopupBackground {
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:999998; padding:0; margin:0
}


@media screen and (min-width: 300px){
.simplePopup {width:250px; padding:60px 20px; border:2px solid #808080; margin-left:18px;}
.simplePopup2 {width:220px; margin-right:18px;}
}

@media screen and (min-width: 480px){
.simplePopup {width:380px; padding:60px 20px; border:3px solid #808080; margin-left:20px;}
.simplePopup2 {width:340px; margin-right:20px;}
}

@media screen and (min-width: 768px){
.simplePopup {width:500px; padding:60px 20px; border:4px solid #808080; margin-left:8px;}
.simplePopup2 {width:500px; margin-right:8px; left:25% !important}
}

@media screen and (min-width: 1024px){
.simplePopup {width:50%;}
}

@media screen and (min-width: 1280px){
.simplePopup {width:40%;}
}