ul.letter {padding: 0; margin: 0; list-style-type: none;}
ul.letter li {width: 20px; margin: 2px 3px; float: left; text-align: center; }
ul.letter li a {padding: 2px 0 2px 0; margin: 0; font-weight: bold;}
ul.letter li a:hover, ul.letter li a.active {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;}

.channel-thumb {margin: auto; display: block; width: 100%;border-radius: inherit; }
.channel-description {padding: 10px 0;}
.panel-heading{    border: none !important;
    background: #000 !important;}
ul.channels li{
	    border: 1px solid #1F1F1F;
    background: #101010;
}
.sizechannel{font-size: 18px;}
.infolitte{font-size: 12px;
    color: #fff;}
.nameinfo{    color: #9A9A9A;
    font-weight: 100;
    font-size: 12px;}
.morechannel{float:right;}	
.panel{background: #000 !important; border: none !important;}
#channel {margin-right: 10px;
    width: 100%;
    float: left;
    border: 1px solid #313131;
    padding: 4px;
    background: #191919;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.infoc{    position: absolute;
    bottom: 0;
    left: 245px;
    background: rgba(0,0,0,0.7);
    padding: 10px 25px 10px;}
	.info-floatRight{    padding: 0 20px;
    text-align: center;
    font-size: 17px;
    font-weight: bold; float: right;}
.titlename{font-size: 18px;}	
.channel-image{    position: relative;
    width: 100%;
    z-index: 2;
    height: auto;}
h2 {margin-top: 0; margin-left: 5px; padding-top: 0;}
.channel-heading {padding-top: 10px;}
.info-avatar{    width: 62%;
    float: right;
    text-align: left;}
.content {    margin-bottom: 5px;
    padding: 5px;
    background: none;
    border: none;}
	.logo-chanel{
	position: absolute;width: 200px;height: 200px;
    left: 45px;
    bottom: 0;}
	.total-video{    width: 72%;
    float: right;}
.info-sub{    background: #181818;
    margin-top: 1px;
    padding: 8px;
    margin-bottom: 8px;    DISPLAY: BLOCK;}	
.total-info{}	
.name-channel{float:right;}
.content-channel {
    display: block;
    padding: 0 4px 2px 4px;
    margin-bottom: 5px;
    line-height: 1.42857143;
   background: #101010 !important;
    border: 1px solid #272727;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
            transition: border .2s ease-in-out;
}

.ads-channel {display: none;}

@media (max-width: 767px) {
ul.videos li{}
	.channel-heading {}
	.container{}
	.info-avatar{width: 55%;}
.titlename{font-size: 12px;}
}
@media (min-width: 890px) {
ul.videos li{width: 30.8%;}
.container{}
.avatar{width: 76px;
    margin-top: -17px;
	    margin-left: 7px;}
	.ads-channel {width: 300px; height: 250px; padding: 0 0 0 10px; display: block; float: right;}
	.info-avatar{width: 61%;}
.titlename{font-size: 12px;}
}
@media (min-width: 990px) {
ul.videos li{width: 25%;}
.container{}
.avatar{    width: 78px;
    margin-top: -15px;
	    margin-left: 7px;}
	.ads-channel {width: 300px; height: 250px; padding: 0 0 0 10px; display: block; float: right;}
	.info-avatar{width: 61%;}
.titlename{font-size: 12px;}
}
@media (min-width: 1150px){
ul.videos li {
    width: 25%;
}
ul.channels li{width: 32.5%;
    margin: 5px 4px 5px 4px;
    height: 177px;}
.container{}
.info-avatar{width: 55%;}
.titlename{font-size: 12px;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
}
@media (min-width: 1200px){
ul.videos li {
    width: 25%;
}
.titlename{font-size: 16px;}
.container{width: 1190px;}
.info-avatar{ width: 66%;}
.avatar{width: 106px;
 margin-top: -32px;
margin-left: 16px;}
ul.channels li {
    width: 32.5%;
    margin: 5px 4px 5px 4px;
    height: 159px;
}
}
@media (min-width: 1280px){
ul.videos li {
    width: 25%;
}
.container{}
.titlename{font-size: 15px;}
.info-avatar{width: 67%;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
		ul.channels li {
    width: 32.5%;
    margin: 5px 4px 5px 4px;
    height: 160px;
}
}
@media (min-width: 1366px){
ul.videos li {
    width: 25%;
}
.container{width: 1360px;}
.info-avatar{width: 70%;}
.titlename{font-size: 18px;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
		ul.channels li {
    width: 32.5%;
    margin: 5px 4px 5px 4px;
    height: 177px;
}
}
@media (min-width: 1430px){
ul.videos li {
    width:25%;
}
.info-avatar{width: 74%;}
.titlename{font-size: 18px;}
.container{width: 1463px;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
ul.channels li {
    width: 32.5%;
    margin: 5px 4px 5px 4px;
    height: 187px;
}
}
@media (min-width: 1600px){
ul.videos li {
    width: 25%;
}
.container{width: 1510px;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
		ul.channels li {
    width: 32.5%;
    margin: 5px 4px 5px 4px;
    height: 177;
}
}
@media (min-width: 1680px){
ul.videos li {
    width: 25%;
}
.container{width: 1510px;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
		ul.channels li {
    width: 32.5%;
    margin: 5px 4px 5px 4px;
    height: 177px;
}
}