@charset "utf-8";
/* CSS Document */

/*
Name: Wordpress Video Gallery
Plugin URI: http://www.apptha.com/category/extension/Wordpress/Video-Gallery
Description: Plugin css file.
Version: 2.0
Author: Apptha
Author URI: http://www.apptha.com
License: GPL2
*/

h1 .videoHname a, h2 .videoHname a, h3 .videoHname a, h4 .videoHname a, h5 .videoHname a, h6 .videoHname a { }
.home-category h5, .home-category h1, .home-category h2, .home-category h3, .home-category h5, .home-category h6{margin: 0 !important; padding: 0 !important;  text-decoration: none !important;}
.paddBotm h5, .paddBotm h1, .paddBotm h2, .paddBotm h3, .paddBotm h5, .paddBotm h6{margin: 0 !important; padding: 0 !important;  text-decoration: none !important;}
.video-cat-thumb h1 a, .video-cat-thumb h2 a, .video-cat-thumb h3 a, .video-cat-thumb h4 a, .video-cat-thumb h5 a, .video-cat-thumb h6 a{text-decoration: none !important;}
.paddBotm h1 a, .paddBotm h2 a, .paddBotm h3 a, .paddBotm h4 a, .paddBotm h5 a, .paddBotm h6 a{text-decoration: none !important;}
.video-block h1 a, .video-block h2 a, .video-block h3 a, .video-block h4 a, .video-block h5 a, .video-block h6 a{text-decoration: none !important; font-size: 12px !important; line-height: 13px !important; margin-bottom: 3px !important; height: 25px; float: left;}
.video-block h5 { line-height: 12px !important; margin-top: 5px !important;}
.video-block .vid_info .video_views { font-size: 10px !important; float: left; padding-right:10px;}

.home-category h1 a, .home-category h2 a, .home-category h3 a, .home-category h4 a, .home-category h5 a, .home-category h6 a{margin: 0 !important; padding: 0 !important; text-decoration: none !important;}
.video-cat-thumb h5 a, .video-cat-thumb h6 a{margin: 0 !important; padding: 0 !important; text-decoration: none !important;}
.mediaspace  {margin-bottom: 10px; margin-top: 10px; clear: both;}
.home-category{  margin: 0px 0}

.imgSidethumb{
display: inline-block;
overflow: hidden;
padding: 2.5% 2.5% 0px;
float: left;
width: 94%;
}
.vpan{
  background: #000000 !important;
}

.paddBotm{margin-bottom:10px;}
.side_video_info{float: left;width:calc(100% - 137px); margin-left: 10px;}
.side_video_info h6{line-height: 15px; font-size:14px; font-weight:bold; min-height:50px;}

.sideThumb
{

padding:0px 0;
width:100% !important;
height: 100% !important;
list-style: none;
}
.video-thumbimg
{
display: inline-block;
font-size: 16px;
position: relative;
} 
.catmain .video-block:first-child, .feature-video-list .video-block:first-child{padding-left:0;}
.videoName
{
text-align: left;
cursor: pointer;
line-height: 1.2;
float:left;
}
.clear {clear:both;}
.clearfix:after {clear:both;display:block;content:" ";height:0;visibility:hidden;}
.clearfix {display:block;}
* html .clearfix {height:1%;}

.more_title{  margin: 0px 0; }
.videoHname {float: left;clear: both; min-height:30px; padding-right:10px; }
.tags
{
float:left;
padding: 1px 0px 1px 0px;
text-align: left;
}
.video-more {float:right;clear:both;}
.fb_iframe_widget iframe, .fb_iframe_widget{width:100% !important;}
.fb_iframe_widget span:first-child{width:100% !important;}

.video-socialshare{float:right; height: 22px;}
.video-socialshare li{float:left;margin-left:5px;list-style-image:none !important;list-style:none !important;}
input[type="button"],input[type="submit"]{cursor:pointer}
h4.playlistName {float:left; }
.floatleft{float:left}
.fbcomments{padding:10px;background: white}
.duration, .most-duration, .home-duration{line-height: normal !important;}
.right{float: right}
.left{float: left;}
.video-pagination a{margin: 0 5px; text-align: right;}
.video-block a img,
.video-block img {padding: 0 !important; margin: 0 !important; width: 140px !important; max-width: none;
                    height: 90px !important; border:none}
.views, .videoHname, .videoName, .playlistName {  font-size: 12px; }


.playlistName {display: block;}
.vid_info .playlistName{ float: right; padding-right:10px;}

.jcarousel-skin-tango{}

