/* CSS clear based on http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time,
mark, audio, video {
	padding: 0; margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers and specific declarations */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: ''; content: none;
}

table {
	border-spacing: 0; border-collapse: collapse;
}


/* Main definitions */

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	padding: 0; margin: 0;
	position: relative;
	background: #040404;
}

body, td, p  {
	color: #afccdd;
	font-family: "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; line-height: 1.6em; font-weight: 300;
 }

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

a, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover, a:active {
	color: #afccdd;
	text-decoration: none;
}

p {
	margin-bottom: 1em;
	text-align: justify;
}

hr {
	height: 1px; display: block; clear: both;
	padding: 0; margin: 15px 0;
	background: #333; border: none;
}

h1 {
	position: relative;
	padding: 4px 0 4px 16px; margin: 10px 0;
	font-family: "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: 300; text-align: left;
	border: 1px solid #363636; border-radius: 2px;
}

h1:before {
	width: 20px; height: 20px; display: block;
	position: absolute; left: -10px; top: 6px;
	background: #060606; background-image: url('../images/heading-icon.png'); background-repeat: no-repeat; background-position: center center; content: "";
}

h2 {
	position: relative;
	padding: 4px 0 4px 16px; margin: 10px 0;
	font-family: "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: 300; text-align: left;
	border: 1px solid #363636; border-radius: 2px;
}

h2:before {
	width: 20px; height: 20px; display: block;
	position: absolute; left: -10px; top: 6px;
	background: #060606; background-image: url('../images/heading-icon.png'); background-repeat: no-repeat; background-position: center center; content: "";
}

h3 {
	font-family: "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: 300; text-align: left;
}

