.container-video{display:block; max-width:1300px; width:100%; position:relative;}
	
	.banner-video-net {
	  display: block;
	  align-items: center;
	  overflow:hidden;
	}

	.banner-video-net .video-playlist {
		display: block;
		float:left; 
		width: 20%;
		padding: 0px;
		background: black;
		margin-left: 0px;
		overflow-y: scroll;
		scroll-behavior: smooth;
	}

	
	.banner-video-net .video-wrapper {
		position: relative;
		width: 80%;
		float: right;
		overflow: hidden;
	}
	
	.banner-video-net .video-wrapper, .banner-video-net .video-playlist{
		height: 567px;
	}
	
	.banner-video-net .video-wrapper iframe {
	  position: absolute;
	  top: 0;
	  height:100%;
	  bottom: 0;
	  object-fit: fill;
	  max-width: 100%;
	  margin-bottom: -5px;
	}



	/* Hide scrollbar for Chrome, Safari and Opera */
	.banner-video-net .video-playlist::-webkit-scrollbar {
	  display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	.banner-video-net .video-playlist {
	  -ms-overflow-style: none; /* IE and Edge */
	  scrollbar-width: none; /* Firefox */
	}



	.banner-video-net .video:last-child {
	  margin-bottom: 0;
	}

	.banner-video-net .video:hover img{
		opacity:0.8 !important;
	}


	.banner-video-net .video img{height:130px;}
		
		.banner-video-net .video {
			display: block;
			align-items: center;
			background: #000000;
			border: none;
			cursor: pointer;
			padding:5px;
			margin-bottom: 1px;
			transition: background-color 0.2s ease;
		}

	.banner-video-net .video.now {
	  background: red;
	  padding:5px;
	}


	.banner-video-net .video:hover .icon,
	.banner-video-net .icon:hover {
	  opacity: 1;
	}

	.banner-video-net .icon-large {
	  font-size: 7rem;
	}

	.banner-video-net .icon-small {
	  font-size: 2rem;
	}

	.banner-video-net .active {
	  display: block;
	}

	.banner-video-net .video-details {
	  padding-left: 10px;
	}

	.banner-video-net .video-details h4 {
	  margin-bottom: 10px;
	  font-size: 1rem;
	  font-weight: 600;
	}

	.banner-video-net .video-details p {
	  font-size: 14px;
	  font-weight: 400;
	}
	
	
	
	
	.banner-video-net .title{display:none;}
	
	@media(max-width:1290px){
		.banner-video-net .video-wrapper, .banner-video-net .video-playlist{
			height: 467px;
		}
	}	
	
	@media(max-width:980px){
		
		
		
		
		
		
	}
	
	
	@media(max-width:640px){
		
		.banner-video-net .video-playlist {width:100%; float:none;}
		.banner-video-net .video-wrapper {width:100%; float:none;}
		.banner-video-net .video-wrapper{
			height: 330px;
		}
		.banner-video-net .video-playlist{height:auto; margin-bottom:30px;}
		.banner-video-net .video{border-bottom:1px solid #333333 !important; display:block;}
		.banner-video-net .video img {
			max-width: 100px;
			height: 68px;
		}
		.banner-video-net .video{overflow:hidden;}		
		.banner-video-net .video img{display:block;color:white; float:left; }
		.banner-video-net .video .title {
			display: block;
			color: white;
			padding: 0px 10px;
			float: left;
			width: 240px;
			font-size: 14px;
			margin-left: 10px;
			line-height: 1.5em;
		}

		
		
	}
	@media(max-width:400px){
		
		.banner-video-net .video-wrapper{
			height: 220px;
		}
	}