.popup-back {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(popupback.png);
    z-index: 99999999999;
}

.popup-front {
    width: 773px;
    height: 400px;
    position: fixed;
    top: 48%;
    left: 35%;
    margin: -200px 0px 0px -140px;

}

.pop-img {
   /* border-radius: 5px;*/
}

.topR {
    position: fixed;
   width: 84px;
    height: 30px;
    text-align: right;
    top: 50%;

    margin: -245px 0px 0px 300px;
    z-index: 9999999999;
    cursor: pointer;
    
}
   @media (min-width:800px) {
            .topR {
            left: 50%;
            }
        }
   
   @media (min-width:800px){
       {
         left:-140px;}
   }