.popup-layout {
 position: fixed;
 z-index: 1;
 left: 0;
 top: 0;
 width: 100% ;
min-height: 300px;
 overflow: auto;
 background-color: rgb(0, 0, 0);
 background-color: rgba(0, 0, 0, 0.4);
 padding-right:500px
 }
 .popup-header,
 .popup-footer{
 background: #29f;
 padding: 20px;
 color: #fff;
 font-weight: bold;
 }
 .popup-body{
 padding: 20px;
 }
 .popup-content {

border: 1px solid #57a79b;
box-shadow: 0px 0px 1px 2px  #74bbef;
 margin: 15% auto;
 border: 1px solid #888;
   width: 473px;
  height: 432px;
 }
 .popup-close {
 color: #FFF;
 margin: 10px;
 float: right;
 font-size: 28px;
 font-weight: bold;
 background-color: #F5F200;
border: 1px solid red;
border-radius: 28px 26px;

 }
 .popup-close:hover,
 .popup-close:focus {
 color: black;
 text-decoration: none;
 cursor: pointer;
 }
 @media(min-width:1200px) 
 {
    .popup-layout{}  
  
 }