.pop-up{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0px;
  margin: 0px;
  top: 0px;
  left: 0px;
  z-index: 999999999999999999;
}
.pop-up .banner-patro{
  position: relative;
  width: 480px;
  height: 480px;
  margin: 40px calc( ( 100% - 480px ) / 2 );
  background-image: url("../images/pop-up-alex.png");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.pop-up .btnClose{
  position: fixed;
  width: 40px;
  height: 40px;
  left: calc( ( ( 100% - 320px ) / 2 ) + 320px );
  top: 20px;
  background-image: url("../images/btn-close.png");
  background-size: cover;
  z-index: 99999999999999999999999999999999999999;
}
@media(max-width: 860px){
    .pop-up .banner-patro{
      width: 90%;
      margin: 40px 5%;
      background-image: url("../images/pop-up-alex.png");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
    }
}