.q2-external-modal-overlay {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65); }
  .q2-external-modal-overlay .q2-external-modal {
    position: absolute;
    z-index: 100000;
    max-width: 600px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 50px;
    background: white; }
    @media screen and (max-width: 640px) {
      .q2-external-modal-overlay .q2-external-modal {
        position: fixed;
        width: calc(100% - 100px);
        height: calc(100% - 100px);
        overflow-x: hidden;
        overflow-y: scroll; } }