@keyframes bounceIn {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.modal.fade-in .modal-dialog {
    animation: bounceIn 0.5s ease;
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(1.1);
    }

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

.modal.fade-out .modal-dialog {
    animation: bounceOut 0.5s ease;
}

@keyframes bounceInButton {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bounceOutButton {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(1.1);
    }

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

.bounce-in {
    animation: bounceInButton 0.5s ease;
}

.bounce-out {
    animation: bounceOutButton 0.5s ease;
}

@media (max-width: 767px) {
    .mobile-btn {
        width: 80% !important;
        margin: auto !important;
        display: block !important;
    }
}