#video_controls {
  width: 480px;
  height: 30px;
  background-color: #333;
  color: #fff;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}

#video_controls div {
  float: left;
  height: 30px;
  line-height: 30px;
}

.player-button {
  width: 50px;
  text-align: center;
  cursor: pointer;
}

#progress {
	position: relative;
	background: #555;
	width: 310px;
}

#play_progress {
	position: absolute;
	background: #6C3;
}

#load_progress {
	position: absolute;
	background: #69C;
}

#time {
	width: 120px;
	text-align: center;
}

video {
	width: 100%; /* Makes the video width 100% of its container */
	height: 100%; /* Automatically adjusts the height to maintain the aspect ratio */
	max-width: 100%; /* Ensures the video doesn't exceed its original size on large screens (optional) */
	min-width: 200px;
	min-height: 300px;
}

.tutorialview {
	width: 100%; /* Makes the video width 100% of its container */
	height: 100%; /* Automatically adjusts the height to maintain the aspect ratio */
	min-width: 90%; /* Ensures the video doesn't exceed its original size on large screens (optional) */
	min-height: 90%;
}


.controlsx {
	width: 100%; /* Makes the video width 100% of its container */
	height: auto; /* Automatically adjusts the height to maintain the aspect ratio */
	max-width: 100%; /* Ensures the video doesn't exceed its original size on large screens (optional) */
}