.aktify-lead-intake-iframe {
  display: block;
  position: fixed;
  border: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  z-index: 2147483647;
}

@media (max-height: 500px), (max-width: 500px) {
  .aktify-lead-intake-iframe {
    bottom: 12px;
    right: 12px;
  }
}

@media (min-height: 501px) and (min-width: 501px) {
  .aktify-lead-intake-iframe {
    bottom: 40px;
    right: 40px;
  }
}

/* Widths below are 50% wider than the original 336px / 352px. The extra
   horizontal room matters because the TCPA consent disclosure is the tallest
   element in the panel; less wrapping means less scrolling. */
.aktify-lead-intake-iframe-cta {
  width: 504px;
  min-height: 70px;
}

.aktify-lead-intake-iframe-no-cta {
  width: 72px;
  height: 72px;
}

.aktify-lead-intake-iframe-static {
  position: inherit;
}

@media (min-height: calc(560px + 80px)) and (min-width: 501px) {
  .aktify-lead-intake-iframe-open {
    min-width: calc(528px + 18px);
    min-height: calc(560px + 18px);
    /* Raised from 50%: at 528px min-width a 50% cap fought the min on anything
       under a ~1100px viewport, and min-width always wins — so the cap did
       nothing but mislead. */
    max-width: 70%;
    max-height: 80%;
  }
}

@media (min-height: 501px) and (max-height: calc(560px + 80px)) and (min-width: 501px) {
  .aktify-lead-intake-iframe-open {
    min-width: calc(528px + 18px);
    max-width: 70%;
    height: calc(100% - 82px);
  }
}

@media (max-height: 500px), (max-width: 500px) {
  .aktify-lead-intake-iframe-open {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
  }
}
