.mf-notification-iframe {
    margin-top: -200%;
}

@media screen and (min-width: 1240px) {
    .mf-notification-iframe.mf-loaded.mf-notification-iframe-bottom-left.mf-animate {
        transform-origin: 0 100%;
        animation: mf-notification-iframe-reduce-desktop 1s ease-in-out forwards;
        height: 600px !important;
    }
    .mf-notification-iframe.mf-notification-iframe-bottom-left.mf-loaded {
        width: 1060px;
        height: auto;
    }
    body .mf-notification-iframe.mf-loaded.mf-notification-iframe-bottom-left {
        bottom: 40px;
        left: 45px;
    }
}
@media screen and (min-width: 1401px) {
    body .mf-notification-iframe.mf-loaded.mf-notification-iframe-bottom-left {
        left: 55px;
    }
}
@media screen and (min-width: 1601px) {
    body .mf-notification-iframe.mf-loaded.mf-notification-iframe-bottom-left {
        left: 65px;
    }
}

@media screen and (max-width: 1239px) {
    .mf-notification-iframe.mf-notification-iframe-bottom-left.mf-loaded {
        width: 99vw !important;
        height: 88vh !important;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        bottom: 0;
    }
}

@media screen and (min-width: 1240px) and (max-width: 1440px) and (orientation: landscape) {
    body .mf-notification-iframe.mf-loaded.mf-notification-iframe-bottom-left.mf-animate {
        transform-origin: 0 100%;
        animation: mf-notification-iframe-responsive 1s ease-in-out forwards;
    }
    .mf-notification-iframe.mf-loaded.mf-responsive {
        left: 5px !important;
    }
}

@keyframes mf-notification-iframe-reduce-desktop {
    0% {
        -webkit-transform: translateX(-150%) scale(0.8);
        -ms-transform: translateX(-150%) scale(0.8);
        transform: translateX(-150%) scale(0.8);
    }
    50% {
        -webkit-transform: translateX(8%) scale(0.8);
        -ms-transform: translateX(8%) scale(0.8);
        transform: translateX(8%) scale(0.8);
    }
    65% {
        -webkit-transform: translateX(-4%) scale(0.8);
        -ms-transform: translateX(-4%) scale(0.8);
        transform: translateX(-4%) scale(0.8);
    }
    80% {
        -webkit-transform: translateX(4%) scale(0.8);
        -ms-transform: translateX(4%) scale(0.8);
        transform: translateX(4%) scale(0.8);
    }
    95% {
        -webkit-transform: translateX(-2%) scale(0.8);
        -ms-transform: translateX(-2%) scale(0.8);
        transform: translateX(-2%) scale(0.8);
    }
    100% {
        -webkit-transform: translateX(0%) scale(0.8);
        -ms-transform: translateX(0%) scale(0.8);
        transform: translateX(0%) scale(0.8);
    }
}
@keyframes mf-notification-iframe-responsive {
    0% {
        -webkit-transform: translateX(-150%) scale(0.75);
        -ms-transform: translateX(-150%) scale(0.75);
        transform: translateX(-150%) scale(0.75);
    }
    50% {
        -webkit-transform: translateX(8%) scale(0.75);
        -ms-transform: translateX(8%) scale(0.75);
        transform: translateX(8%) scale(0.75);
    }
    65% {
        -webkit-transform: translateX(-4%) scale(0.75);
        -ms-transform: translateX(-4%) scale(0.75);
        transform: translateX(-4%) scale(0.75);
    }
    80% {
        -webkit-transform: translateX(4%) scale(0.75);
        -ms-transform: translateX(4%) scale(0.75);
        transform: translateX(4%) scale(0.75);
    }
    95% {
        -webkit-transform: translateX(-2%) scale(0.75);
        -ms-transform: translateX(-2%) scale(0.75);
        transform: translateX(-2%) scale(0.75);
    }
    100% {
        -webkit-transform: translateX(0%) scale(0.75);
        -ms-transform: translateX(0%) scale(0.75);
        transform: translateX(0%) scale(0.75);
    }
}