.header__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
}

.header__search__item {
	display: none;
}

.menu__container {
	position: fixed;
	bottom: 0%;
	height: 100px;
	width: 100%;
}

.menu__list {
	display: flex;
	justify-content: space-around;
	height: 100%;
}

.menu__list li {
	align-self: center;
}

.menu__items {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.menu__list:nth-child(2),
.menu__list:nth-child(3),
.menu__list:nth-child(4) {
	display: none;
}

.upper__section__container {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: scroll;
	gap: 15px;
}

.videos__container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.videos__item {
	height: 303px;
	width: 280px;
	flex-grow: 1;
}

.video-description {
	margin-top: 1rem;
	display: grid;
	text-align: start;
	column-gap: 1rem;
	row-gap: 10px;
	grid-template-columns: auto 1fr;
}

.video-description img {
	grid-area: 1 / 1 / 3 / 2;
}

.video-description h3 {
	grid-area: 1 / 2 / 2 / 3;
	font-weight: 700;
	color: #444444;
}

.video-description p {
	grid-area: 2 / 2 / 3 / 3;
	font-size: 14px;
	color: #444444;
}

.footer__container {
	display: flex;
	/* flex-direction: column; */
	/* flex-wrap: wrap; */
	flex-flow: column wrap;
}

@media(min-width: 834px) {
	.header__search__item {
		display: block;
	}

	.menu__container {
		left: 0;
		height: auto;
		width: 100px;
		top: 80px;
	}

	.menu__list {
		flex-direction: column;
		justify-content: flex-start;
		padding-top: 15px;
		gap: 33px;
	}

	.footer__container {
		justify-content: space-between;
	}
}

/* 1440px is desktop */
@media(min-width: 1440px) {
	.menu__container {
		width: 239px;
		overflow: scroll;
	}

	.menu__list:nth-child(2),
	.menu__list:nth-child(3),
	.menu__list:nth-child(4) {
		display: flex;
	}

	.menu__list {
		height: auto;
		padding: 20px 17px 20px 15px;
		gap: 15px;
	}

	.menu__items {
		flex-direction: row;
		gap: 15px;
		align-items: center;
	}

	.menu__list:nth-child(3) {
		flex-direction: column-reverse;
	}

	.games {
		order: 3;
	}

	.movies {
		order: 2;
	}

	.premium {
		order: 1;
	}

	.more_page {
		order: 4;
	}
}