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: 0 10px 10px 0; float: left; display: block; width: 100%;}
.channel-description {padding: 10px 0;}

#channel {margin-right: 10px;}

h2 {margin-top: 0; margin-left: 5px; padding-top: 0;}
.channel-heading {padding-top: 10px;}
.content {margin-bottom: 5px; padding: 5px;}
.content-channel {
    display: block;
    padding: 0 4px 2px 4px;
    margin-bottom: 5px;
    line-height: 1.42857143;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    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;
}
ul.channels li {width: 15%;}
ul.channels li a img {width: 100%;}
.ads-channel {display: none;}

@media (max-width: 767px) {
	.channel-heading {}
	.info-avatar{width: 55%;}
.titlename{font-size: 12px;}
}
@media (min-width: 890px) {
.avatar{width: 76px;
    margin-top: -17px;
	    margin-left: 7px;}
	.info-avatar{width: 61%;}
.titlename{font-size: 12px;}
}
@media (min-width: 990px) {
.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){
.info-avatar{width: 55%;}
.titlename{font-size: 12px;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
}
@media (min-width: 1200px){
.titlename{font-size: 16px;}
.info-avatar{ width: 66%;}
.avatar{width: 106px;
 margin-top: -32px;
margin-left: 16px;}
}
@media (min-width: 1280px){
.titlename{font-size: 15px;}
.info-avatar{width: 67%;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
}
@media (min-width: 1366px){
.info-avatar{width: 70%;}
.titlename{font-size: 18px;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
}
@media (min-width: 1430px){
.info-avatar{width: 74%;}
.titlename{font-size: 18px;}
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
}
@media (min-width: 1600px){
.avatar{width: 106px;
    margin-top: -32px;
	    margin-left: 16px;}
}
@media (min-width: 1680px){
.avatar{width: 106px;margin-top: -32px;margin-left: 16px;}
}