@keyframes slideInUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideOutDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .fixed-video-player {
        width: 300px;
        bottom: 15px;
        right: 15px;
    }

    .video-header h6 {
        font-size: 13px;
    }

    .thumbnail-img,
    .video-iframe {
        height: 160px;
    }

    .play-button {
        width: 50px;
        height: 50px;
    }

    .play-button i {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .fixed-video-player {
        width: calc(100vw - 30px);
        right: 15px;
        left: 15px;
    }
}