#top-video-container { 
	margin-bottom:20px;
	background: #000;
}

#top-video-container .duration,
#top-video-container .created_on {
	color: #a6a6a6;
}

#top-video-container .description.less {
	max-height: 38px;
}

#top-video-container .read-more {
	float:right;

}

#top-video-container .read-more:after {
	content:"\f140";
	font-family: dashicons;
	padding-left: 5px;
	vertical-align: bottom;
	position: relative;
	color:#fff;
	font-size:20px;
}

#top-video-container .read-more.down:after {
	content:"\f142";
}

#top-video-container .video {
	margin-top:5px;
}

#top-video-container .video .title {
	color:#FFF !important;
}

#top-video-container .video .description p,
#top-video-container .video .description a {	
	color:#FFF;
}

.video .description {
	overflow:hidden;
}

.video .duration {
	margin-left:10px;
	font-size:14px;
	font-weight: normal;
}

#video-grid-container .duration,
#video-grid-container .created_on {
	margin-left: 0;
	width:49%;
	display:inline-block;
	font-size:11px;
	color: #666;
}

#video-grid-container .description p {
	color:#000;
}

#video-grid-container .duration {
	font-size:11px;
}

#video-grid-container .duration {
	text-align: right;
}

.search_main {
	float:right;
}

#sort-options a, #sort-options p {
	display: inline-block;
	padding: 10px 10px 10px 0;
}

#video-grid-container:after {
	content:"";
	clear:both;
	display:table;
}

#video-grid-container .video-box {
	vertical-align: top;
	width:32%;
	height: auto;
	display:inline-block;
	padding-left:2%;
	margin-bottom:25px;
}

#video-grid-container  .video-box.first {  
  padding-left:0 !important;
}

#video-grid-container .video-box h3 {
	text-align:left;
	vertical-align:top;
}

#video-grid-container .video-box h3 a {	
	font-size:16px;
}

#video-grid-container .video-box a img{	
	border:none !important;
	padding:0px !important;
	width:100%;
}

#video-grid-container .video:hover .thumbnail span {
    background: url(/wp-content/plugins/video_portal/public/assets/images/play-button.png) no-repeat center center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.thumbnail {
	 display:block;
	 position:relative;
}

@media all and (max-width: 480px) {		
	#video-grid-container .video-box{	
		width:100% !important;
		height: auto;	
		padding:0px !important;
		border:0px;
		outline:0;
	}
}

@media all and (min-width:481px) and (max-width:768px) {
	#video-grid-container .video-box{	
		width:48% !important;
		height: auto;			
		border:0px;
		outline:0;
		padding:0px !important;
	}
	#video-grid-container  .video-box.even {  
	  padding-left:4% !important;
	}
}

@media only screen and (min-width : 769px) {
	#top-video-container {
		padding:30px 80px;
	}
}

@media only screen and (max-width : 768px) {
	.video {
		padding:10px;
	}

	.search_main {
		float: none;
	}
}