.thumbs { text-align: center; font-size: 0; }
.thumbs div { float: none; display: inline-block; vertical-align: top; margin: 0 3px 6px 3px; font-size: 12px; }

.wrapper-video { width: 100%; }
.center-column { width: 1180px; }
.player { height: 686px; }

@media screen and (max-width: 2560px) {
.player iframe, .player object, .player embed, .player video, #kt_player {
    height: 100% !important;
    width: 100% !important;
}
}

@media screen and (max-width: 1536px) {
	.wrapper {
		width: 1250px;}
input.s_input {
	width:430px;
}
.cats {
	padding-left: 65px;
}
.top-image div {
    margin: 0 18px 3px 0;
}
.banners i {
    margin-right: 6px;
}
.wrapper-video {
    width: 100%;
}
.center-column {
    width: 930px;
}
.player iframe, .player object, .player embed, .player video, #kt_player {
    height: 100% !important;
    width: 100% !important;
}
}
@media screen and (max-width: 1280px) {
	.wrapper {
		width: 1000px;}
input.s_input {
	width:216px;
}
.cats {
	padding-left: 40px;
}
.top-image div {
    margin: 0 5px 3px 0;
}
.banners i.bn4 {
    display:none;
}
.banners i.bn3 {
    margin-right:0;
}
.banners i {
    margin-right: 20px;
}
.left-column {
	display:none;
}
.center-column {
    width: 687px;
}
}
@media screen and (max-width: 1020px) {
.wrapper { width: 100%; }
.thumbs div { border: 0; box-shadow: 0 0 0 1px #4B4B4B; width: 24%; margin: 1% 0.5% 0 0.5%; }
.thumbs div a img { width: 100%; height: auto; }
input.s_input {
	width:688px;
}
.search-cont {
	margin:0;
	position:absolute;
	bottom:3px;
	left:10px;
}
.header {
	height:133px;
}
ul.head-menu {
    margin-top: 34px;
}

.cats ul {
	width:100%;
}
.cats ul li{
	float:left;
	margin-right: 10px;
}
li.letter {
	clear:both;
	width:100%;
}
li.space {
	clear:both;
	width:100%;
}
.cats {
	padding-left: 0px;
}
.top-image div {
    margin: 5px 2px 0 2px !important;
float: none !important;
display: inline-block !important;
vertical-align: top !important;
}
.top-image  {
   width:100%;
text-align: center;
}
ul.tp5 {display:none;}
.toplist ul {width:25%;}
.banners { width: 100% !important; margin: 25px 0 0 0; }
.banners i.bn3 {
    display:none;
}
.banners i.bn2 {
    margin-right:0;
}
.banners i {
    margin-right: 45px;
}
.right-column {
	display:none;
}
.wrapper-video {
    width: 100%;
}
.center-column {
     width: 100%;
}
.player {
    height: 0;
    overflow: hidden;
    padding-bottom: 65%;
    position: relative;
}
.player iframe, .player object, .player embed, .player video, #kt_player {
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}
	.thumbs div a h3 { height: 30px; line-height: 30px; overflow: hidden;  }
.pduration { top: auto !important; bottom: 40px; height: 20px; line-height: 20px; overflow: hidden; }
}
@media screen and (max-width: 770px) {
	.wrapper {
		width: 99%;margin:0 auto;}
	
.header {
    height: 177px;
}
ul.head-menu {
    float: none;
    display:table;
	width:100%;
	 margin-top: 13px;
}
ul.head-menu li {
    display: table-cell;
    float: none;
    width: 25%;
	text-align:center;
}	
ul.sort-cat {
    float: none;
    display:table;
	width:100%;
	 margin-bottom: 10px;
}
ul.sort-cat li {
    display: table-cell;
    float: none;
    width: 25%;
	text-align:center;
}	
ul.pages {
    display: table;
    float: none;
    margin: 0 auto 10px;
}
input.s_input {
	width:300px;
}
.search-cont {
	margin:6px auto 0 ;
	position:static;
	 float: none;
	 width:355px;
}

a.logo {
	margin:0 auto;
	 float: none;
}
.topline {
	display:none;
}
.tl-cont {
	display:none;
}

.thumbs div { border: 0; box-shadow: 0 0 0 1px #4B4B4B; width: 32%; margin: 1% 0.5% 0 0.5%; }
.thumbs div a img { width: 100%; height: auto; }

p.ptitle {
    width: 100%;
}

.thumbs {
    margin: 0 auto;
}
.top-image {
    margin: 0 auto;
    width: 100%;
}
.top-image div img {
    height: 110px;
    width: 150px;
}

.thumbs div a h3 {
	font-size:14px;
}
.banners i {
    margin-right: 2px;
}
}
@media screen and (max-width:658px) {
#on_video {display:none;}
.top-image {
    margin: 0 auto;
    width: 100%;
}
ul.tp4 {display:none;}
.toplist ul {width:33.3%;}
.banners i.bn2 {
    display:none;
}
.banners i {
    margin:0;
}

.thumbs div { border: 0; box-shadow: 0 0 0 1px #4B4B4B; width: 49%; margin: 1% 0.5% 0 0.5%; }
.thumbs div a img { width: 100%; height: auto; }	

}
@media screen and (max-width:500px) {
.wrapper {min-width:320px;}
.top-image {
    margin: 0 auto;
    width: 100%;
	
}
ul.head-menu li a {
    padding: 8px;
    
}
ul.tp3 {display:none;}
.toplist ul {width:50%;}

.thumbs div { border: 0; box-shadow: 0 0 0 1px #4B4B4B; width: 98%; margin: 1% 0.5% 0 0.5%; }
.thumbs div a img { width: 100%; height: auto; }
}