/* Mobile Styles - Max width 480px */
@media only screen and (max-width: 480px) {
.stream-player-container {
    grid-template-columns: 1fr;
    gap: unset;
    padding: 0px;
    background-color: var(--card-bg);
    /* height: 70vh; */
    /* width: 100vw; */
    /* margin-left: -15px; */
}

.chat-container {
    border-radius: 0px;
}

.video-player {
    width: 100%;
    border-radius: 0px;
}

video#hlsPlayer {
    border-radius: 0px;
}
div#chatHeaderDropdownMenu {
    right: 0px;
}
.social-links {
    display: unset;
}
.video-section {
    width: 100%;
    border-radius: 0px;
}

.hls-player {
    width: 100%;
    border-radius: 0px;
}
}