.popup{display:none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4);}
.auto-subscribe-modal{position:fixed; top:20%; left:50%; transform:translateX(-50%); background:#fff; padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:999;border-radius: 8px;}
.close-subscribe-modal{float:right;border: none; padding: 0px 12px; border-radius: 6px;}
.subscribe-modal{display:none; position:fixed; top:20%; left:50%; transform:translateX(-50%); background:#fff; padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:999;}
.subscribe_button{border: none; border-radius: 5px; padding: 2px 21px;}


@media only screen and (max-width: 600px) {
  .auto-subscribe-modal {
     left: 12%;
    transform: translateX(-6%);
  }
}