.video-container {
            width: 100%;
            max-width: 600px; /* Set the maximum width of the video container */
			min-width: 600px; /* Set the maximum width of the video container */
            margin: 0 auto; /* Center the video container */
            position: relative; /* Required for the pseudo-element trick */
            overflow: hidden; /* Hide any overflow to ensure video fits within the container */
            background: black; /* Optional: set a background color */
        }
        
        .video-container::before {
            content: '';
            display: block;
            padding-top: 56.25%; /* Aspect ratio 16:9 */
        }
        
        .video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Ensure the video covers the entire container */
        }


@media (max-width: 1280px) {
	.video-container {
		width: 100%; /* Set the desired width */
		min-width: 600px !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
	}
	
	.video-container {
            width: 100%;
            max-width: 600px; /* Set the maximum width of the video container */
            margin: 0 auto; /* Center the video container */
            position: relative; /* Required for the pseudo-element trick */
        }
        
        .video-container::before {
            content: '';
            display: block;
            padding-top: 56.25%; /* Aspect ratio 16:9 */
        }
        
        .video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

}
@media (max-width: 1200px) {
  .video-container {
		width: 100%; /* Set the desired width */
		min-width: 600px !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
  }
}
@media (max-width: 1170px) {
 .video-container {
		width: 100%; /* Set the desired width */
		min-width: 600px !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
  }
}
@media (max-width: 1024px) {
  .video-container {
		width: 100%; /* Set the desired width */
		min-width: 600px !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
  }
}
@media (max-width: 992px) {
  .video-container {
		width: 100%; /* Set the desired width */
		min-width: 600px !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
  }
}
@media screen and (max-width: 568px) and (orientation: landscape) {
  .video-container {
		width: 100%; /* Set the desired width */
		min-width: 568px !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
  }
}
@media (max-width: 568px) {
  .video-container {
		width: 100%; /* Set the desired width */
		min-width: 568px !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
  }
}
@media (max-width: 414px) {
   .video-container {
		width: 100%; /* Set the desired width */
		max-width: 414px  !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
  }
}
@media (max-width: 320px) {
  .video-container {
		width: 100%; /* Set the desired width */
		max-width: 320px  !important; /* Optional: Limit the maximum width */
		margin: 0 auto; /* Center the video horizontally */
  }
}