.clear {
	clear: both;
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.table-outer {
    width: 100%;
    height: 100%;
    display: table;
}

.table-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.wrapper {
	width: 1170px;
	margin: 0 auto;
}


/* site header */

.site-header {
	background: #000; border-bottom: 1px solid #142934;
}

.site-header .menu-section {
	padding: 10px 0;
}

.site-header .main-menu {
	float: left;
}

.site-header .links-menu {
	float: right;
}

.main-menu li,
.links-menu li {
	height: 40px; display: block; float: left;
	position: relative; padding-right: 10px; padding-left: 15px; margin-right: 20px;
	border: 1px solid #373737; border-radius: 2px;
	font-size: 15px; line-height: 38px;
}

.main-menu li:last-child,
.links-menu li:last-child {
	margin-right: 0;
}

.main-menu li:before,
.links-menu li:before {
	width: 20px; height: 22px; display: block;
	position: absolute; left: -10px; top: 8px;
	background: #000; background-repeat: no-repeat; background-position: center center; content: "";
}

.main-menu li.menu-home:before {
	background-image: url('../images/menu-home.png');
}

.main-menu li.menu-categories:before {
	background-image: url('../images/menu-categories.png');
}

.main-menu li.menu-profiles:before {
	background-image: url('../images/menu-profiles.png');
}

.main-menu li.menu-recent:before {
	background-image: url('../images/menu-recent.png');
}

.main-menu li.menu-popular:before {
	background-image: url('../images/menu-popular.png');
}

.main-menu li.menu-longest:before {
	background-image: url('../images/menu-longest.png');
}

.links-menu li.menu-external:before {
	background-image: url('../images/menu-external.png');
}

.site-header .header-section {
	background: url('../images/header-section.png') center top no-repeat;
}

.site-header .header-section .logo {
	display: block; float: left;
	margin-top: 20px; margin-bottom: 10px;
}

.site-header .header-section .search-section {
	float: right;
	position: relative; margin-top: 12px;
}

.mmenu-icon {
	width: 40px; height: 40px; display: none;
	background: url('../images/mmenu-icon.png') center center no-repeat;
}

.icons-menu {
	display: none;
}

.icons-menu li {
	width: 40px; height: 40px; display: block; float: left;
	margin-left: 4px;
	background-color: rgba(0, 0, 0, 0.65); background-position: center center; background-repeat: no-repeat; border: 1px solid #373737; border-radius: 2px;
}

.icons-menu-home {
	background-image: url('../images/menu-home.png');
}

.icons-menu-categories {
	background-image: url('../images/menu-categories.png');
}

.icons-menu-recent {
	background-image: url('../images/menu-recent.png');
}

.icons-menu-popular {
	background-image: url('../images/menu-popular.png');
}

.icons-menu-upload {
	background-image: url('../images/menu-upload.png');
}

.icons-menu li a {
	width: 100%; height: 100%; display: block;
}



.search {
	width: 280px; display: block;
	position: relative;
}

.search input[type="text"] {
	width: 100%; height: 40px;
	position: relative; padding-left: 10px;
	background: rgba(0, 0, 0, 0.65); border: 1px solid rgba(0, 154, 242, 0.8); border-radius: 2px; color: #fff;
}

.search input[type="submit"] {
	width: 40px; height: 40px;
	position: absolute; right: 0; top: 0;
	background: transparent url('../images/search-submit.png') center center no-repeat; border: 0 none; cursor: pointer;
}

.sub-menu {
	width: 280px; margin-top: 10px;
}

.sub-menu li {
	width: 30%; height: 32px; display: block; float: left;
	position: relative; padding: 0 5px; margin-right: 5%;
	background: rgba(0, 0, 0, 0.65); border: 1px solid #373737; border-radius: 2px;
	font-size: 13px; line-height: 30px; text-align: center;
}

.sub-menu li:last-child {
	margin-right: 0;
}

.sub-menu li img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.user-menu {
	padding: 5px 0; margin: 10px 0;
	background: rgba(0, 0, 0, 0.65); border: 1px solid #373737; border-radius: 2px;
	text-align: center;
}

.user-menu li {
	display: inline-block;
	margin: 0 10px;
	font-size: 12px; line-height: 16px; text-align: center;
}


/* main definitions */

.main {
	overflow: auto;
	background: rgb(9,9,9);
	background: -moz-linear-gradient(top, rgba(9,9,9,1) 0%, rgba(4,4,4,1) 300px, rgba(4,4,4,1) 100%);
	background: -webkit-linear-gradient(top, rgba(9,9,9,1) 0%,rgba(4,4,4,1) 300px,rgba(4,4,4,1) 100%);
	background: linear-gradient(to bottom,  rgba(9,9,9,1) 0%,rgba(4,4,4,1) 300px,rgba(4,4,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#090909', endColorstr='#040404',GradientType=0 );
}

.contents {
	padding: 26px 26px 0 26px; margin: 10px 0;
	background: #121212; border-radius: 4px;
}

.contents .large-square {
	width: 546px; height: 542px; display: block; float: right;
}

.contents .large-square img {
	display: block;
	margin: 138px auto 0 auto;
}

.content {
	width: 260px; display: block; float: left;
	margin-right: 26px; margin-bottom: 26px;
	border: 1px solid #0c3f5c; border-radius: 2px;
}

.content .thumb {
	width: 240px; height: 145px; position: relative;
	margin: 9px 9px 0 9px;
}

.content .thumb img {
	width: 100%; height: 100%; display: block;
}

.content .thumb .meta-date {
	position: absolute; bottom: 4px; right: 6px;
	color: #fff;
	line-height: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.content h3 {
	width: 100%; height: 32px; overflow: hidden;
	font-size: 14px; line-height: 32px; text-align: center; text-overflow: ellipsis; white-space: nowrap;
}

.content .meta {
	background: #131313; border-top: 1px solid #132630;
}

.content .meta div {
	width: 33.33%; float: left;
	padding: 10px 0;
	font-size: 13px; line-height: 18px; text-align: center;
}

.content .meta div:nth-child(2) {
	background: #080808;
}

.content .meta div:nth-child(2) span {
	color: #05d149;
}

.contents-videos .content:nth-of-type(4n+4) {
	margin-right: 0;
}

.contents-profiles .content:nth-of-type(4n) {
	margin-right: 0;
}

.contents-other {
	padding-bottom: 20px;
}


/* pagination */

.pagination {
	padding: 4px 0; margin: 15px 0;
	border: 1px solid #363636; border-radius: 2px;
	font-family: "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: 300; text-align: center;
}

.pagination a,
.pagination span {
	display: inline-block;
	margin: 0 5px;
}

.pagination span {
	color: #05d149;
	font-weight: bold; text-decoration: underline;
}

.top-box {
	margin: 15px 0;
	text-align: center;
}

.bottom-box,
.bottom-boxes {
	margin-top: 15px;
	text-align: center;
}

.top-box img,
.bottom-box img,
.bottom-boxes img {
	display: inline-block;
}

.top-box img,
.bottom-box img {
	max-width: 100%; height: auto;
}


/* profile */

.profile .thumb {
	width: 160px; float: left;
	text-align: center;
}

.profile .thumb img {
	max-width: 100%;
	margin-bottom: 10px;
}

.profile .info {
	width: 920px; float: right;
	text-align: left;
}


/* comments */

#ul-comments {
	float: none;
}

#ul-comments li {
	float: none;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#ul-comments img {
	padding: 0;
}

#ul-comments .block {
	width: 1010px;
}


/* video page */

.video-wrapper {
	width: 100%;
	padding: 17px;
	background: #121212; border-radius: 4px;
}

.video-main {
	width: 820px; float: left;
}

.video-player {
	width: 100%; height: 0; position: relative;
	padding-top: 56.25%;
}

.video-player embed,
.video-player video,
.video-player iframe,
.video-player a#thisPlayer {
	width: 100%; height: 100%; display: block;
	position: absolute; top: 0; left: 0;
}

