Results of the CSS crunched for d0g.dog

Let's see what we've done for d0g.dog

CSSCruncher.com has crunched this CSS to
17.18 %Less Size! Woohooo!

Crunched CSS code:

*{margin:0;padding:0}
html,body{overflow-x:hidden}
html{background:#1c1c1c url(images/bg1.gif) repeat-x;height:100%}
body{background:url(images/bg2.jpg) no-repeat 50% 0;color:#000;font:12px/14px Trebuchet MS,Tahoma,Arial,Helvetica,sans-serif;min-height:100%}
a{color:#484848;text-decoration:none;outline:0;cursor:pointer}
a:hover{text-decoration:underline}
img{border:none}
p{margin:1em 0}
ul, ol{list-style:none}
address{font-style:normal}
.wrap{width:100%;overflow:hidden}
.container{width:990px;overflow:hidden;margin:0 auto}
#header{width:100%;margin-bottom:10px}
#header .wrap{height:117px;margin-bottom:6px}
.logo{background:url(images/logo.png) no-repeat;width:254px;height:106px;position:relative;float:left;overflow:hidden;margin-top:10px}
.logo2{background:url(images/logo.png) no-repeat;width:254px;height:106px;position:relative;float:left;overflow:hidden;margin-top:10px}
.logo a{text-indent:-9999px;display:block;width:254px;height:106px}
#header .wrap ul{float:right;width:130px;overflow:hidden;padding-top:15px;margin-left:14px}
#header .wrap ul li{font:bold 14px/18px Trebuchet MS,Tahoma,Arial}
#header .wrap ul li a{text-decoration:none;display:block;color:#fff;padding-left:22px}
#header .wrap ul li a:hover{color:#4e3791;background:url(images/t-menu-hover.png) no-repeat}
.top-menu{width:100%}
.top-menu ul{float:left}
.top-menu ul li{float:left;font:bold 14px/34px Segoe UI,Tahoma,Arial;text-transform:uppercase;text-align:center;position:relative;width:135px;margin-right:5px}
.top-menu ul li a{color:#9a8335;background:url(images/menu-item.jpg) no-repeat;float:left;width:135px;text-decoration:none}
.top-menu ul li a:hover{background-position:0 -34px;color:#fff}
.top-menu ul li.active a{background-position:0 -68px;color:#fff}
.top-menu ul li ul{position:absolute;top:34px;left:0;background:#080808 url(images/bg-iu.jpg) repeat-x;display:none;z-index:100;width:135px;text-align:left !important;padding-bottom:10px}
.top-menu ul li ul li{margin:0;font:bold 16px/25px Trebuchet MS,Tahoma,Arial !important;text-transform:none;height:27px;overflow:hidden;text-align:left}
.top-menu ul li ul li a{background:none !important;padding-left:25px;width:110px;color:#fff}
.top-menu ul li ul li a:hover{background:url(images/2pic.jpg) no-repeat !important}
.top-menu ul li:hover ul{display:block}
.top-menu ul li:hover a{background:url(images/menu-item.jpg) no-repeat 0 -34px;color:#fff}
.search{float:right;overflow:hidden;width:417px}
.search .txt-input{border:none;background:url(images/txt-input.jpg) no-repeat;width:324px;height:26px;padding:4px 10px;float:left;color:#008dbe;font:bold 15px/18px Trebuchet MS,Arial;text-transform:uppercase}
.search .btn-submit{background:url(images/btn-submit.jpg) no-repeat;width:67px;height:34px;text-indent:-9999px;border:none;float:right;cursor:pointer}
.search .btn-submit:hover{background-position:0 -34px}
#content{width:100%;overflow:hidden}
.title{width:100%;overflow:hidden;height:18px;margin-bottom:7px}
.title h2{float:left;font:bold 18px/20px Arial,Tahoma;color:#c2441b;text-transform:uppercase}
.title .bookmark{float:right;font:bold 18px/20px Arial,Tahoma;color:#fff;text-decoration:none;text-transform:uppercase;padding-left:20px}
.title .bookmark:hover{color:#5f5a56}
.title .social{float:right;overflow:hidden;margin-top:2px;height:16px}
.thumbs-big{width:100%;overflow:hidden}
.thumbs-big li{float:left;width:324px;overflow:hidden;margin:0 0 10px 3px}
.thumbs-big li:first-child,.thumbs-big li:nth-child(4n){margin-left:0}
.thumbs-big li a{text-decoration:none}
.thumbs-big li h3{color:#0364b4;font:bold 16px/31px Arial,Tahoma;height:31px;text-transform:uppercase;margin-bottom:5px;background:url(images/b.png) no-repeat;padding-left:40px}
.thumbs-big li:hover h3{color:#9a8335;background-position:0 -31px}
.thumbs-big li .img-holder{overflow:hidden;position:relative;width:324px;height:244px}
.thumbs-big li img,.thumbs li img{border:2px solid #0e0c13;display:block;width:320px;height:240px}
.thumbs-big li:hover img{border:2px solid #0e0c13}
.thumbs-big li .wrap{background:url(images/op.png);width:320px !important;height:22px;position:absolute;bottom:2px;left:2px}
.thumbs-big li .wrap span{float:left;color:#fff;font:10px/22px Tahoma,Arial;padding-left:8px}
.thumbs-big li .wrap span i{font-size:12px;font-style:normal}
.thumbs-big li .wrap strong{float:right;color:#fff;font:bold 12px/22px Tahoma,Arial;padding-right:8px}
.thumbs-big .about{background:#011033;width:306px;overflow:hidden;color:#fff;padding:2px 9px 3px 9px}
.thumbs-big li:hover .about{background:#c8420c}
.thumbs-big .about span{display:block;font:12px/15px Tahoma,Arial;width:100%;overflow:hidden}
.thumbs-big .about .tags{float:left;color:#fff;line-height:30px;width:60%;height:30px;overflow:hidden}
.thumbs-big .about .tags em{font-style:normal;font-size:10px;color:#000}
.thumbs-big li:hover .about .tags em{color:#000 !important}
.thumbs-big .about .tags a{color:#fff}
.thumbs-big .about .tags a:hover{text-decoration:underline;color:#000}
.thumbs-big li:hover .about .tags{color:#fff}
.thumbs-big li:hover .about .tags em{color:#0e0c13}
.thumbs-big li:hover .about a{color:#fff}
.thumbs-big .about strong{float:right;background:url(images/like-bg.png) no-repeat;height:30px;line-height:30px;padding-left:40px}
.thumbs-big li:hover .about strong{background-position:0 -30px}
.pagination{width:100%;overflow:hidden;height:41px;margin:2px 0 10px 0;padding-top:9px}
.pagination ul{display:table;margin:0 auto}
.pagination ul li{float:left;font:bold 16px/31px Trebuchet MS,Arial,Tahoma;text-transform:uppercase;margin:0 1px}
.pagination ul li a{color:#fff;background:#414141;text-decoration:none;display:block;width:31px;height:31px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.pagination ul li a:hover{background:#595959}
.pagination ul li.active a{background:#055bb1}
.pagination ul li.prev a,.pagination ul li.next a{width:50px !important;height:50px !important;line-height:50px;margin-top:-9px}
.pagination ul li.prev a:hover{background:#595959 !important}
.pagination ul li.next a:hover{background:#055bb1 !important}
.thumbs{width:100%;overflow:hidden;padding-top:2px}
.thumbs li{float:left;width:324px;height:274px;margin:0 0 10px 3px}
.thumbs li:first-child,.thumbs li:nth-child(4n){margin-left:0}
.thumbs a{text-decoration:none}
.thumbs li span{background:#414141 url(images/b2.png) no-repeat 5px 50%;display:block;color:#e2e2e2;font:bold 16px/30px Arial,Tahoma;height:30px;padding:0 0 0 31px;width:293px;text-transform:uppercase}
.thumbs li a:hover img{border:2px solid #284b38}
.thumbs li a:hover span{background-color:#021327;color:#fff}
.gray-box{width:100%;overflow:hidden;background:#353734;padding:10px 0 0 0;margin-bottom:20px}
.gray-box h2{font:bold 18px/20px Arial,Tahoma;color:#fff;text-transform:uppercase;padding:0 0 10px 10px;text-align:left !important}
.gray-box ol{display:inline-block;width:150px;margin-left:-18px;padding-bottom:22px}
.gray-box ol.nomargin{margin-left:14px !important}
.gray-box ol li{font:bold 14px/16px Arial,Tahoma;padding:3px 3px 3px 0;text-align:center;width:140px;background:url(images/dotted.gif) no-repeat 5px 100%}
.gray-box ol li a{color:#fff;display:block;padding:4px 10px 4px 0}
.gray-box ol li a span{color:#262626}
.gray-box ol li a:hover{color:#56514f;background:#e6e6e6 url(images/pink-ol-li.gif) repeat-x;text-decoration:none;-moz-box-shadow:3px -3px 0 #343434;-webkit-box-shadow:3px -3px 0 #343434;box-shadow:3px -3px 0 #343434}
.mpv-box2{text-align:center}
.mpv-box2 ul{display:inline-block;width:176px;overflow:hidden;padding:0 10px 15px 0}
.mpv-box2 ul li{font:bold 14px/22px Arial,Tahoma;padding:3px 3px 1px 0;background:url(images/dotted2.gif) no-repeat 10px 100%;text-align:left}
.mpv-box2 ul li:hover{background:none}
.mpv-box2 ul li a{color:#fff;display:block;width:167px;padding:2px 0 3px 10px}
.mpv-box2 ul li a span{color:#262626;padding-right:5px}
.mpv-box2 ul li a:hover{color:#000;background:#e6e6e6 url(images/line.gif) repeat-x 0 100%;text-decoration:none;-moz-box-shadow:3px -3px 0 #343434;-webkit-box-shadow:3px -3px 0 #343434;box-shadow:3px -3px 0 #343434}
.mpv-box3{padding-bottom:20px}
.mpv-box3 ul{float:left;width:450px;overflow:hidden;padding:0 20px}
.mpv-box3 ul li{font:bold 12px/22px Arial,Tahoma;overflow:hidden}
.mpv-box3 ul li a{color:#fff;display:block;text-decoration:none}
.most-box ol li span,.mpv-box3 ul li strong{padding-top:4px !important;padding-bottom:4px !important}
.mpv-box3 ul li span{float:left;height:22px;text-align:center;color:#fff;font:bold 12px/22px Arial,Tahoma;margin-right:13px}
.mpv-box3 ul li a:hover span{background:url(images/mpv-box3.jpg) no-repeat;color:#262626}
.mpv-box3 ul li em{font-style:normal;color:#fff;border-bottom:1px dotted #fff;display:block;overflow:hidden}
.mpv-box3 ul li a:hover em{color:#e65708}
.video-title{height:31px !important}
.video-title .social{margin-top:7px}
.video-title .bookmark{line-height:31px}
.video-title h2{background:url(images/b.png) no-repeat;padding-left:40px;line-height:31px;color:#f76a03}
.video-left{float:left;overflow:hidden;width:644px}
.video-holder{width:640px;height:478px;border:2px solid #f76a03;margin-bottom:3px}
.banner{width:640px;height:70px;margin:0 auto 3px;overflow:hidden}
.section{width:100%;overflow:hidden;margin-bottom:6px}
.section .rate-title{float:right;padding-right:11px;color:#fff;text-transform:uppercase;font:bold 20px/28px Verdana,Tahoma,Arial}
.section .tabs{float:left;overflow:hidden}
.section .tabs li{background:url(images/tabs.png) no-repeat;width:125px;height:29px;float:left;font:12px/29px Tahoma,Arial;color:#524d49;text-transform:uppercase;margin-right:1px;text-align:center}
.section .tabs li:hover{background-position:0 -29px}
.section .tabs li.current{background-position:0 -58px}
.section .tabs li.current a,.section .tabs li:hover a{color:#fff;text-decoration:none}
.section .box{display:none;background:#030303 url(images/bg-box.jpg) no-repeat;width:624px;overflow:hidden;padding:8px 10px 10px 10px}
.section .box.visible{display:block}
.section .box .meta{float:left;overflow:hidden;width:448px}
.section .box .meta ul{width:100%;overflow:hidden;padding-top:3px;margin-bottom:7px}
.section .box .meta ul li{float:left;font:12px/14px Tahoma,Arial;color:#fff;background:url(images/sep2.gif) no-repeat 0 50%;padding:0 10px}
.section .box .meta ul li:first-child{background:none;padding-left:0}
.section .box .meta ul li span{color:#363636;font-size:10px;float:left;padding-right:18px}
.section .box .meta ul li strong{font-weight:normal;float:left}
.section .box .meta ul li a{color:#fff;text-decoration:none}
.section .box .meta ul li a:hover{color:#00a8ff;text-decoration:underline}
.rate-this{float:right;overflow:hidden;width:170px}
.rate-this span{font:60px/62px Trebuchet MS,Tahoma,Arial;color:#fff;float:left;padding-top:3px}
.rate-this .plus-minus{float:right;overflow:hidden;position:relative}
.rate-this .plus-minus a{display:block;text-align:center;color:#a10000;text-decoration:none;width:30px;height:31px;text-indent:-9999px}
.rate-this .plus-btn{background:url(images/plus-btn.png) no-repeat;margin-bottom:2px}
.rate-this .minus-btn{background:url(images/minus-btn.png) no-repeat}
.section .box p{font:12px/15px Tahoma,Arial;margin:4px 0 0 0;color:#c5c5c5}
.comments-list{width:100%;overflow:hidden;padding:10px 0}
.comments-list li{width:100%;overflow:hidden;padding-top:8px;margin-bottom:8px;border-top:1px dashed #ccc}
.comments-list li:first-child{border:none;padding-top:0}
.comments-list li img{float:left;width:36px;height:36px;margin-right:8px;border:1px solid #ccc}
.comments-list li p{overflow:hidden;margin-top:0 !important}
.comment-form{width:100%;overflow:hidden}
.comment-form li{width:100%;overflow:hidden;margin-bottom:5px}
.comment-form li label{float:left;width:60px;color:#fff;line-height:20px}
.comment-form li .txt-input{float:left;width:200px;height:20px;border:1px solid #ccc;padding:3px 5px}
.comment-form li textarea{overflow:auto;float:left;width:300px !important;height:150px;border:1px solid #ccc;padding:3px 5px}
.comment-form .btn-submit{width:62px;height:34px;background:#000;cursor:pointer;border:none;margin-left:60px;color:#fff}
.video-right{float:right;overflow:hidden;width:327px}
.video-right ul li{background:url(images/right-thumbs-bg.jpg) no-repeat;overflow:hidden;margin-bottom:6px;width:327px;height:124px}
.video-right ul li:hover{background-position:0 -124px}
.ih{float:left;overflow:hidden;width:160px;height:120px;margin:2px 0 0 2px}
.ih img{display:block;width:160px;height:120px}
.th-right{float:right;overflow:hidden;width:157px}
.th-right h3{font:bold 12px/14px Tahoma,Arial;color:#cecece;height:72px;padding:4px 0 0 0;margin-bottom:4px;overflow:hidden}
.th-right h3 a{color:#cecece}
.video-right ul li:hover h3 a{color:#fff;text-decoration:none}
.wrap1,.wrap2{width:157px;overflow:hidden}
.wrap1 span{float:left;color:#fff;font:12px/14px Tahoma}
.wrap1 strong{float:right;color:#fff;font:12px/14px Tahoma;padding-right:8px}
.wrap1 strong i{color:#616362;font:10px/14px Tahoma}
.wrap1{padding-bottom:3px}
.wrap2{height:19px}
.wrap2 span{float:left;color:#616362;font:10px/19px Tahoma}
.wrap2 strong{float:right;color:#fff;font:12px/19px Tahoma;padding-right:8px;background:url(images/like2.png) no-repeat;padding-left:22px}
.video-right ul li:hover .wrap2 span{color:#a10000}
.video-right ul li:hover .wrap2 strong{background-position:0 -19px}
.video-right ul li:hover .wrap1 strong i{color:#ab0000}
#footer{background:url(images/bg-footer.jpg) repeat-x;min-height:166px;overflow:hidden;margin-top:20px}
.f-logo{background:url(images/logo2.png) no-repeat;width:254px;height:106px;float:left;margin:30px 0 0 0}
.f-right{float:right;overflow:hidden;width:600px;padding-top:34px}
.f-right p{color:#fffefe;margin-top:0;font:12px/18px Arial,Tahoma}
.vcs_brand-toggle{display:none}
@media all and (max-width:986px){.thumbs-big li .img-holder{height:auto}
.thumbs-big li img,.thumbs li img{height:auto}
.thumbs-big li .wrap{width:100% !important;background-repeat:repeat!important;bottom:0;left:0}
.thumbs-big li img,.thumbs li img{border:none!important}
.container{width:100%;padding:0 15px;box-sizing:border-box}
.thumbs-big,.thumbs{width:100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.thumbs-big li,.thumbs li{float:none;width:100%}
.thumbs-big li .img-holder,.thumbs-big li img,.thumbs li img,.thumbs-big li .wrap,.thumbs-big .about,.thumbs li span{width:100%;box-sizing:border-box}
#header .wrap{height:auto;display:grid;grid-template-columns:1fr 1fr 1fr}
.logo{margin:10px auto 0;grid-column:1 / 4}
.vcs_brand-toggle{display:block;position:absolute;transition:opacity .2s;right:10px;top:10px;margin-top:0;margin-bottom:0;height:48px;width:48px;border-radius:5px;cursor:pointer;border:1px solid transparent;transition:opacity .2s;z-index:9999999999}
.vcs_brand-toggle .vcs_brand-sign{position:absolute;display:block;top:50%;left:50%;height:20px;width:26px;margin-top:-10px;margin-left:-13px}
.vcs_brand-toggle:hover{opacity:1}
.vcs_brand-sign .vcs_brand-sign-s{content:'';display:block;position:absolute;height:2px;width:100%;background:#fff;transition:transform .2s}
.vcs_brand-sign .vcs_brand-sign-s:nth-child(1){top:0}
.vcs_brand-sign .vcs_brand-sign-s:nth-child(2){bottom:0}
.vc_active .vcs_brand-sign .vcs_brand-sign-s{transition:transform .1s;transform:scale(0,1)}
.vcs_brand-sign .vcs_brand-sign-x::before,.vcs_brand-sign .vcs_brand-sign-x::after{content:'';position:absolute;top:50%;height:2px;margin-top:-1px;width:100%;background:#fff;transition:.1s}
.vc_active .vcs_brand-sign .vcs_brand-sign-x::before{transition:transform .2s;transform:rotate(45deg)}
.vc_active .vcs_brand-sign .vcs_brand-sign-x::after{transition:transform .2s;transform:rotate(-45deg)}
.top-menu > ul{display:none;float:none;position:absolute;top:0;left:0;background:#fff;width:100%;height:999999vh;z-index:99;padding-top:60px}
.top-menu ul li a,.top-menu ul li{float:none;width:100%;display:table;background:none}
.top-menu ul li a:hover,.top-menu ul li:hover a,.top-menu ul li ul li:hover a{background:#333}
.top-menu ul li{width:100%}
.top-menu ul li.active a{background:#333}
.top-menu ul li ul{position:relative;top:0;display:table;text-align:left !important;padding-bottom:10px;width:100%;text-align:center !important}
.top-menu ul li ul li a{width:100%}
.vc_active .vcs_brand-sign .vcs_brand-sign-s,.vc_active .vcs_brand-sign .vcs_brand-sign-x::before,.vc_active .vcs_brand-sign .vcs_brand-sign-x::after{background:#000!important;color:#000!important}
.top-menu ul li ul li,.top-menu ul li ul li a{background:none!important}
.search{float:none;overflow:hidden;width:100%;margin:15px 0}
.search .txt-input{width:calc( 100% - 99px );float:left;background-size:cover}
.gray-box{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.gray-box h2{grid-column:1 / 5}
.mpv-box3{grid-template-columns:1fr}
.mpv-box3 h2{grid-column:1}
.gray-box ol{width:100%;margin-left:0}
.gray-box ol.nomargin{margin-left:0 !important}
.f-logo{float:none;margin:30px auto}
.f-right{float:none;width:100%;padding-top:14px}
.video-left,.video-holder img{width:100%;float:none}
.video-holder{width:100%;margin-bottom:8px;box-sizing:border-box;padding-bottom:0px;display:table}
.section .box{width:100%;box-sizing:border-box;background-size:cover}
.video-right{float:none;overflow:hidden;width:100%}
.video-right ul li{width:100%;background-size:100% 200%;box-sizing:border-box}
.th-right{float:none;overflow:hidden;width:auto;padding:2px 0 0 15px}
.rate-this span{font:31px/32px Trebuchet MS,Tahoma,Arial}
.rate-this{width:100px}
.rate-this .plus-minus a,.rate-this .minus-btn a{width:20px;height:20px;background-size:cover}}
@media all and (max-width:700px){.logo{width:154px;height:64px;background-size:cover;margin:25px auto 25px !important;float:none}
.rate-title{display:none}
.top-menu ul li ul li a:hover{background-size:100% 100%!important}
.thumbs-big,.thumbs{grid-template-columns:1fr 1fr}
#header .wrap ul{float:none;width:100%;margin-left:0}
#header .wrap{grid-template-columns:1fr 1fr}
.logo{grid-column:1 / 3}
.pagination{height:auto}
.pagination ul li a{width:28px;height:30px}
.gray-box{grid-template-columns:1fr}
.gray-box h2{grid-column:1}
.gray-box ol li,.mpv-box2 ul li,.mpv-box2 ul li:hover{width:100%;background-repeat:repeat-x}
.mpv-box2 ul{width:100%}
.mpv-box3 ul li span{float:none;width:100%}
.mpv-box3 ul{float:left;width:100%;overflow:hidden;padding:0 20px;box-sizing:border-box}
.thumbs-big li .wrap{width:100% !important}
.banner,.banner img{width:100%}
.section .tabs li{width:100%;height:29px;float:none;text-align:center;background:#afafaf}
.section .tabs{float:none}
.video-holder{height:auto}
.banner{height:auto;margin:0 auto 10px}
.section .box .meta{float:none;overflow:hidden;width:100%}
.section .box .meta ul li{float:none;display:table;width:100%;padding:0;border:none}
.section .box .meta ul li{background:none;margin-bottom:5px}
.rate-this{float:none}}
@media all and (max-width:402px){.ih img{display:block;width:100%;height:auto}
.ih{float:none;overflow:hidden;width:100%;height:auto;margin:2px 0 0 2px}
.video-right ul li{height:auto}
.th-right h3{height:auto}
.th-right{padding:2px 10px 5px 10px}
.thumbs-big,.thumbs{grid-template-columns:1fr}}

» Show original CSS code

« Hide original CSS code

/* general styles *************************************************************/
* {
	margin: 0;
	padding: 0;
}
html, body {
	overflow-x: hidden;
}
html {
	background: #1c1c1c url(images/bg1.gif) repeat-x;
	height: 100%;
}
body {
	background: url(images/bg2.jpg) no-repeat 50% 0;
	color: #000;
	font: 12px/14px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	min-height: 100%;
}
a {
	color: #484848;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
p {
	margin: 1em 0;
}
ul,
ol {
	list-style: none;
}
address {
	font-style: normal;
}
.wrap {
	width: 100%;
	overflow: hidden;
}
/* page holder ****************************************************************/
.container {
	width: 990px;
	overflow: hidden;
	margin: 0 auto;
}
/* header *********************************************************************/
#header {
	width: 100%;
	margin-bottom: 10px;
}
#header .wrap {
	height: 117px;
	margin-bottom: 6px;
}
.logo {
	background: url(images/logo.png) no-repeat;
	width: 254px;
	height: 106px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: 10px;
}
.logo2 {
	background: url(images/logo.png) no-repeat;
	width: 254px;
	height: 106px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: 10px;
}
.logo a {
	text-indent: -9999px;
	display: block;
	width: 254px;
	height: 106px;
}
#header .wrap ul {
	float: right;
	width: 130px;
	overflow: hidden;
	padding-top: 15px;
	margin-left: 14px;
}
#header .wrap ul li {
	font: bold 14px/18px Trebuchet MS, Tahoma, Arial;
}
#header .wrap ul li a {
	text-decoration: none;
	display: block;
	color: #fff;
	padding-left: 22px;
}
#header .wrap ul li a:hover {
	color: #4e3791;
	background: url(images/t-menu-hover.png) no-repeat;
}
.top-menu {
	width: 100%;
}
.top-menu ul {
	float: left;
}
.top-menu ul li {
	float: left;
	font: bold 14px/34px Segoe UI, Tahoma, Arial;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	width: 135px;
	margin-right: 5px;
}
.top-menu ul li a {
	color: #9a8335;
	background: url(images/menu-item.jpg) no-repeat;
	float: left;
	width: 135px;
	text-decoration: none;
}
.top-menu ul li a:hover {
	background-position: 0 -34px;
	color: #fff;
}
.top-menu ul li.active a {
	background-position: 0 -68px;
	color: #fff;
}
.top-menu ul li ul {
	position: absolute;
	top: 34px;
	left: 0;
	background: #080808 url(images/bg-iu.jpg) repeat-x;
	display: none;
	z-index: 100;
	width: 135px;
	text-align: left !important;
	padding-bottom: 10px;
}
.top-menu ul li ul li {
	margin: 0;
	font: bold 16px/25px Trebuchet MS, Tahoma, Arial !important;
	text-transform: none;
	height: 27px;
	overflow: hidden;
	text-align: left;
}
.top-menu ul li ul li a {
	background: none !important;
	padding-left: 25px;
	width: 110px;
	color: #fff;
}
.top-menu ul li ul li a:hover {
	background: url(images/2pic.jpg) no-repeat !important;
}
.top-menu ul li:hover ul {
	display: block;
}
.top-menu ul li:hover a {
	background: url(images/menu-item.jpg) no-repeat 0 -34px;
	color: #fff;
}
.search {
	float: right;
	overflow: hidden;
	width: 417px;
}
.search .txt-input {
	border: none;
	background: url(images/txt-input.jpg) no-repeat;
	width: 324px;
	height: 26px;
	padding: 4px 10px;
	float: left;
	color: #008dbe;
	font: bold 15px/18px Trebuchet MS, Arial;
	text-transform: uppercase;
}
.search .btn-submit {
	background: url(images/btn-submit.jpg) no-repeat;
	width: 67px;
	height: 34px;
	text-indent: -9999px;
	border: none;
	float: right;
	cursor: pointer;
}
.search .btn-submit:hover {
	background-position: 0 -34px;
}

/* main content area **********************************************************/
#content {
	width: 100%;
	overflow: hidden;
}
.title {
	width: 100%;
	overflow: hidden;
	height: 18px;
	margin-bottom: 7px;
}
.title h2 {
	float: left;
	font: bold 18px/20px Arial, Tahoma;
	color: #c2441b;
	text-transform: uppercase;
}
.title .bookmark {
	float: right;
	font: bold 18px/20px Arial, Tahoma;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 20px;
}
.title .bookmark:hover {
	color: #5f5a56;
}
.title .social {
	float: right;
	overflow: hidden;
	margin-top: 2px;
	height: 16px;
}
.thumbs-big {
	width: 100%;
	overflow: hidden;
}
.thumbs-big li {
	float: left;
	width: 324px;
	overflow: hidden;
	margin: 0 0 10px 3px;
}
.thumbs-big li:first-child, .thumbs-big li:nth-child(4n) {
	margin-left: 0;
}
.thumbs-big li a {
	text-decoration: none;
}
.thumbs-big li h3 {
	color: #0364b4;
	font: bold 16px/31px Arial, Tahoma;
	height: 31px;
	text-transform: uppercase;
	margin-bottom: 5px;
	background: url(images/b.png) no-repeat;
	padding-left: 40px;
}
.thumbs-big li:hover h3 {
	color: #9a8335;
	background-position: 0 -31px;
}
.thumbs-big li .img-holder {
	overflow: hidden;
	position: relative;
	width: 324px;
	height: 244px;
}
.thumbs-big li img, .thumbs li img {
	border: 2px solid #0e0c13;
	display: block;
	width: 320px;
	height: 240px;
}
.thumbs-big li:hover img {
	border: 2px solid #0e0c13;
}
.thumbs-big li .wrap {
	background: url(images/op.png);
	width: 320px !important;
	height: 22px;
	position: absolute;
	bottom: 2px;
	left: 2px;
}
.thumbs-big li .wrap span {
	float: left;
	color: #fff;
	font: 10px/22px Tahoma, Arial;
	padding-left: 8px;
}
.thumbs-big li .wrap span i {
	font-size: 12px;
	font-style: normal;
}
.thumbs-big li .wrap strong {
	float: right;
	color: #fff;
	font: bold 12px/22px Tahoma, Arial;
	padding-right: 8px;
}
.thumbs-big .about {
	background: #011033;
	width: 306px;
	overflow: hidden;
	color: #fff;
	padding: 2px 9px 3px 9px;
}
.thumbs-big li:hover .about {
	background: #c8420c;
}
.thumbs-big .about span {
	display: block;
	font: 12px/15px Tahoma, Arial;
	width: 100%;
	overflow: hidden;
}
.thumbs-big .about .tags {
	float: left;
	color: #fff;
	line-height: 30px;
	width: 60%;
	height: 30px;
	overflow: hidden;
}
.thumbs-big .about .tags em {
	font-style: normal;
	font-size: 10px;
	color: #000;
}
.thumbs-big li:hover .about .tags em {
	color: #000 !important;
}
.thumbs-big .about .tags a {
	color: #fff;
}
.thumbs-big .about .tags a:hover {
	text-decoration: underline;
	color: #000;
}
.thumbs-big li:hover .about .tags {
	color: #fff;
}
.thumbs-big li:hover .about .tags em {
	color: #0e0c13;
}
.thumbs-big li:hover .about a {
	color: #fff;
}
.thumbs-big .about strong {
	float: right;
	background: url(images/like-bg.png) no-repeat;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
}
.thumbs-big li:hover .about strong {
	background-position: 0 -30px;
}
.pagination {
	width: 100%;
	overflow: hidden;
	height: 41px;
	margin: 2px 0 10px 0;
	padding-top: 9px;
}
.pagination ul {
	display: table;
	margin: 0 auto;
}
.pagination ul li {
	float: left;
	font: bold 16px/31px Trebuchet MS, Arial, Tahoma;
	text-transform: uppercase;
	margin: 0 1px;
}
.pagination ul li a {
	color: #fff;
	background: #414141;
	text-decoration: none;
	display: block;
	width: 31px;
	height: 31px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.pagination ul li a:hover {
	background: #595959;
}
.pagination ul li.active a {
	background: #055bb1;
}
.pagination ul li.prev a, .pagination ul li.next a {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px;
	margin-top: -9px;
}
.pagination ul li.prev a:hover {
	background: #595959 !important;
}
.pagination ul li.next a:hover {
	background: #055bb1 !important;
}
.thumbs {
	width: 100%;
	overflow: hidden;
	padding-top: 2px;
}
.thumbs li {
	float: left;
	width: 324px;
	height: 274px;
	margin: 0 0 10px 3px;
}
.thumbs li:first-child, .thumbs li:nth-child(4n) {
	margin-left: 0;
}
.thumbs a {
	text-decoration: none;
}
.thumbs li span {
	background: #414141 url(images/b2.png) no-repeat 5px 50%;
	display: block;
	color: #e2e2e2;
	font: bold 16px/30px Arial, Tahoma;
	height: 30px;
	padding: 0 0 0 31px;
	width: 293px;
	text-transform: uppercase;
}
.thumbs li a:hover img {
	border: 2px solid #284b38;
}
.thumbs li a:hover span {
	background-color: #021327;
	color: #fff;
}
.gray-box {
	width: 100%;
	overflow: hidden;
	background: #353734;
	padding: 10px 0 0 0;
	margin-bottom: 20px;
}
.gray-box h2 {
	font: bold 18px/20px Arial, Tahoma;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 10px 10px;
	text-align: left !important;
}
.gray-box ol {
	display: inline-block;
	width: 150px;
	margin-left: -18px;
	padding-bottom: 22px;
}
.gray-box ol.nomargin {
	margin-left: 14px !important;
}
.gray-box ol li {
	font: bold 14px/16px Arial, Tahoma;
	padding: 3px 3px 3px 0;
	text-align: center;
	width: 140px;
	background: url(images/dotted.gif) no-repeat 5px 100%;
}
.gray-box ol li a {
	color: #fff;
	display: block;
	padding: 4px 10px 4px 0;
}
.gray-box ol li a span {
	color: #262626;
}
.gray-box ol li a:hover {
	color: #56514f;
	background: #e6e6e6 url(images/pink-ol-li.gif) repeat-x;
	text-decoration: none;
	-moz-box-shadow: 3px -3px 0 #343434;
	-webkit-box-shadow: 3px -3px 0 #343434;
	box-shadow: 3px -3px 0 #343434;
}
.mpv-box2 {
	text-align: center;
}
.mpv-box2 ul {
	display: inline-block;
	width: 176px;
	overflow: hidden;
	padding: 0 10px 15px 0;
}
.mpv-box2 ul li {
	font: bold 14px/22px Arial, Tahoma;
	padding: 3px 3px 1px 0;
	background: url(images/dotted2.gif) no-repeat 10px 100%;
	text-align: left;
}
.mpv-box2 ul li:hover {
	background: none;
}
.mpv-box2 ul li a {
	color: #fff;
	display: block;
	width: 167px;
	padding: 2px 0 3px 10px;
}
.mpv-box2 ul li a span {
	color: #262626;
	padding-right: 5px;
}
.mpv-box2 ul li a:hover {
	color: #000;
	background: #e6e6e6 url(images/line.gif) repeat-x 0 100%;
	text-decoration: none;
	-moz-box-shadow: 3px -3px 0 #343434;
	-webkit-box-shadow: 3px -3px 0 #343434;
	box-shadow: 3px -3px 0 #343434;
}
.mpv-box3 {
	padding-bottom: 20px;
}
.mpv-box3 ul {
	float: left;
	width: 450px;
	overflow: hidden;
	padding: 0 20px;
}
.mpv-box3 ul li {
	font: bold 12px/22px Arial, Tahoma;
	overflow: hidden;
}
.mpv-box3 ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
}
.most-box ol li span, .mpv-box3 ul li strong {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.mpv-box3 ul li span {
	float: left;
	height: 22px;
	text-align: center;
	color: #fff;
	font: bold 12px/22px Arial, Tahoma;
	margin-right: 13px;
}
.mpv-box3 ul li a:hover span {
	background: url(images/mpv-box3.jpg) no-repeat;
	color: #262626;
}
.mpv-box3 ul li em {
	font-style: normal;
	color: #fff;
	border-bottom: 1px dotted #fff;
	display: block;
	overflow: hidden;
}
.mpv-box3 ul li a:hover em {
	color: #e65708;
}
.video-title {
	height: 31px !important;
}
.video-title .social {
	margin-top: 7px;
}
.video-title .bookmark {
	line-height: 31px;
}
.video-title h2 {
	background: url(images/b.png) no-repeat;
	padding-left: 40px;
	line-height: 31px;
	color: #f76a03;
}
.video-left {
	float: left;
	overflow: hidden;
	width: 644px;
}
.video-holder {
	width: 640px;
	height: 478px;
	border: 2px solid #f76a03;
	margin-bottom: 3px;
}
.banner {
	width: 640px;
	height: 70px;
	margin: 0 auto 3px;
	overflow: hidden;
}
.section {
	width: 100%;
	overflow: hidden;
	margin-bottom: 6px;
}
.section .rate-title {
	float: right;
	padding-right: 11px;
	color: #fff;
	text-transform: uppercase;
	font: bold 20px/28px Verdana, Tahoma, Arial;
}
.section .tabs {
	float: left;
	overflow: hidden;
}
.section .tabs li {
	background: url(images/tabs.png) no-repeat;
	width: 125px;
	height: 29px;
	float: left;
	font: 12px/29px Tahoma, Arial;
	color: #524d49;
	text-transform: uppercase;
	margin-right: 1px;
	text-align: center;
}
.section .tabs li:hover {
	background-position: 0 -29px;
}
.section .tabs li.current {
	background-position: 0 -58px;
}
.section .tabs li.current a, .section .tabs li:hover a {
	color: #fff;
	text-decoration: none;
}
.section .box {
	display: none;
	background: #030303 url(images/bg-box.jpg) no-repeat;
	width: 624px;
	overflow: hidden;
	padding: 8px 10px 10px 10px;
}
.section .box.visible {
	display: block;
}
.section .box .meta {
	float: left;
	overflow: hidden;
	width: 448px;
}
.section .box .meta ul {
	width: 100%;
	overflow: hidden;
	padding-top: 3px;
	margin-bottom: 7px;
}
.section .box .meta ul li {
	float: left;
	font: 12px/14px Tahoma, Arial;
	color: #fff;
	background: url(images/sep2.gif) no-repeat 0 50%;
	padding: 0 10px;
}
.section .box .meta ul li:first-child {
	background: none;
	padding-left: 0;
}
.section .box .meta ul li span {
	color: #363636;
	font-size: 10px;
	float: left;
	padding-right: 18px;
}
.section .box .meta ul li strong {
	font-weight: normal;
	float: left;
}
.section .box .meta ul li a {
	color: #fff;
	text-decoration: none;
}
.section .box .meta ul li a:hover {
	color: #00a8ff;
	text-decoration: underline;
}
.rate-this {
	float: right;
	overflow: hidden;
	width: 170px;
}
.rate-this span {
	font: 60px/62px Trebuchet MS, Tahoma, Arial;
	color: #fff;
	float: left;
	padding-top: 3px;
}
.rate-this .plus-minus {
	float: right;
	overflow: hidden;
	position: relative;
}
.rate-this .plus-minus a {
	display: block;
	text-align: center;
	color: #a10000;
	text-decoration: none;
	width: 30px;
	height: 31px;
	text-indent: -9999px;
}
.rate-this .plus-btn {
	background: url(images/plus-btn.png) no-repeat;
	margin-bottom: 2px;
}
.rate-this .minus-btn {
	background: url(images/minus-btn.png) no-repeat;
}
.section .box p {
	font: 12px/15px Tahoma, Arial;
	margin: 4px 0 0 0;
	color: #c5c5c5;
}
.comments-list {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
}
.comments-list li {
	width: 100%;
	overflow: hidden;
	padding-top: 8px;
	margin-bottom: 8px;
	border-top: 1px dashed #ccc;
}
.comments-list li:first-child {
	border: none;
	padding-top: 0;
}
.comments-list li img {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 8px;
	border: 1px solid #ccc;
}
.comments-list li p {
	overflow: hidden;
	margin-top: 0 !important;
}
.comment-form {
	width: 100%;
	overflow: hidden;
}
.comment-form li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.comment-form li label {
	float: left;
	width: 60px;
	color: #fff;
	line-height: 20px;
}
.comment-form li .txt-input {
	float: left;
	width: 200px;
	height: 20px;
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.comment-form li textarea {
	overflow: auto;
	float: left;
	width: 300px !important;
	height: 150px;
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.comment-form .btn-submit {
	width: 62px;
	height: 34px;
	background: #000;
	cursor: pointer;
	border: none;
	margin-left: 60px;
	color: #fff;
}
.video-right {
	float: right;
	overflow: hidden;
	width: 327px;
}
.video-right ul li {
	background: url(images/right-thumbs-bg.jpg) no-repeat;
	overflow: hidden;
	margin-bottom: 6px;
	width: 327px;
	height: 124px;
}
.video-right ul li:hover {
	background-position: 0 -124px;
}
.ih {
	float: left;
	overflow: hidden;
	width: 160px;
	height: 120px;
	margin: 2px 0 0 2px;
}
.ih img {
	display: block;
	width: 160px;
	height: 120px;
}
.th-right {
	float: right;
	overflow: hidden;
	width: 157px;
}
.th-right h3 {
	font: bold 12px/14px Tahoma, Arial;
	color: #cecece;
	height: 72px;
	padding: 4px 0 0 0;
	margin-bottom: 4px;
	overflow: hidden;
}
.th-right h3 a {
	color: #cecece;
}
.video-right ul li:hover h3 a {
	color: #fff;
	text-decoration: none;
}
.wrap1, .wrap2 {
	width: 157px;
	overflow: hidden;
}
.wrap1 span {
	float: left;
	color: #fff;
	font: 12px/14px Tahoma;
}
.wrap1 strong {
	float: right;
	color: #fff;
	font: 12px/14px Tahoma;
	padding-right: 8px;
}
.wrap1 strong i {
	color: #616362;
	font: 10px/14px Tahoma;
}
.wrap1 {
	padding-bottom: 3px;
}
.wrap2 {
	height: 19px;
}
.wrap2 span {
	float: left;
	color: #616362;
	font: 10px/19px Tahoma;
}
.wrap2 strong {
	float: right;
	color: #fff;
	font: 12px/19px Tahoma;
	padding-right: 8px;
	background: url(images/like2.png) no-repeat;
	padding-left: 22px;
}
.video-right ul li:hover .wrap2 span {
	color: #a10000;
}
.video-right ul li:hover .wrap2 strong {
	background-position: 0 -19px;
}
.video-right ul li:hover .wrap1 strong i {
   color: #ab0000;
}
/* footer *********************************************************************/
#footer {
	background: url(images/bg-footer.jpg) repeat-x;
	min-height: 166px;
	overflow: hidden;
	margin-top: 20px;
}
.f-logo {
	background: url(images/logo2.png) no-repeat;
	width: 254px;
	height: 106px;
	float: left;
	margin: 30px 0 0 0;
}
.f-right {
	float: right;
	overflow: hidden;
	width: 600px;
	padding-top: 34px;
}
.f-right p {
	color: #fffefe;
	margin-top: 0;
	font: 12px/18px Arial, Tahoma;
}
.vcs_brand-toggle {
	display: none;
}

@media all and (max-width: 986px) {
.thumbs-big li .img-holder {
	height: auto;
}
.thumbs-big li img, .thumbs li img {
    height: auto;
}
.thumbs-big li .wrap {
    width: 100% !important;
    background-repeat: repeat!important;
    bottom: 0;
    left: 0;
}
.thumbs-big li img, .thumbs li img {
    border: none!important;
}
.container {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}
.thumbs-big, .thumbs {
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.thumbs-big li, .thumbs li {
    float: none;
    width: 100%;
}
.thumbs-big li .img-holder, .thumbs-big li img, .thumbs li img, .thumbs-big li .wrap, .thumbs-big .about, .thumbs li span {
    width: 100%;
    box-sizing: border-box;
}
#header .wrap {
    height: auto;
    display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.logo {
    margin: 10px auto 0;
    grid-column: 1 / 4;
}
.vcs_brand-toggle {
    display: block;
    position: absolute;
	transition: opacity .2s;
	right: 10px;
	top: 10px;
    margin-top: 0;
    margin-bottom: 0;
    height: 48px;
    width: 48px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: opacity .2s;
    z-index: 9999999999;
}

.vcs_brand-toggle .vcs_brand-sign {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    height: 20px;
    width: 26px;
    margin-top: -10px;
    margin-left: -13px;
}

.vcs_brand-toggle:hover {
    opacity: 1;
}

.vcs_brand-sign .vcs_brand-sign-s {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    transition: transform .2s;
}

.vcs_brand-sign .vcs_brand-sign-s:nth-child(1) {
    top: 0;
}

.vcs_brand-sign .vcs_brand-sign-s:nth-child(2) {
    bottom: 0;
}

.vc_active .vcs_brand-sign .vcs_brand-sign-s {
    transition: transform .1s;
    transform: scale(0,1);
}

.vcs_brand-sign .vcs_brand-sign-x::before,.vcs_brand-sign .vcs_brand-sign-x::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    width: 100%;
    background: #fff;
    transition: .1s;
}

.vc_active .vcs_brand-sign .vcs_brand-sign-x::before {
    transition: transform .2s;
    transform: rotate(45deg);
}

.vc_active .vcs_brand-sign .vcs_brand-sign-x::after {
    transition: transform .2s;
    transform: rotate(-45deg);
}
.top-menu > ul {
	display: none;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 999999vh;
	z-index: 99;
	padding-top: 60px;
}
.top-menu ul li a, .top-menu ul li {
    float: none;
    width: 100%;
    display: table;
    background: none;
}
.top-menu ul li a:hover, .top-menu ul li:hover a, .top-menu ul li ul li:hover a {
	background: #333;
}
.top-menu ul li {
	width: 100%;
}
.top-menu ul li.active a {
	background: #333;
}
.top-menu ul li ul {
    position: relative;
    top: 0;
    display: table;
    text-align: left !important;
    padding-bottom: 10px;
    width: 100%;
    text-align: center !important;
}
.top-menu ul li ul li a {
    width: 100%;
}
.vc_active .vcs_brand-sign .vcs_brand-sign-s, .vc_active .vcs_brand-sign .vcs_brand-sign-x::before,.vc_active .vcs_brand-sign .vcs_brand-sign-x::after {
	background: #000!important;
	color: #000!important;
}
.top-menu ul li ul li, .top-menu ul li ul li a {
	background: none!important;
}
.search {
    float: none;
    overflow: hidden;
    width: 100%;
    margin: 15px 0;
}
.search .txt-input {
    width: calc( 100% - 99px );
    float: left;
    background-size: cover;
}
.gray-box {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.gray-box h2 {
	grid-column: 1 / 5;
}
.mpv-box3 {
	grid-template-columns: 1fr;
}
.mpv-box3 h2 {
	grid-column: 1;
}
.gray-box ol {
    width: 100%;
    margin-left: 0;
}
.gray-box ol.nomargin {
    margin-left: 0 !important;
}
.f-logo {
    float: none;
    margin: 30px auto;
}
.f-right {
    float: none;
    width: 100%;
    padding-top: 14px;
}
.video-left, .video-holder img {
	width: 100%;
	float: none;
}
.video-holder {
    width: 100%;
    margin-bottom: 8px;
    box-sizing: border-box;
    padding-bottom: 0px;
    display: table;
}
.section .box {
    width: 100%;
    box-sizing: border-box;
    background-size: cover;
}
.video-right {
    float: none;
    overflow: hidden;
    width: 100%;
}
.video-right ul li {
    width: 100%;
        background-size: 100% 200%;
    box-sizing: border-box;
}
.th-right {
    float: none;
    overflow: hidden;
    width: auto;
    padding: 2px 0 0 15px;
}
.rate-this span {
    font: 31px/32px Trebuchet MS, Tahoma, Arial;
}
.rate-this {
width: 100px;
}
.rate-this .plus-minus a, .rate-this .minus-btn a {
    width: 20px;
    height: 20px;
    background-size: cover;
}
}

@media all and (max-width: 700px) {
.logo {
	width: 154px;
height: 64px;
background-size: cover;
margin: 25px auto 25px !important;
float: none;
}
.rate-title {
	display: none;
}
.top-menu ul li ul li a:hover {
    background-size: 100% 100%!important;
}
.thumbs-big, .thumbs {
    grid-template-columns: 1fr 1fr;
}
#header .wrap ul {
    float: none;
    width: 100%;
    margin-left: 0;
}
#header .wrap {
    grid-template-columns: 1fr 1fr;
}
.logo {
    grid-column: 1 / 3;
}
.pagination {
	height: auto;
}
.pagination ul li a {
	width: 28px;
	height: 30px;
}
.gray-box {
    grid-template-columns: 1fr;
}
.gray-box h2 {
    grid-column: 1;
}
.gray-box ol li, .mpv-box2 ul li, .mpv-box2 ul li:hover {
    width: 100%;
    background-repeat: repeat-x;
}
.mpv-box2 ul {
	width: 100%;
}
.mpv-box3 ul li span {
    float: none;
    width: 100%;
}
.mpv-box3 ul {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    box-sizing: border-box;
}
.thumbs-big li .wrap {
    width: 100% !important;
}
.banner, .banner img {
    width: 100%;
}
.section .tabs li {
	width: 100%;
height: 29px;
float: none;
text-align: center;
background: #afafaf;
}
.section .tabs {
    float: none;
}
.video-holder {
    height: auto;
}
.banner {
    height: auto;
    margin: 0 auto 10px;
}
.section .box .meta {
    float: none;
    overflow: hidden;
    width: 100%;
}
.section .box .meta ul li {
    float: none;
    display: table;
    width: 100%;
    padding: 0;
    border: none;
}
.section .box .meta ul li {
	background: none;
	margin-bottom: 5px;
}
.rate-this {
    float: none;
}
}
@media all and (max-width: 402px) {
.ih img {
    display: block;
    width: 100%;
    height: auto;
}
.ih {
    float: none;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 2px 0 0 2px;
}
.video-right ul li {
    height: auto;
}
.th-right h3 {
    height: auto;
}
.th-right {
    padding: 2px 10px 5px 10px;
}
.thumbs-big, .thumbs {
    grid-template-columns: 1fr;
}
}

Some information about this website:

URL: https://d0g.dog/
CSS URL: https://d0g.dog/all.css
Charset: utf-8
Title: d0g.dog