/* Extra Small Devices (Phones) */
@media (max-width: 576px) {


    .video-play iframe {
        width: 100%!important;
        height: 242px!important;
        left: 0px;
        top: 0px;
    }

    .row .login-video, .login-container {
        padding: 10px;
    }

    .login-video {
        height: 300px;
    }

    .submit-btn {
        margin: 20px;
    }

    .submit-btn button {
        width: 100%;
    }

    .switch-tab {
        text-align: center;
    }

    .footer-bottom {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: center;
        padding: 10px;
    }

    .otp-input {
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
}

/* Small Devices (Tablets and larger phones) */
@media (min-width: 577px) and (max-width: 768px) {
    .video-card {
        width: 100%;
    }

    .video-card-thumbnail {
        height: 400px;
    }
}

/* Medium Devices (Tablets and small desktops) */
@media (min-width: 769px) and (max-width: 992px) {
    .video-card {
        width: 100%;
    }

    .video-card-thumbnail {
        height: 400px;
    }
}

/* Large Devices (Desktops) */
@media (min-width: 993px) and (max-width: 1200px) {
    /* Styles for large devices */
}

/* Extra Large Devices (Large desktops and wide screens) */
@media (min-width: 1201px) {
    /* Styles for extra large devices */
}