@media ( max-width: 576px ) {

.content {
	width: 100%;
}
.header {
	flex-direction: column;
	height: auto;
    padding: 24px 0;
	padding: 36px 0;
    gap: 24px;
	margin: 0 -12px;
}
.header h1 {
	position: relative;
    left: unset;
    bottom: unset;
    order: 1;
	text-align: center;
}
.header .time-zone {
	position: relative;
    right: unset;
    bottom: unset;
}
.menu .burger {
    top: 12px;
    left: 12px;
}
.menu {
	position: fixed;
	left: 0;
    padding-top: 0;
}
.menu ul {
	position: fixed;
	left: -130px;
    overflow: auto;
}
.menu .burger.open + ul {
	left: 0;
}
.page-content {
    padding: 32px 0;
}

.stream .quiz-result {
	font-size: 28px;
}
.stream .quiz-result-time {
	font-size: 24px;
}
.stream .quiz-title {
	font-size: 32px;
    line-height: 36px;
}
.video-youtube span {
	display: none;
}


.schedule {
	width: 100%;
	padding: 0;
}

.chat-footer {
	flex-direction: column;
	gap: 8px;
    padding: 16px 0;
}

.chat-send-button {
	width: 100%;
}

.chat.chat-type-student .chat-post-teacher .chat-post,
.chat.chat-type-teacher .chat-post-student .chat-post,
.chat.chat-type-student .chat-post-student .chat-post,
.chat.chat-type-teacher .chat-post-teacher .chat-post {
    flex-direction: column;
    max-width: 80%;
}
.chat.chat-type-student .chat-post-teacher .chat-post .chat-post-time,
.chat.chat-type-teacher .chat-post-student .chat-post .chat-post-time,
.chat.chat-type-student .chat-post-student .chat-post .chat-post-time,
.chat.chat-type-teacher .chat-post-teacher .chat-post .chat-post-time {
	position: relative;
    left: unset;
	right: unset;
    bottom: unset;
    color: #ddd;
}

.player-progress {
    width: 160px;
}

}