@media (max-width: 1200px) and (min-width: 810px) {
	.hiddem-m {display: none;}
	.category-count {display: none;}
}

@media (max-width: 960px) {
	#video .left, #album .left, #photo .left, #channel .left {width: 100%; margin-right:0;}
	#video .right, #album .right, #photo .right, #channel .right {width: 0; display: none;}
	
	.ads-responsive img, .ads-responsive iframe {max-width: 100%; height: auto;}
	#album .content-container, #photo .content-container {max-height: none;}
	div#share-container.content-container {max-height: none;}	
}

@media (max-width: 767px) {
	.custom-navbar .navbar-toggle {
	    float: left;
	}
	.custom-navbar .navbar-header {
	    float: left;
	    width: auto!important;
	}
	.custom-navbar .navbar-collapse {
	    clear: both;
	    float: none;
	}

	#main-top-container {width: 50%; float:right;}

	.logo {width: 80%; text-align: center; display: block; float: left; height: 60px; }
	.logo img {width: auto; max-height: 60px;}
	
	.search {width: 60px; margin-top: 4px; float: right; }
	.search #search-group {display: none; position: absolute; width: 80%; left: 0; top: 10px; }
	.search #search-group input {width: 70%; float: right; margin-right: 5px;}
	.search #search-group button#search-close {display: block; }

	#menu-main ul.navbar-nav li {text-align: center; }
	#menu-main .navbar-menu {color: #ffffff; font-weight: bold; padding: 7px 5px; border: 0;}
	#menu-main .navbar-menu:hover {background: none;}
	
	#main-menu-container .navbar-inverse {border: 0; background: transparent;}
	
	header .nav-top ul.social li {padding: 0; margin: 0;}
	header .nav-top ul.social li a {padding: 2px 3px;}
	header .nav-top ul.social li#sharing-header {display: none;}
	
	ul.videos li {width: 48%; margin: 0 0 0 6px;}
	ul.playlists li {width: 48%; margin: 0 0 0 6px;}
	ul.thumbs li {width: 48%; margin: 5px 0 5px 6px;}
	ul.users li {width: 32.2%; margin: 5px 5px 5px 6px;}
	ul.users-profile li {width: 32.5%; margin: 5px 6px 5px 6px;}
	ul.albums li {width: 31%; margin: 5px 2px 5px 6px;}
	ul.photos li {width: 32%; margin: 5px 2px 5px 4px;}
	ul.models li {width: 48%; margin: 5px 4px 5px 6px;}
	ul.channels li {width: 47.5%; margin: 5px 4px 5px 6px;}	
	ul.categories li {width: 46%; margin: 0 6px 0 6px;}
	ul.links li {width: 33%;}
	
	.content-left {margin-left: 0;}
	
    .video-title, .playlist-title {width: 100%; font-weight: bold; text-align: center; overflow: hidden;}
    .video-rating {position: absolute; bottom: 45px; right: 10px;}
	
	.navbar-brand img {max-height: 40px;}
	.btn-float {float: none; margin: 0 0 10px 10px;}
	
	.padding-mobile {padding-top: 10px;}

	#video .left {width: 100%; margin-right:0;}
	#video .right {width: 0; display: none;}

	.btn-mb,
	.btn-group-mb > .btn {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;	
	}

	#rating {height: 30px; padding-top: 0; padding-bottom: 0;}
	.progress {height: 7px;}
}

@media (max-width: 1024px) {
	.no-text {display: none;}	
}

@media (max-width: 481px) {
	header .nav-top {height: 60px;}
	header .nav-top .container {text-align: center;}
	header .nav-top ul {float: none; width: 100%; text-align: center;}
	header .nav-top ul li {
		float:none;
	    display:inline-block;
	    *display:inline; /* ie7 fix */
	     zoom:1; /* hasLayout ie7 trigger */
	}

	ul.models li {width: 48%; margin: 5px 4px 5px 6px;}
	ul.albums li {width: 47.8%; margin: 5px 2px 5px 4px;}
	ul.photos li {width: 47.5%; margin: 5px 2px 5px 6px;}
	ul.categories li {width: 47%; margin: 0 6px 0 6px;}	
	ul.channels li {width: 47%; margin: 5px 4px 5px 6px;}	
	ul.users li {width: 47%; margin: 5px 3px 5px 6px;}
	ul.links li {width: 49%;}

	img.channel-thumb {float: none; margin: 0 auto; width: 100%;}
	.content-left, .content-right {width: 100%; float: none;}	
}

@media (max-width: 321px) {
	header .nav-top {height: 60px;}

	.logo {width: 70%;}
	.logo img {max-height: 50px;}

    header .nav-top ul.social li {float: left;}
    header .nav-top ul.social li a {letter-spacing: 0;}

	ul.videos li {width: 96%; margin: 5px 0 0 6px;}
	ul.playlists li {width: 96%; margin: 5px 4px 5px 6px;}
	ul.thumbs li {width: 18%; margin: 5px 6px 5px 6px;}
	ul.users li {width: 47%; margin: 5px 3px 5px 6px;}
	ul.albums li {width: 97%; margin: 5px 2px 5px 6px;}
	ul.photos li {width: 98%; margin: 5px 4px 5px 4px;} 
	ul.models li {width: 98%; margin: 5px 4px 5px 6px;}
	ul.categories li {width: 96%; margin: 0 6px 0 6px;}
	ul.channels li {width: 97%; margin: 5px 4px 5px 4px;}	
	ul.links li {width: 49%;}
	
	img.channel-thumb {float: none; margin: 0 auto; width: 100%;}
	.content-left, .content-right {width: 100%; float: none;}	
}

