/* width */
	#live-streams::-webkit-scrollbar {
	  width: 5px;
	}

	/* Track */
	#live-streams::-webkit-scrollbar-track {
	  background: #fff; 
	}
	 
	/* Handle */
	#live-streams::-webkit-scrollbar-thumb {
	  background: #dedede; 
	}

	/* Handle on hover */
	#live-streams::-webkit-scrollbar-thumb:hover {
	  background: #aaaaaa; 
	}

	h1, h2, h3, h4, h5, h6, p
	{
		font-family: 'Open Sans', sans-serif !important; 
		margin-bottom: 0px;
	} 
	#c-cf
	{
		max-width: 90%;
	}

	#main-div
	{
		/*background-color: #000000;*/
		width: 100%;
		display: inline-block;
	}

	#player-col
	{	display: block;
		/*background-color: #1ac;*/
		float: left;
	}

	#chan-col
	{
		height: 800px;
		/*background-color: #ca1;*/
		float: left;
	}

	#comm-col
	{
		height: 100px;
		/*background-color: #a1c;*/
		float: left;
	}

	#player-div
	{
		width: 100%;
		/*background-color: #000000;*/
	}

	#info-border-wrapper
	{
		margin-bottom: 25px;
		background: linear-gradient(to right, red, purple);
  		padding-bottom: 2px;
	}

	#info-div
	{
		background-color: #fff;
		padding-top: 15px;	
		padding-bottom: 5px;
	}

	.channel-title
	{
		
		letter-spacing: -1px;
		color: #111111;
		margin-bottom: 0px;
	}

	#view-like-share
	{
		height: 40px;
		width: 100%;
		display: inline-block;
		margin-bottom: 0px;
		vertical-align: top;
	}

	#view-like-share h6
	{
		float: left;
		display: block;
		margin-bottom: 0px;
		font-weight: 400;
		font-size: 16px;
		color: #888888;
		margin-right: 5px;
	}

	#like-share
	{
		float: right;
		width: 350px;
		height: 100%;
	}

	#like
	{
		width: 40px;
		height: 100%;
		float: left;
		background-image: url('../images/details/like-40-black.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 0px -5px;
		cursor: pointer;
	} 

	#dislike
	{
		width: 40px;
		height: 100%;
		float: left;
		background-image: url('../images/details/dislike-40-black.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 0px 5px;
		cursor: pointer;
	}

	#like-share h6
	{
		color: #555;
		margin-bottom: 0px;
		margin-top: 10px;
		margin-left: 3px;
		margin-right: 20px;
		cursor: pointer;
	}

	#share
	{
		width: 40px;
		height: 100%;
		float: left;
		background-image: url('../images/details/share.svg');
		background-repeat: no-repeat;
		background-size: 24px 24px;
		background-position: 8px 6px;
		cursor: pointer;
	}



	.channel-description
	{
		font-family: 'Open Sans', sans-serif; 
		letter-spacing: -1px;
		color: #666666;
		font-weight: 400;
		margin-bottom: 0px;
	}

	#embed-code
	{
		width: 100%;
		margin-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #f6f6f6;
	}

	#e-code-h
	{
		color: #777777;
		font-size: 20px;
		font-weight: 400;
	}

	#e-code-if
	{
		color: #777777;
		font-size: 16px;
		font-weight: 400;
		margin-top: 10px;
	}

	#copy-d
	{
		position: absolute;
		right: 20px;
		bottom: 5px;
		background-image: url("../images/details/copy.svg");
		background-repeat: no-repeat;
		background-position: right;
		background-size: contain;
		height: 25px;
		width: 65px;
		font-size: 16px;
		color: #777;
		font-weight: 400;
		line-height: 25px;
		cursor: pointer;
	}

	#copy-d-h
	{
		font-size: inherit;
		color: inherit;
		font-weight: inherit;
		line-height: inherit;
	}

	#copy-d:hover
	{
		background-image: url("../images/details/copy-blue.svg");
		color: #0e7afe;		
	}

	#live-streams-h
	{
		margin-bottom: 0px;
		margin-top: 0px;
		font-family: 'Open Sans', sans-serif; 
		font-size: 26px;
		line-height: 26px;
		color: #111;
	}

	#live-streams
	{
		margin-top: 20px;
		height: 800px;
		overflow-x: auto;
	}

	.channel
	{
		width: 100%;
		height: 120px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 35px;		
		cursor: pointer;
	}

	.channel img
	{
		height: 110px;
		margin-top: 5px;
		float: left;
	}

	.chan-info-d
	{
		height: 100%;
		margin-top: 5px;
		margin-left: 10px;
		float: left;
		width: 55%;
		display: block;
		position: relative;
	}

	.chan-info-d-h1
	{
		font-size: 1.4rem;
		line-height: 1.4rem;
		letter-spacing: -1px;
		color: #111;
		margin-bottom: 5px;
	}

	.chan-info-d-h3
	{
		font-size: 14px;
		font-weight: 400;
		line-height: 16px;
		color: #777;
	}

	.tranc-2{

		display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;  
	    overflow: hidden;
	}

	.chan-stats
	{
		height: 20px;
		width: 100%;
		display: inline-block;
		margin-top: 10px;
	}

	.dot
	{
		height: 4px;
		width: 4px;
		background-color: #999;
		border-radius: 50%;
		margin-top: 8px;
		float: left;
	}

	.c-wa-nu
	{
		font-size: 14px;
		font-weight: 400;
		line-height: 16px;
		color: #777;
		margin-left: 5px;
		float: left;
	}

	.c-wa-txt
	{
		font-size: 14px;
		font-weight: 600;
		line-height: 16px;
		color: #777;
		margin-left: 5px;
		float: left;
		margin-right: 10px;
	}

	.c-wa-uid
	{
		font-size: 14px;
		font-weight: 600;
		line-height: 16px;
		color: #777;
		margin-left: 5px;
		float: left;
		margin-right: 10px;
	}

	.c-live
	{
		background-color: #FF0000;
		width: 40px;
		position: absolute;
		left: 0px;
		bottom: 10px;
	}

	.c-live-h
	{
		color: #FFFFFF;
		font-size: 14px;
		text-align: center;
	}

	#copy-popup
	{
		width: 250px;
		height: 90px;
		background-color: #f6f6f6;
		box-shadow: 2px 2px 4px #dedede;
		border-radius: 8px;
		position: fixed;
		left: 50%;
		margin-left: -125px;
		top: 400px;
		z-index: 10;
		display: none;
	}

	#copy-popup-h
	{
		font-weight: 400;
		line-height: 90px;
		text-align: center;
		font-size: 20px;
		color: #06b3f5;
	}

	@media(max-width: 1680px)
	{
		.channel
		{
			height: 105px;
			margin-bottom: 5px;
		}

		.channel img
		{
			height: 96px;
			margin-top: 5px;
		}

		.chan-info-d-h1
		{
			font-size: 1.3rem;
			line-height: 1.3rem;
			margin-bottom: 5px;
		}

		.chan-info-d-h3
		{
			font-size: 12px;
			line-height: 14px;
		}
		.chan-stats
		{
			height: 18px;
			margin-top: 9px;
		}

		.dot
		{
			height: 4px;
			width: 4px;
			border-radius: 50%;
			margin-top: 8px;
		}

		.c-wa-nu
		{
			font-size: 12px;
			line-height: 14px;
			margin-left: 4px;
		}

		.c-wa-txt
		{
			font-size: 12px;
			line-height: 14px;
			margin-left: 4px;
			margin-right: 8px;
		}

		.c-wa-uid
		{
			font-size: 12px;
			line-height: 14px;
			margin-left: 4px;
			margin-right: 8px;
		}

	}	

	@media(max-width: 1550px)
	{
		.channel
		{
			height: 90px;
			margin-bottom: 4px;
		}

		.channel img
		{
			height: 82px;
			margin-top: 4px;
		}

		.chan-info-d-h1
		{
			font-size: 1.2rem;
			line-height: 1.2rem;
			margin-bottom: 4px;
		}

		.chan-info-d-h3
		{
			font-size: 10px;
			line-height: 12px;
		}
		.chan-stats
		{
			height: 15px;
			margin-top: 7px;
		}

		.dot
		{
			height: 4px;
			width: 4px;
			border-radius: 50%;
			margin-top: 6px;
		}

		.c-wa-nu
		{
			font-size: 10px;
			line-height: 12px;
			margin-left: 4px;
		}

		.c-wa-txt
		{
			font-size: 10px;
			line-height: 12px;
			margin-left: 4px;
			margin-right: 7px;
		}

		.c-wa-uid
		{
			font-size: 10px;
			line-height: 12px;
			margin-left: 4px;
			margin-right: 7px;
		}

		.c-live
		{
			width: 30px;
			right: 0px;
			bottom: 6px;
		}

		.c-live-h
		{
			font-size: 10px;
		}
	}	

	@media (max-width: 1330px)
	{
		.channel
		{
			height: 80px;
			margin-bottom: 4px;
		}

		.channel img
		{
			height: 73px;
			margin-top: 4px;
		}

		.chan-info-d-h1
		{
			font-size: 1.1rem;
			line-height: 1.4rem;
			margin-bottom: 5px;
		}

		.chan-info-d-h3
		{
			font-size: 9px;
			line-height: 11px;
		}
		.chan-stats
		{
			height: 13px;
			margin-top: 7px;
		}

		.dot
		{
			height: 3px;
			width: 3px;
			border-radius: 50%;
			margin-top: 6px;
		}

		.c-wa-nu
		{
			font-size: 9px;
			line-height: 11px;
			margin-left: 3px;
		}

		.c-wa-txt
		{
			font-size: 9px;
			line-height: 11px;
			margin-left: 3px;
			margin-right: 7px;
		}

		.c-wa-uid
		{
			font-size: 9px;
			line-height: 11px;
			margin-left: 3px;
			margin-right: 7px;
		}

		.c-live
		{
			width: 26px;
			right: 0px;
			bottom: 0px;
		}

		.c-live-h
		{
			font-size: 9px;
		}
	}

	@media (max-width: 1220px)
	{
		#c-cf
		{
			max-width: 100%;
		}

		#chan-col
		{
			padding-right: 0px !important;
		}

		
	}

	@media (max-width: 1030px)
	{
		.chan-info-d
		{
			width: 45%;
		}
	}

	@media (max-width: 768px)
	{
		#player-col
		{
			width: 100%;
		}

		#chan-col
		{
			width: 100%;
		}
	}