.video-player-ad {
	margin: 16px 0;
}

.video-player-ad img {
	max-width: 100%; height: auto; display: block;
	margin: 0 auto;
}

.video-subplayer {
	margin: 16px 0;
	background: #0d0d0d;
}

.video-subplayer .meta {
	width: 30%; height: 83px; float: left;
}

.video-subplayer .meta span {
	display: inline-block;
	padding-left: 28px;
	background-position: left center; background-repeat: no-repeat; color: #fff;
	font-size: 20px; line-height: 24px; 
}

.video-subplayer .meta span strong {
	font-weight: 400;
}

.video-subplayer .meta span.views {
	background-image: url('../images/video-meta-views.png');
}

.video-subplayer .meta span.time {
	background-image: url('../images/video-meta-time.png');
}

.video-subplayer .meta span.added {
	background-image: url('../images/video-meta-added.png');
}

.video-subplayer .rating {
	width: 40%; height: 83px; float: left;
	position: relative;
	background: #050505;
}

.video-subplayer .rating a.vote {
	width: 73px; height: 73px; display: block;
	position: absolute;
	border: 1px solid #373737; border-radius: 2px;
	background-position: center center; background-repeat: no-repeat;
}

.video-subplayer .rating a.vote.up {
	left: 7px; top: 7px;
	background-image: url('../images/video-vote-up.png');
}

.video-subplayer .rating a.vote.down {
	right: 7px; top: 7px;
	background-image: url('../images/video-vote-down.png');
}

.video-subplayer .rating a.disabled {
	opacity: 0.7;
}

.video-subplayer .rating-results {
	width: 100%;
	text-align: center;
}

.video-subplayer .rating .rating-results span {
	display: block;
	color: #fff;
}

.video-subplayer .rating .votes-percentage-value {
	margin-top: 14px;
	font-size: 40px; line-height: 40px; font-weight: 600; letter-spacing: -1px;
}

.video-subplayer .rating .votes-total-value {
	margin-top: 2px;
	font-size: 16px; line-height: 16px; font-weight: 600;
}

.video-sidebar {
	width: 300px; float: right;
}

.video-sidebar img {
	max-width: 100%; height: auto; display: block;
	margin-bottom: 16px;
}

.video-sidebar a:last-child img {
	margin-bottom: 0;
}

.video-moreinfo {
	width: 100%;
	padding: 15px;
	border: 1px solid #373737; border-radius: 3px;
}

.video-moreinfo .submitter {
	width: 30%; float: left;
}

.video-moreinfo .submitter .avatar {
	width: 80px; float: left;
}

.video-moreinfo .submitter .avatar img {
	max-width: 100%; height: auto; display: block;
}

.video-moreinfo .submitter .name {
	width: 100%;
	margin-top: 2px; padding-left: 90px; padding-right: 5px;
	font-size: 16px; line-height: 16px; font-weight: 600; text-align: left;
	word-wrap: break-word;
}

.video-moreinfo .meta {
	width: 70%; float: right;
	padding-left: 10px;
	border-left: 1px solid #373737; color: #fff;
}