@media (min-width: 768px) {
	.container {
  		width: 758px;
	}

	.navbar-nav > li > a {padding-left: 10px; padding-right: 10px; margin-left: 0; margin-right: 0;}

	ul.videos li {width: 23%; margin: 0 8px 0 6px;}
	ul.playlists li {width: 23%; margin: 0 8px 0 6px;}
	ul.videos-profile li {width: 47%; margin: 0 6px 0 6px;}
	ul.thumbs li {width: 21%; margin: 5px 2px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 5px 5px 6px;}
	ul.users-profile li {width: 22%; margin: 5px 6px 5px 6px;}
	ul.albums li {width: 32.2%; margin: 5px 2px 5px 4px;}
	ul.albums-profile li {width: 218px; margin: 5px 6px 5px 6px;}
	ul.photos li {width: 32%; margin: 5px 2px 5px 6px;}
	ul.models li {width: 172px; height: 270px; margin: 5px 4px 5px 6px;}
	ul.channels li {width: 32%; margin: 5px 4px 5px 4px;}	
	ul.categories li {width: 31.8%; margin: 0 6px 0 4px;}
	ul.links li {width: 33%;}

	.video-title {width: 75%;}

	.dl-horizontal dt {
  		width: 120px;
  		text-align: left;
	}
	
	.dl-horizontal dd {
  		margin-left: 130px;
	}

	.btn-mb,
	.btn-group-mb > .btn {
		padding: 10px 16px;
		font-size: 14px;
		line-height: 1.3333333;
		border-radius: 6px;
	}
}

@media (min-width: 800px) {
	.container {
  		width: 790px;
	}
	
	.navbar-nav > li > a {padding-left: 10px; padding-right: 10px; margin-left: 0; margin-right: 0;}

	ul.videos li {width: 20%; margin: 0 6px 0 6px;}		
	ul.playlists li {width: 20%; margin: 0 6px 0 6px;}		
	ul.videos-profile li {margin: 0 6px 0 6px;}
	ul.thumbs li {width: 21%; margin: 5px 2px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 5px 5px 6px;}
	ul.users-profile li {margin: 5px 4px 5px 6px;}
	ul.albums li {width: 32%; margin: 5px 2px 5px 4px;}
	ul.albums-profile li {width: 164px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 18.7%; margin: 5px 6px 5px 6px;}
	ul.photos li {width: 23.4%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
	ul.channels li {width: 32.2%; margin: 5px 4px 5px 4px;}
	ul.categories li {width: 32%; margin: 0 6px 0 4px;}
	ul.links li {width: 20%;}
}

@media (min-width: 890px) {
	.container {
  		width: 880px;
	}

	.navbar-nav > li > a {padding-left: 20px; padding-right: 20px; }

	ul.videos li {width: 23%; margin: 0 10px 0 6px;}		
	ul.playlists li {width: 23%; margin: 0 10px 0 6px;}		
	ul.thumbs li {width: 19%; margin: 5px 6px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 5px 5px 6px;}
	ul.albums li {width: 24%; margin: 5px 2px 5px 4px;}
	ul.albums-profile li {width: 164px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 23.5%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
	ul.channels li {width: 24%; margin: 5px 4px 5px 6px;}	
	ul.categories li {width: 23%; margin: 0 6px 0 4px;}
	ul.links li {width: 20%;}
}

@media (min-width: 992px) {
	.container {
  		width: 982px;
	}

	ul.videos li {width: 164px; margin: 0 8px 0 8px;}
	ul.videos li a div.video-thumb img {width: 160px; height: 120px;}
	ul.playlists li {width: 23%; margin: 0 8px 0 6px;}		
	ul.videos-profile li {width: 31%; margin: 0 10px 0 6px;}
	ul.thumbs li {width: 19%; margin: 5px 3px 5px 6px;}
	ul.users li {width: 15%; margin: 5px 8px 5px 6px;}
	ul.users-profile li {margin: 5px 4px 5px 6px;}
	ul.albums li {width: 24%; margin: 5px 2px 5px 4px;}
	ul.albums-profile li {width: 164px; margin: 5px 3px 5px 6px;}
	ul.photos li {width: 18.7%; margin: 5px 6px 5px 6px;}
	ul.photos-profile li {width: 23.2%; margin: 5px 6px 5px 6px;}
	ul.models li {width: 182px; height: 290px; margin: 5px 2px 5px 6px;}
	ul.channels li {width: 24%; margin: 5px 4px 5px 4px;}	
	ul.categories li {width: 168px; margin: 0 6px 0 6px;}
	ul.links li {width: 20%;}

	.ads-square {width: 360px; height: 410px;}
	
	.col-md-2 {width: 230px;}
	.col-md-10 {width: 750px;}
	.comment-picture {width: 100px;}
}