/* Hallett MailPoet popup, form ID 1: centered mobile layout.
   The second selector applies the same layout to MailPoet's preview. */
@media (max-width: 500px) {
  #mp_form_popup1,
  #mailpoet_form_preview_1 {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100% - 24px) !important;
    min-width: 0 !important;
    max-width: 440px !important;
    height: auto !important;
    max-height: calc(100vh - 32px) !important;
    max-height: calc(100dvh - 32px) !important;
    overflow-y: auto;
    border-radius: 6px !important;
  }
}