.video-moreinfo .meta span {
	display: block; margin-bottom: 5px;
	font-size: 14px; line-height: 18px;
}

.video-buttonrow {
	margin-top: 15px;
	border-top: 1px solid #373737;
}

.video-buttonrow .addthis {
	width: 30%; float: left; overflow: hidden;
	margin-top: 15px;
}

.video-buttonrow .buttons {
	width: 70%; float: right;
	padding-top: 15px; padding-left: 10px;
}

.video-buttonrow .buttons li {
	height: 40px; display: block; float: left;
	position: relative; padding-right: 10px; padding-left: 15px; margin-right: 20px;
	border: 1px solid #373737; border-radius: 2px;
	font-size: 15px; line-height: 38px;
}

.video-buttonrow .buttons li:last-child {
	margin-right: 0;
}

.video-buttonrow .buttons li:before {
	width: 20px; height: 22px; display: block;
	position: absolute; left: -10px; top: 8px;
	background: #121212; background-repeat: no-repeat; background-position: center center; content: "";
}

.video-buttonrow .buttons li.download:before {
	background-image: url('../images/video-button-download.png');
}

.video-buttonrow .buttons li.report:before {
	background-image: url('../images/video-button-report.png');
}

.video-buttonrow .buttons li.embed:before {
	background-image: url('../images/video-button-embed.png');
}

.video-buttonrow .buttons li.favs:before {
	background-image: url('../images/video-button-favs.png');
}

.video-switch {
	border-bottom: 1px solid #d0d0d0;
}

.video-switch.active {
	border-bottom: none;
	font-weight: 400;
}

.video-comments {
	margin-bottom: 15px;
}

.video-comments .login-alert {
	margin-top: 15px;
}

.video-related-reload {
	margin-bottom: 20px;
	text-align: center;
}

.video-related-reload a {
	height: 40px; display: inline-block;
	position: relative; padding-right: 15px; padding-left: 15px;
	border: 1px solid #373737; border-radius: 2px;
	font-size: 15px; line-height: 38px;
}


/* footer */

.site-footer {
	padding: 15px 0; margin-top: 15px;
	background: #000; border-top: 10px solid #161616; color: #606060;
	font-size: 14px; line-height: 20px; text-align: center;
}

.site-footer a {
	margin: 0 5px;
	color: #909090;
}


/* core overrides */

.notification.info,
.notification.success,
.notification.error {
	background-color: rgba(0, 0, 0, 0.3); border: 0 none;
	color: #inherit;
}

.notification p {
	color: inherit;
}


/* Additional styles */

.half-column{
    width: 50%;
    float: left;
}

.left-half{
    padding-right: 17px;
}

.right-half{
    padding-left: 17px;
}

form label {
    width: 100%;
    display: inline-block;
    font-size: 14px; font-size: 0.875rem;
    font-weight: 700;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
    width: 78%;
    display: inline-block;
}

form textarea {
    height: 100px;
}

form .description {
    width: 78%; 
    display: inline-block;
    margin-left: 21%; margin-bottom: 10px; 
    *zoom: 1; clear: both;
    font-size: 11px; font-size: 0.6875rem;
    font-style: italic; 
}

form .description:before,
form .description:after {
    display: block;
    clear: both;
    content: " ";
}

form .form-item {
    margin-bottom: 10px; margin-top: 5px;
}

form .form-item.error {
    color: #d70a0a;
}

form .form-item.form-textarea label {
    vertical-align: top;
}

form .form-item.form-checkbox label,
form .form-item.form-radio label {
    width: auto;
    margin-right: 25px;
    display: inline-block;
    font-weight: 400;
}

form .form-action {
    padding-top: 10px; 
}

form legend {
    padding: 0 10px;
}

form fieldset {
    margin: 5px 0 10px;
}

form button,
form input[type="submit"] {
    padding: 7px 20px;
    font-family: "Roboto Condensed", Arial, Helvetica, Sans-serif;
    font-size: 16px; font-size: 1rem;
    border: none;
}

.miniform{
    font-size: 14px;
}

