@media screen and (max-width: 1279px){
    .container {
        width: 986px;
    }
    .th {
        width: calc(25% - 10px);
        margin: 0 5px 10px 5px;
    }
    .categories {
        -webkit-column-count: 5;
    	-moz-column-count: 5;
    	-o-column-count: 5;
    	column-count: 5;
    }
    .video-container {
        width: 100%;
        float: none;
    }
    .video-aside {
        width: 100%;
        height: 250px;
        margin: 14px 0 0 0;
        float: none;
        overflow: hidden;
        text-align: center;
    }
    /* Новое */
    .mobile-banner{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    .mobile-banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
@media screen and (max-width: 985px){
    .container {
        width: calc(100% - 20px);
    }
    .search {
        max-width: 360px;
    }
    .categories {
        -webkit-column-count: 4;
    	-moz-column-count: 4;
    	-o-column-count: 4;
    	column-count: 4;
    }
    .model-info {
        padding: 0;
        background: transparent;
    }
    .video-actions .content-rating {
        max-width: 200px;
    }
}
@media screen and (max-width: 767px){
    /* добавлен  .mobile-banner__item:last-child*/
    .mobile-banner__item:last-child,
    .header .btn-upload, .search {
        display: none;
    }
    .search {
        max-width: 100%;
        margin-top: 10px;
    }
    .input-search {
        padding: 0 50px 0 10px;
    }
    .nav {
        display: none;
    }
    .nav-toggle, .search-toggle {
        display: block;
        font-size: 24px;
        line-height: 40px;
    }
    .nav-toggle {
        margin-right: 10px;
        float: left;
    }
    .search-toggle {
        float: right;
    }
    .th {
        width: calc(33.33% - 10px);
    }
    .categories {
        -webkit-column-count: 3;
    	-moz-column-count: 3;
    	-o-column-count: 3;
    	column-count: 3;
    }
    .model-info {
        overflow: auto;
    }
    .model-info ul li {
        width: 50%;
        font-size: 12px;
    }
    .model-info ul li strong {
        font-weight: 400;
    }
    .video-actions {
        text-align: right;
    }
    .video-actions .content-rating {
        max-width: 100%;
        margin: 0 0 14px 0;
        float: none;
    }
    .video-actions .video-buttons {
        float: left;
    }
    .video-actions .video-stats span {
        margin-right: 0;
    }
    .bottom-blocks {
        height: 270px;
    }
    .bottom-blocks .block {
        margin: 10px auto;
    }
}
@media screen and (max-width: 560px){
    h1, h2, h3 {
        font-size: 16px;
        text-align: center;
        line-height: normal;
    }
    .title h1, .title h2, .title h3 {
        float: none;
    }
    .sort {
        margin: 10px auto;
        float: none;
        text-align: center;
    }
    .th {
        width: calc(50% - 10px);
    }
    .categories {
        -webkit-column-count: 2;
    	-moz-column-count: 2;
    	-o-column-count: 2;
    	column-count: 2;
    }
    .popular-tags {
        display: none;
    }
    .model-image {
        width: 100%;
        margin: 0 0 14px 0;
        float: none;
    }
    .model-image .content-rating {
        max-width: 100%;
    }
    .comments-controls {
        text-align: center;
    }
    .comments-chars {
        display: none;
    }
}
@media screen and (max-width: 480px){
    .categories {
        -webkit-column-count: 1;
    	-moz-column-count: 1;
    	-o-column-count: 1;
    	column-count: 1;
    }
    .video-actions .video-buttons span {
        display: none;
    }
}
/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.rateit { float: left; margin: 0 10px 0 0; line-height: 32px;}

.ratingblock {
	display:block;
	float: left;
	line-height: 32px;
	margin-top: 10px;
	}

.loading {
	height: 15px;
	background: url('rating/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('rating/images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('rating/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 105px;}
.unit-rating a.r8-unit{left: 105px;}
.unit-rating a.r8-unit:hover{width: 120px;}
.unit-rating a.r9-unit{left: 120px;}
.unit-rating a.r9-unit:hover{width: 135px;}
.unit-rating a.r10-unit{left: 135px;}
.unit-rating a.r10-unit:hover{width: 150px;}

.unit-rating li.current-rating {
	background: url('rating/images/starrating.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#CA0000;}
.static {color:#5D3126;}		
/* forms */

.forms-wrapper  { width: 100%; position: relative; }
.forms  { max-width: 480px; position: relative; margin: 0 auto; text-align: center; }
.forms .forms-intro  { width: 90%; padding: 10px 0 6px 0; margin: 0 auto; color: #333; text-align: center; }
.forms .forms-error  { width: 90%; padding: 0 0 6px 0; margin: 0 auto; color: #dd3333; text-align: left; }
.forms .form-label  { width: 25%; float: left; padding: 2px 0; margin-left: 5%; line-height: 25px; color: #333; text-align: right; }
.forms .form-field  { width: 60%; float: right; padding: 2px 0; margin-right: 5%; line-height: 25px; color: #333; text-align: left; }
.forms input.text  { width: 90%; height: 25px; background: #fff; border: 1px solid #aaa; line-height: 25px; }
.forms input.submit  { width: 40%; height: 25px; background: #fff; border: 1px solid #aaa; line-height: 25px; }
.forms textarea  { width: 90%; height: 100px; background: #fff; border: 1px solid #aaa; }
.forms img.captcha  { display: block; margin-bottom: 3px; }

object.swfupload  { vertical-align: middle; }




/* Stale CSS dla profili i wiadomosci */
#view_box{
	font-size: 11px;
	color: #303030;
	width:100%;
	float:left;
	margin-top:10px;
	background-color: #D7D7D7;
}
#view_box a{
color:#d28116;
padding-left:2px;}
#view_box a:hover{
text-decoration:underline;}

#view_box h3{
	color: #333333;
	padding-left:10px;
}

#message_foldery{
	width:10%;
	padding-left:15px;
	padding-bottom:20px;
	float:left;
	}

#message_foldery a{
text-decoration:none;
font-size:12px;}

#message_wiadomosci{
width:80%;
margin-right:15px;
padding-left:15px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #666666;
float:right;}

#message_naglowek{
	background-color:#262523;
	width:100%;
	float:left;
	padding-top:5px;
	height:22px;
	font-size: 11px;
	color: #bebebe;
}



#message_komorka a{
text-decoration:none;
}

#message_komorka1{
width:13%;
margin-right:5px;
margin-left:5px;
float:left;}

#message_komorka2{
width:53%;
margin-right:5px;
margin-left:5px;
float:left;}

#message_komorka3{
width:3%;
margin-right:5px;
margin-left:5px;
float:left;}

#message_komorka4{
width:23%;
margin-right:5px;
margin-left:5px;
text-align:right;
float:right;}

#message_wiersz1{
float:left;
background-color:#404040;
width:100%;
font-size: 10px;
height:17px;
padding-top:3px;
color: #bebebe;
}
#message_wiersz2{
float:left;
background-color:#575757;
width:100%;
height:17px;
padding-top:3px;
font-size: 10px;
color: #bebebe;}

a.message_reply{
	width:15px;
	height:14px;
	padding-left:10px;
	float:right;
	display:block;
	margin-right:3px;
	background-image: url(images/reply.png);
	background-repeat: no-repeat;
}

a.message_read{
	width:22px;
	height:14px;
	float:right;
	margin-right:3px;
	display:block;
	background-image: url(images/read.png);
	background-repeat: no-repeat;
}

a.message_unread{
	width:22px;
	height:14px;
	float:right;
	margin-right:3px;
	display:block;
	background-image: url(images/unread.png);
	background-repeat: no-repeat;
}


a.message_del{
	width:15px;
	height:14px;
	float:right;
	display:block;
	background-image: url(images/del.png);
	background-repeat: no-repeat;
}

#message_pagination{
	float:left;
	text-align:center;
	margin-top:10px;
	font-size: 14px;
	width:100%;
	}

