.cta-popup {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 600px;
    max-width: calc(100% - 40px);
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    padding: 20px;
    z-index: 9999;

    opacity: 0;
    visibility: hidden;
    transform: translateX(120%);
    transition:
        transform 0.5s ease,
        opacity 0.5s ease,
        visibility 0.5s ease;
}

.cta-popup.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.cta-close {
    position: absolute;
    top: 8px;
    right: 10px;
    border: 0;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
}

.ctaopoupimg {
    margin-top: 25px;
}


@media only screen and (min-width: 800px) and (max-width: 1500px) {
    .cta-popup, .cta-popup p {
        font-size:0.875rem;
    }
    .cta-popup h3 {
        font-size: 1.15rem;
    }
}

@media only screen and (min-width: 1px) and (max-width: 799px) {
    .cta-popup {
        display:none!important;
    }
}