.miniform input[type=text],
.miniform input[type=password],
.miniform input[type=email],
.miniform select,
.miniform textarea,
#comment-form input[type=text],
#comment-form input[type=password],
#comment-form input[type=email],
#comment-form textarea,
#mailbox .compose input[type='text'],
#mailbox .compose textarea{
    width: 100%;
    padding: 7px 12px;
    max-width: 100%;
    border: 1px solid #cdcdcd;
    font-family: 'Roboto Condensed', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

.sep-row{
    margin-top: 15px;
}

.miniform input[type=submit],
.miniform button,
#comment-form input[type=submit],
#comment-form button{
    background: #009af2;
    color: #fff;
    border: 0;
    padding: 10px 15px;
    cursor: pointer;
    font-family: 'Roboto Condensed', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}

#comment-form .form-action{
    margin-top: 10px;
}

.form-item,
.form-item-actions{
    margin-top: 15px;
}

.captcha-img{
    margin-top: 15px;
}

.btn-transparent{
    margin: 0 10px;
}

.comments-block {
    padding: 20px 0;
}

.comments-block h3 {
    padding: 8px 0 8px 25px;
    position: relative; 
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf; 
    font-size: 16px; font-size: 1rem;
}

.comments-block .c-description,
.comments-block form {
    width: 100%; 
    float: left;
    padding-left: 75px;
}

.comments-block .c-author {
    font-size: 12px; font-size: 0.75rem;
    margin-bottom: 3px;
}

.comments-block .c-comment {
    color: #7f7f7f;
    font-size: 12px; font-size: 0.75rem;
    font-weight: 300;
}

.comments-block ul {
    padding: 0;
    margin: 0;
}

.comments-block ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    list-style-image: none;
}

.comments-block ul li {
    *zoom: 1; clear: both;
    margin-bottom: 15px;
}

.comments-block ul li:before,
.comments-block ul li:after {
    display: block;
    clear: both; content: " ";
}

.comments-block .sep-row .sep-line {
    margin-bottom: 20px;
    margin-top: 10px;
}

.comments-block form {
    position: relative;
}

.comments-block form:before {
    width: 0px; height: 0px;
    display: block;
    position: absolute; top: 15px; left: 64px; 
    content: " ";
    border-style: solid; 
    border-color: transparent #dfdfdf transparent transparent;
    border-width: 8px 12px 8px 0;
}

.comments-block form:after {
    width: 0px; height: 0px;
    display: block; 
    position: absolute; top: 15px; left: 66px;
    content: " ";
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 8px 12px 8px 0;
}

.comments-block form textarea {
    width: 100%;
    height: 124px;
    padding: 5px;
}

.comments-block form input[type="submit"] {
    padding: 7px 20px; 
    border: none;
    border-radius: 0;
    background-color: #2f2d2c;
    color: #ffffff;
    font-size: 14px; font-size: 0.875rem;
    font-weight: 300;
}

#mailbox:before,
#mailbox:after{
    content: '';
    display: inline-block;
    width: 100%;
}


/* embed frame */

.embed-frame {
	padding: 15px;
	background: #fff; color: #606060;
}


/* Media queries */

@media(min-width: 990px) and (max-width: 1199px) {
	.wrapper {
		width: 970px;
	}

	.contents {
		padding: 18px 18px 0 18px;
	}

	.contents .large-square {
		width: 458px; height: 464px;
	}

	.contents .large-square img {
		margin-top: 105px;
	}

	.content {
		width: 220px;
		margin-right: 18px; margin-bottom: 18px;
	}

	.content .thumb {
		width: 206px; height: 125px;
		margin: 6px 6px 0 6px;
	}

	.content .meta div {
		padding: 6px 0;
	}

	.profile .info {
		width: 750px;
	}

	#ul-comments .block {
		width: 830px;
	}

	.video-main {
		width: 620px;
	}

	.video-subplayer .meta span {
		font-size: 15px;
	}

	.video-buttonrow .addthis {
		width: 100%;
	}

	.video-buttonrow .buttons {
		width: 100%;
	}
}

