/**** START: POPUPS ****/
.popup {
    z-index: 9000;
    -moz-animation: cssAnimation 0s ease-in 6s forwards;
    -webkit-animation: cssAnimation 0s ease-in 6s forwards;
    -o-animation: cssAnimation 0s ease-in 6s forwards;
    animation: cssAnimation 0s ease-in 6s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 480px;
    float: right;
    position: relative;
}

@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}

.popup ul {
    list-style: none;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

@media (max-width: 767.98px) {

    .popup {
        float: none;
        width: auto;
        top: 53px;
        right: 0;
        left: 0;
    }

}

/**** END: POPUPS ****/