.show-sale-container {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background-color: rgba(22,22,22,0.5); /* complimenting your modal colors */
  visibility: visible;
  display: block;
}

.show-sale-popup {
  background-image: url('../images/sale.jpg'); 
  background-size: contain;
  margin: 0 auto;
  width: 600px; 
  height: 400px;
  position:relative; 
  z-index:41;
  top: 25%;
  padding:30px; 
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
  box-shadow:0 0 10px rgba(0,0,0,0.4);
}

#show-sale-close
{
  position:absolute;
  left:100%;
  top:-20px;
  margin-left:-10px;
  background-color:#EFF1F3;
  font-size:12px;
  padding:5px 7px;
  border-radius:50px;
  border-style:solid;
  border-color:#bbd8b3;
  font-weight:bold;
  color:#bbd8b3;
  text-decoration:none;
  font-family:arial;
}

#show-sale-close:hover
{
  background-color:#EFF1F3;
  border-color:#bbd8b3;
  color:#D77A61;
}

#show-sale-close:active
{
  background-color:#A9F5F2;
  color:black;
}

@media only screen and (max-width: 782px) {
  .show-sale-popup {
      width: 300px; 
      height: 200px;
    }
}