@media(min-width: 768px) and (max-width: 989px) {
	.wrapper {
		width: 96%;
		margin: 0 auto;
	}

	.menu-section {
		display: none;
	}

	.site-header .header-section {
		min-height: 0;
	}

	.site-header .header-section .logo {
		max-width: 370px;
		margin-bottom: 10px;
	}

	.site-header .header-section .search-section {
		margin-top: 30px;
	}

	.mmenu-icon {
		display: inline-block; float: none;
		margin-right: 10px;
		vertical-align: top;
	}

	.icons-menu {
		display: inline-block;
	}

	.search {
		display: none;
	}

	.sub-menu {
		display: none;
	}

	.user-menu {
		display: none;
	}

	.contents {
		padding: 12px 12px 0 12px;
	}

	.contents .large-square {
		display: none;
	}

	.content {
		width: 32%; position: relative;
		margin-right: 2%; margin-bottom: 2%;
	}

	.content .thumb {
		width: 96%; height: 0; position: relative;
		padding-bottom: 60%; margin: 2%;
	}

	.content .thumb img {
		width: 100%; height: 100%; position: absolute;
	}

	.content .meta div {
		padding: 6px 0;
	}

	.contents-videos .content:nth-of-type(4n+4) {
		margin-right: 2%;
	}

	.contents-videos .content:nth-of-type(3n) {
		margin-right: 0;
	}

	.contents-profiles .content:nth-of-type(4n) {
		margin-right: 2%;
	}

	.contents-profiles .content:nth-of-type(3n) {
		margin-right: 0;
	}

	.pagination {
		font-size: 22px; line-height: 30px;
	}

	.pagination a:link,
	.pagination a:visited {
		display: none;
	}

	.pagination a.prev,
	.pagination a.next {
		display: inline-block;
	}

	.profile .info {
		width: 520px;
	}

	.bottom-boxes img {
		margin: 3px 5px;
	}

	#ul-comments .block {
		width: 600px;
	}

	.video-main {
		width: 100%;
	}

	.video-subplayer .meta span {
		font-size: 16px;
	}

	.video-buttonrow .addthis {
		width: 100%;
	}

	.video-buttonrow .buttons {
		width: 100%;
	}

	.video-buttonrow .buttons a {
		margin-top: 5px; margin-bottom: 5px;
	}

	.video-sidebar {
		display: none;
	}
}

@media(min-width: 480px) and (max-width: 767px) {
	.wrapper {
		width: 96%;
		margin: 0 auto;
	}

	.menu-section {
		display: none;
	}

	.site-header .header-section {
		min-height: 0;
		padding-bottom: 15px;
	}

	.site-header .header-section .logo {
		max-width: 100%; float: none;
		margin-bottom: 0; margin-left: auto; margin-right: auto;
	}

	.site-header .header-section .search-section {
		float: none;
		margin-top: 0;
		text-align: center;
	}

	.mmenu-icon {
		display: inline-block;
		margin-right: 10px;
		vertical-align: top;
	}

	.icons-menu {
		display: inline-block;
	}

	.search {
		display: none;
	}

	.sub-menu {
		display: none;
	}

	.user-menu {
		display: none;
	}

	.contents {
		padding: 8px 8px 0 8px;
	}

	.contents .large-square {
		display: none;
	}

	.content {
		width: 32%; position: relative;
		margin-right: 2%; margin-bottom: 2%;
	}

	.content .thumb {
		width: 96%; height: 0; position: relative;
		padding-bottom: 60%; margin: 2%;
	}

	.content .thumb img {
		width: 100%; height: 100%; position: absolute;
	}

	.contents-videos .content:nth-of-type(4n+4) {
		margin-right: 2%;
	}

	.contents-videos .content:nth-of-type(3n) {
		margin-right: 0;
	}

	.contents-profiles .content:nth-of-type(4n) {
		margin-right: 2%;
	}

	.contents-profiles .content:nth-of-type(3n) {
		margin-right: 0;
	}

	.pagination {
		font-size: 22px; line-height: 30px;
	}

	.pagination a:link,
	.pagination a:visited {
		display: none;
	}

	.pagination a.prev,
	.pagination a.next {
		display: inline-block;
	}

	.profile .info {
		width: 260px;
	}

	#ul-comments img {
		display: none;
	}

	#ul-comments .block {
		width: 100%;
	}

	.bottom-boxes img {
		margin: 3px 0;
	}

	.video-main {
		width: 100%;
	}

	.video-subplayer {
		height: auto;
	}

	.video-subplayer .meta {
		width: 100%; height: auto;
		padding: 15px 0;
	}

	.video-subplayer .meta span {
		font-size: 16px;
	}

	.video-subplayer .rating {
		width: 100%;
	}

	.video-moreinfo .submitter .avatar {
		display: none;
	}

	.video-moreinfo .submitter .name {
		padding: 0;
	}

	.video-buttonrow .addthis {
		width: 100%;
	}

	.video-buttonrow .buttons {
		width: 100%;
	}

	.video-buttonrow .buttons li {
		margin-top: 5px; margin-bottom: 5px;
	}

	.video-sidebar {
		display: none;
	}


    /* Additional styles */

    .half-column{
        width: 100%;
    }

    .half-column:nth-child(2) {
    	margin-top: 25px;
    }

    .left-half,
    .right-half{
        padding: 0;
    }  

}

