@media (max-width: 767.9px) {
    @keyframes slide-in-mobile {
        0% {
            -webkit-transform: translateY(100%);
        }

        100% {
            -webkit-transform: translateY(0%);
        }
    }

    @-webkit-keyframes slide-in-mobile {
        0% {
            transform: translateY(100%);
        }

        100% {
            transform: translateY(0%);
        }
    }

    @keyframes slide-out-mobile {
        0% {
            -webkit-transform: translateY(0%);
        }

        100% {
            -webkit-transform: translateY(100%);
        }
    }

    @-webkit-keyframes slide-out-mobile {
        0% {
            transform: translateY(0%);
        }

        100% {
            transform: translateY(100%);
        }
    }
}