.entry-content #mediaspace object{margin-bottom: 0;}
h3.related-videos{margin: 0 !important; padding: 0 !important; text-align: left;}
.related-videos h3{text-align: left; margin: 0; padding: 0;}
.video-page-container{ font-family: helvetica, arial, sans-serif; font-size: 12px; text-align:left; }
.video-page-container .video-page-info strong{width: auto; display: inline-block; }
.video-page-container strong{width: auto; display: inline-block; }
.video-page-container .video-page-date{width: auto; float: left; }
.video-page-container .video-page-views{width: auto; float: right; text-align: right;}
.video-page-container .video-page-tag{ padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.video-page-container .video-page-category {padding-bottom: 10px;}
.video-page-info{clear: both; overflow: hidden; padding-bottom: 20px; }
.embed{ padding: 0 10px; border: 1px solid #ccc; text-decoration: none; float: left;  }
.embed .embed_text{ float: left;  }
.embed .embed_arrow{ width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666;  margin-top: 7px; display: block; float: left; margin-left: 5px;}
.video-page-desc{ width: 100%; overflow: hidden; text-align: justify; padding-top: 20px; }
#embedcode{ padding: 2%; width: 95.5%; font-size: 13px; float: left; height: 90px; margin-top: 5px; }
.video_wrapper h3,
.video_wrapper h5{overflow: hidden;}
.video_wrapper h3{margin: 5px 0 !important; }
.video_wrapper h5{margin: 5px 0 !important; }


.video-block-container{ margin: 0px;  }
.video-block:first-child{ padding-left: 0px; }
.video-block
{   line-height: 17px;
    float:left;
    padding-bottom: 25px;

    width:159px;
    min-height: 130px;
    display: block;
    list-style-type: none;
    margin: 0 !important;
}
.video_thumb_content{display: table;}
.video_duration{ position: absolute; right: 0; bottom: 10px; font-size: 10px; background: #000; padding: 0 3px; color: #fff; line-height: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.tablenav-pages{float: right; margin: 1em 0;}

h2.related-videos{ text-align: left !important; margin: 20px 0 0 !important;  }
#disqus_thread{ margin-top: 20px;}

#featured-videos .sidebar-wrap li{background: transparent;padding: 0;}
.widget .video_duration {clear: both; float: none; display: block; float: right; position: absolute;
right: 50px;
bottom: 10px;}
.widget .side_video_info h6{ padding-bottom: 5px; margin: 0;}
.widget .side_video_info h6 a{ font-size: 12px !important; text-decoration: none; }
.widget .side_video_info .views{ float: left;  }

.widget #featured-videos ul li,
.widget #recent-videos ul li,
.widget #related-videos ul li,
.widget #popular-videos ul li {background: transparent;padding: 0;}

.flike{width: 85px;}
.ttweet{width: 66px}
.gplusshare{}
.fbshare {
background: url(../images/fb_share_button.png) no-repeat;
display: block;
width: 57px;
height: 18px;
}

/***************************** Banner   **/

#featured{height: 330px;
/*overflow: hidden;*/
}
#gallery_banner_video{float: right; width:70%;}
#gallery_banner_list{float: left; width: 30%;}
#gallery_banner_list ul{padding: 0; margin: 0; list-style: none; background: transparent !important;}
#gallery_banner_list ul li{list-style: none; margin: 0;
/*background: transparent !important;*/
clear: both;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

overflow: hidden;
padding: 5px 5px 6px;
}
#gallery_banner_list ul li{margin-bottom: 1px;}
#gallery_banner_list ul li.ui-tabs-selected{background: #f2f0f0; border: 1px solid #ccc; border-right-width: 0px; }
#gallery_banner_list ul li{border: 1px solid #dfdfdf;border-right-width: 0px;}
#gallery_banner_list ul li:hover{background: #dfdfdf;}
#gallery_banner_list ul li .nav_container{}
#gallery_banner_list ul li .nav_container .page-thumb-img{float: left; width: 80px; margin-right: 5px;}


#gallery_banner_list ul li .nav_container .slide_video_info{float: left;
line-height: 16px;
font-size: 12px;
width: 160px;
}


@media screen and (max-width: 1024px)
{
	.jca li.video-block:first-child {
    padding-left: 0px;
}
	.jca li.video-block {
    padding-left: 20px;
}

 .video-block a img, .video-block img {
		  width: 155px !important;
		height: 95px !important;
	}

    .video-block{width: 142px;}
}
@media screen and (max-width: 980px)
{
.jca li.video-block {
    padding-left: 0px;
}
	#featured .lof-slidecontent{width:74%;}
	#videoPlay iframe{width:100% !important;}
	#gallery_banner_list {    float: left;    width: 26%;}
	#gallery_banner_list ul li .nav_container .slide_video_info{    width: 148px}
	.video-block{width:25%; padding-left:0px !important;}
	.vid_info {    float: left;    width: auto;     padding-right: 10px; }
	.video-thumbimg{width:95%;}
	.video-block-container .video-block a img, .video-block-container .video-block img{width:100% !important; height:auto!important;}
	.video-block a img, .video-block img{width:100% !important; height:auto!important;}
	.sideThumb{width:50% !important; float:left;}

	
	}
@media screen  and (max-width: 966px){
#gallery_banner_list ul li .nav_container .slide_video_info{    width: 145px;}
#gallery_banner_list ul li .nav_container .page-thumb-img{margin-right:0px;}
}	


@media screen  and (max-width: 800px){
#gallery_banner_list {
    float: left;
    width: 32%;
}