@media(max-width: 479px) {
	.wrapper {
		width: 96%;
		margin: 0 auto;
	}

	.menu-section {
		display: none;
	}

	.site-header .header-section {
		min-height: 0;
		padding-bottom: 15px;
	}

	.site-header .header-section .logo {
		max-width: 100%; float: none;
		margin-bottom: 0; margin-left: auto; margin-right: auto;
	}

	.site-header .header-section .search-section {
		float: none;
		margin-top: 0;
		text-align: center;
	}

	.mmenu-icon {
		display: inline-block;
		margin-right: 10px;
		vertical-align: top;
	}

	.icons-menu {
		display: inline-block;
	}

	.search {
		display: none;
	}

	.sub-menu {
		display: none;
	}

	.user-menu {
		display: none;
	}

	.contents {
		padding: 8px 8px 0 8px;
	}

	.contents .large-square {
		display: none;
	}

	.content {
		width: 49%; position: relative;
		margin-right: 2%; margin-bottom: 2%;
	}

	.content .thumb {
		width: 96%; height: 0; position: relative;
		padding-bottom: 60%; margin: 2%;
	}

	.content .thumb img {
		width: 100%; height: 100%; position: absolute;
	}

	.content .meta div {
		font-size: 11px; line-height: 14px;
	}

	.contents-videos .content:nth-of-type(4n+4) {
		margin-right: 2%;
	}

	.contents-videos .content:nth-of-type(2n) {
		margin-right: 0;
	}

	.contents-profiles .content:nth-of-type(4n) {
		margin-right: 2%;
	}

	.contents-profiles .content:nth-of-type(2n) {
		margin-right: 0;
	}

	.pagination {
		font-size: 22px; line-height: 30px;
	}

	.pagination a:link,
	.pagination a:visited {
		display: none;
	}

	.pagination a.prev,
	.pagination a.next {
		display: inline-block;
	}

	.profile .thumb {
		width: 100%; float: none;
		margin-bottom: 15px;
		text-align: center;
	}

	.profile .thumb img {
		max-width: 100%; display: block;
		margin: 0 auto 10px auto;
	}

	.profile .info {
		width: 100%; float: none;
		text-align: left;
	}

	#ul-comments img {
		display: none;
	}

	#ul-comments .block {
		width: 100%;
	}

	.bottom-boxes img {
		margin: 3px 0;
	}

	.video-main {
		width: 100%;
	}

	.video-subplayer {
		height: auto;
	}

	.video-subplayer .meta {
		width: 100%; height: auto;
		padding: 15px 0;
	}

	.video-subplayer .meta span {
		font-size: 16px;
	}

	.video-subplayer .rating {
		width: 100%;
	}

	.video-moreinfo .submitter {
		width: 100%;
	}

	.video-moreinfo .submitter .avatar {
		display: none;
	}

	.video-moreinfo .submitter .name {
		padding: 0;
	}

	.video-moreinfo .meta {
		width: 100%;
		padding: 0; margin-top: 12px;
		border: 0 none;
	}

	.video-buttonrow .addthis {
		width: 100%;
	}

	.video-buttonrow .buttons {
		width: 100%;
	}

	.video-buttonrow .buttons li {
		margin-top: 5px; margin-bottom: 5px;
	}
	
	.video-sidebar {
		display: none;
	}



    /* Additional styles */

    .half-column{
        width: 100%;
    }

    .half-column:nth-child(2) {
    	margin-top: 25px;
    }

    .left-half,
    .right-half{
        padding: 0;
    } 
}