#message_pagination a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5a5a59;
	margin-left:2px;
	margin-right:2px;
	margin-top:10px;
	display:inline;
	text-decoration: none;
}
#message_pagination a:hover{
	color: #d7e7f4;

}

#message_prev{
	width:100%;
	margin-top:10px;
	line-height:18px;
	float:left;
	font-size: 11px;
	color: #575757;
}
#trash a{
	font-size:10px;
	color: #999999;
}
/* koniec */


#chatbox {
	text-align:left;
	margin:0 auto;
	margin-bottom:25px;
	padding:10px;
	background:#fff;
	height:270px;
	width:100%;
	border:1px solid #ACD8F0;
	overflow:auto; }
 
#usermsg {
	width:395px;
	border:1px solid #ACD8F0; }
 
.msgln { margin:0 0 2px 0; }
 

.qp_counter {
				margin:  10px;
			}
.subSortBold {
	font-weight: bold;
}
#userProfile {

}
#userProfileAvatar {
	padding: 5px 5px 5px 5px;
	width: 200px;
	min-height: 350px;
	float: left;
}
#userProfileContent {
	margin-left: 3px;
	padding: 5px 5px 5px 5px;
	width: 533px;
	min-height: 350px;
	float: left;
}
#userProfileInfo {
	padding-top: 10px;
}
.userProfileInfoBold {
	font-weight: bold;
}
.userProfileSuccess {
	font-weight: bold;
	color: #009900;
}
.userProfileError {
	font-weight: bold;
	color: #990000;
}