#featured .lof-slidecontent {
    width: 68%;
}
}


@media screen and (max-width: 768px){	
	#gallery_banner_list {    float: left;   width:40%;}
	#gallery_banner_list ul li .nav_container .page-thumb-img{margin-right:5px;}

	#featured .lof-slidecontent {width:60%;}
	
.video-block {    width: calc(50% - 10px);    padding: 0px 5px 25px  !important; height: 270px; }
	.sidebar_title {    font-size: 15px;}
	.video-block a img, .video-block img {width: 100% !important;    height: auto !important;}
	.videoHname {font-size: 18px !important;}
		.video-block-container .video-block a img, .video-block-container .video-block img{width:100% !important; height:auto !important;}
}



@media screen and (max-width: 767px){	
.video-thumbimg{width:98%;}
#gallery_banner_list {
    float: left;
    width: 40%;
}
#featured .lof-slidecontent {
    width: 60%;
}

.video-block a img, .video-block img{width:100% !important; height:auto !important;}
.videoHname {    font-size: 15px !important;}
	
	.video-block{height:260px;}
.videotabs .tabcont input.chain {
    padding: 0px 10px;
    width: 92%;
    text-align: center;
}

}


@media screen and (max-width: 667px){	
#gallery_banner_list {
    float: left;
    width: 40%;
}
#featured .lof-slidecontent {
    width: 60%;
}

.video-block-container .video-block a img, .video-block-container .video-block img {
    width: 100% !important; height:auto !important;
}

.video-block a img, .video-block img {
    width: 100% !important;
	height:auto !important;
}
.videotabs .tabcont{width:100%; padding: 0px;}
.videotabs, .comments {width:100%;}
.videotabs .tabcont input.chain{padding:0px; width:100%; text-align:center;}
.comments textarea{width:98%;}
.videotabs ul.likedilikes{width:auto;}

#tab-s table{margin:0 auto; margin-bottom: 10px;}

.videotabs .tabcont input.chain {
    padding: 0px 10px;
    width: 92%;
    text-align: center;
}
}

@media screen and (max-width: 640px){	
.video-block-container .video-block a img, .video-block-container .video-block img {
    width: 100% !important; height:auto !important;
}

.video-block{height:260px;}
}

@media screen  and (max-width: 610px){
#gallery_banner_list ul li .nav_container .page-thumb-img{padding-right:0px;}
#gallery_banner_list ul li .nav_container .slide_video_info{font-size:11px;}
#gallery_banner_list ul li .nav_container .slide_video_info {    width: 137px;}
}	
@media screen and (max-width: 568px){
	#gallery_banner_list ul li .nav_container .slide_video_info {    width: 65%;}
	#gallery_banner_list ul li .nav_container .slide_video_info{font-size:12px;}
	#gallery_banner_list ul li .nav_container .page-thumb-img{padding-right:5px;}
	.video-block{height:260px;}	
#gallery_banner_list {
    float: left;
    width: 100%;
}
#featured .lof-slidecontent {
  width:100%; float:left;
}
#videoPlay iframe {
    width: 100% !important;
    height: 250px;
}

#featured .lof-slidecontent{
min-height:200px;	height:auto;
}

.video-block-container .video-block a img, .video-block-container .video-block img {
    width: 100% !important;
    height: auto!important;
}
.video-block .vid_info .video_views {
    font-size: 12px !important;
    float: left;
    padding-right: 10px;
}

#featured{width:100%;}

.videotabs .tabcont input.chain {
    padding: 0px 10px;
    width: 96%;
    text-align: center;
}
}

@media screen and (max-width: 480px){	
.sideThumb {
    width: 100% !important;
    float: left;
}

#featured .lof-slidecontent {
    min-height:100px;
    height: auto;
}

.video-block {
    height: 210px;
}


.videotabs .tabcont input.chain {
    padding: 0px 10px;
    width: 95%;
    text-align: center;
}
}
@media screen and (max-width: 375px){	
.videoHname {  font-size:18px !important;}
.video-block .vid_info .video_views {
    font-size: 10px !important;
    float: left;
    padding-right: 10px;
}

.video-block {
    height: auto;
}

iframe#ytplayerVID {
    width: 100%;
    height: auto;
}

#videoPlay iframe {
    width: 100% !important;
    height: auto;
}

.video-block {
    width:100%;
    padding: 0px 0px 25px !important;
}

.video-thumbimg {
    width: 98%; 
}

.video-block .vid_info .video_views {

    float: left;
    padding-right: 10px;
}

.videoHname{  min-height: auto; padding-bottom:5px;}
a.videoHname {
    display: block;
    line-height: 20px;
}

.videotabs .tabcont input.chain {
    padding: 0px 10px;
    width: 93.5%;
    text-align: center;
}
}

@media screen and (max-width: 360px){
	.videotabs .tabcont input.chain {
    padding: 0px 10px;
    width: 93%;
    text-align: center;
}
}

@media screen and (max-width: 320px){
	.videotabs .tabcont input.chain {
    padding: 0px 10px;
    width: 92%;
    text-align: center;
}
}