.left {
	float: left;
	width: 30%;
	margin-top: 110px;
	height: calc(100% - 110px);
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}
.video_label {
	top: 10px;
	align-items: center;
	text-align: center;
	display: block;
}
.video_label_small {
	align-items: center;
	text-align: center;
	display: none;
}
.main {
	float: left;
	width: 70%;
	margin-top: 110px;
	height: calc(100% - 110px);
	scrollbar-width: thin;
	scrollbar-color: #129793 #FF7260;
	overflow-y: hidden;
}
.otter_div {
	width: 100%;
	height: 100vh;
}
.menu {
	width: 100%;
}
ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li	{
	list-style: none;
}
a {
	text-decoration: none;
}
.nav-Video {
	display: block;
	align-items: center;
	justify-content: space-between;
	height: 110px;
	width: 100%;
	text-align: center;
	transition: top 0.3s;
}


.menuOtter	{
	display: flex;
	gap: 1em;
	font-size: 24px;
}
.menuOtter li:hover {
	border-radius: 10px;
	transition: 0.3s ease;
}
.menuOtter li {
	padding: 5px 14px;
}


@media screen and (max-width: 768px){

	.main {
		padding: 0px;
		overflow-y: scroll;
		width: 100%;
	}
	.left {
		display: none;
		
	}
	.otter_div {
		padding: 0px;
		height: 500px;
		margin-top: auto;
	}
	.nav-Video {
		display: none;
	}
	.menuOtter li:hover {
		display: inline-block;
		transition: 0.3s ease;
	}
	.menuOtter li + li {
		margin-top: 12px;
	}
	.frame  {
		height: 480px;
	}
	.video_label_small {
		display: block;
	}
	
}