#main-container{
    padding-top:90px;
    padding-left:8px;
    padding-right:8px;
}
.breadcrumb {
    padding-left:0.75rem;
    padding-right:0.75rem;
}

.container {
	padding-top:24px;
}

img.spinner{
	position:relative;
	top:-150px;
	left:100px;
	display:none;
	width:80px!important;
}
nav.navbar {
	position:fixed;
	top:0;
	left:0;
	width:100%!important;
}
#navbartop {
	font-size:1.4em;

}
.pointer {
	cursor:pointer;
}
.is-paddingtopless {
	padding-top:0px;
}
ul {
	list-style:none;
}
.padding-top {
	padding-top:8px;
}
.title {
    font-size: 2em;
                
}
.like-btns{
    font-size:180%;
    width: 160px;
    white-space:nowrap;    
}
.thumb-wrapper {
    overflow:hidden;
    height:160px;
    /*background-color:#000;*/
}
.thumb-wrapper video {
    width:100%;
    background:black;

}
.thumb-wrapper img.screenshot {
    width:100%;
    min-height:180px;
}
.video-item-wrapper {
    
}
.video-item a {
    //color: #f1c58b;
}
#player_a {
    min-height:600px;
    height:auto;
}


@media only screen and (max-width: 730px) {
	.hidden-sm{
		display:none!important;
	}
        .thumb-wrapper {
	    /*max-width:400px!important;*/
	    margin-left:auto;
	    margin-right:auto;
            height: 200px
        }
	#player_a {
	    min-height:250px;
	}

	nav.navbar {
	    position:relative;
	    top:0;
	    left:0;
	    width:100%!important;
	}
	.title{
	    font-size:1.3em;
	}
	#main-container{
	    padding-top:40px;
	}
	
}
@media only screen and (min-width: 420px) and (max-width: 770px) {
    .columns > .video-item {
        width:50%;
    }
    .columns > .video-item img{
        max-height:100px;
    }
    .thumb-wrapper{
        height:200px;
    }
}

#video_container {
    position:relative;
    height:auto;
}
#related {
    max-height:800px;
    overflow-y:scroll;
}
#preloader{
    width:1px;
    height:0px;
}

.video-desc-wrapper {
    height: 45px;
    overflow: hidden;
    margin-bottom:15px;
}
.description {
    padding-left: 10px;
    padding-right: 0px;
}
