/*[5. Media responsive]*/
@media screen and (max-width: 999px) {
	#thumb-tray, .but-play{
		visibility: hidden !important;
	}
}



@media screen and (max-width: 997px) {

	html,
	body {
		min-width: 768px;
		overflow-x: hidden;
	}
	
	#bg {
		margin-right: -14px;
	}
	
	#top_bg,
	#aside {
		display: none;
	}
	
	#holder {
		width: 720px;
		padding-left: 0;
		margin: 0 auto;
	}
	
	.big_gallery {
		padding: 20px 0 20px 20px;
	}
	
	.multipics {
		width: 720px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#header-mobile {
		display: block;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		box-sizing: border-box; 
		padding: 10px 24px 10px 10px;
		margin-bottom: 14px;
	
		border: solid 1px rgba(3,3,2,0.8);
		border-left: none;
		border-top: none;
			-webkit-box-shadow: 0 0 0 1px rgba(67, 56, 45, 0.5) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.6),  0 0 5px 5px rgba(0, 0, 0, 0.5) inset;
			-o-box-shadow: 0 0 0 1px rgba(67, 56, 45, 0.5) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.6),  0 0 5px 5px rgba(0, 0, 0, 0.5) inset;
			-ms-box-shadow: 0 0 0 1px rgba(67, 56, 45, 0.5) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.6),  0 0 5px 5px rgba(0, 0, 0, 0.5) inset;
			-moz-box-shadow: 0 0 0 1px rgba(67, 56, 45, 0.5) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.6),  0 0 5px 5px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0 0 0 1px rgba(67, 56, 45, 0.5) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.6),  0 0 4px 4px rgba(0, 0, 0, 0.5) inset;
		
		background: #1F1B18 url(../images/texstyle.gif) repeat 0 0;
	
		text-align: center;
	}
	
		#header-mobile select {
			display: inline-block;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			box-sizing: border-box; 
			width: 460px;
			height: 30px;
			margin: 10px 0px 10px 0px;
			padding: 4px 5px 6px 5px;
			overflow: hidden;
			vertical-align:  middle;
			
			font: normal 12px/20px 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif;
			text-shadow: 1px 1px 0 #000;
			color: #ededed;
			
				-moz-appearance: none;
				-webkit-appearance: none;
			appearance: none;
			
			background: #1F1B18;
				background: url(../images/menu_dd.png) no-repeat right center, -moz-linear-gradient(top, rgba(51,46,42,0.9) 0%, rgba(31,27,24,0.9) 100%);
				background: url(../images/menu_dd.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,46,42,0.9)), color-stop(100%,rgba(31,27,24,0.9)));
				background: url(../images/menu_dd.png) no-repeat right center, -webkit-linear-gradient(top, rgba(51,46,42,0.9) 0%,rgba(31,27,24,0.9) 100%);
				background: url(../images/menu_dd.png) no-repeat right center, -o-linear-gradient(top, rgba(51,46,42,0.9) 0%,rgba(31,27,24,0.9) 100%); 
				background: url(../images/menu_dd.png) no-repeat right center, -ms-linear-gradient(top, rgba(51,46,42,0.9) 0%,rgba(31,27,24,0.9) 100%); 
	
				-webkit-border-radius: 0;
			border: solid #2a2722 1px;
			border-top-color: #000;
			border-left-color: #000;
			color: #8e857c;
			text-shadow: 1px 1px 0 #050403;
			background-size: 23px 18px, 100%;
		}
	
			#header-mobile select option {
				border: none;
				background: #1F1B18;
				outline: none;
			}
	
	#logo-mobile {
		display: inline-block;
		vertical-align: middle;
		width: 220px;
		text-align: left;
		margin-right: 12px;
	}
	
	.folio {
		background-position: center top !important;
		width: auto !important;
	}
	
	#widget-container {
		margin-top: 28px;
	}
	
	.article_b {
		margin-bottom: 30px;
	}
	
	ul.paginator {
		text-align: center;
	}
	
		ul.paginator li {
			display: inline-block;
			float: none;
		}

}


@media screen and (max-width: 739px) {
	
	html,
	body {
		min-width: 480px;
		overflow-x: hidden;
	}
	
	#holder, .multipics {
		width: 480px;
	}
	
	.jw-video.video #JPlayer video{
		width:1px !important;
		height:1px !important;
		overflow:hidden;
	}
	.jw-video #JPlayer {
		background:url(../images/playIcon.png) no-repeat 50% 60% !important
	}
	
	.jw-video #JPlayer_wrapper {
		text-align:center;
		height:100% !important;
		width:auto !important;
	}
	#JPlayer_wrapper * {
		background-repeat: no-repeat !important;
		background-color: transparent !important;
	}
	.jp-video-iphone #JPlayer_wrapper video{
		width:100px !important;
		height:100px !important;
		top:50%;
	}
	.video #JPlayer_wrapper img#jp_poster_0 {
		height:100% !important;
		width:auto !important;
	}
	
			
		#header-mobile select {
			width: 220px;
		}
	
			#bottom div span {
				display: none;
			}
	
			#bottom div ul {
				float: left;
				margin-left: -5px;
			}
	
		.article iframe,
		.article img,
		.article pre,
		.article code,
		.article blockquote {
			max-width: 100% !important;
			height: auto;
		}
		
		.article div.wp-caption,
		.article a img {
			max-width: 410px !important;
			height: auto;
		}
	
			.article img.hd {
				max-width: 460px !important;
				height: auto;
			}
			.article .video * {
				max-width: 460px;
				height: auto;
			}
			
			.article .media_audio * {
				max-width: 460px;
			}
		
	.one-fourth,
	.three-fourth,
	.one-third,
	.two-third,
	.one-half {
		width: auto !important;
	}
	
	/* Portfolio and Gallery */	
	.folio_box.col_s {
		width: 224px;
		background: url(../images/folio_s_shadow.png) no-repeat center bottom;
	}
	
	.folio_box.col_m,
	.folio_box.col_l {
		width: 464px;
		background: url(../images/folio_m_shadow.png) no-repeat center bottom;
	}
	
	/* Article body */
	.article_box{
		width: 464px;
	}
	.article_box.col_s{
		width: 224px;
	}
	.article_box.col_m, .article_box.col_l{
		width: 464px;
	}
	
		.article_box .article_t{
			width: 464px;
			background-image: url(../images/article_m_t.png);
		}
		.col_s .article_t{
			width: 224px;
			background-image: url(../images/article_s_t.png);
		}
		.col_m .article_t, .col_l .article_t{
			width: 464px;
			background-image: url(../images/article_m_t.png);
		}
	
		.article_box .article{
			width: 420px;
			background-image: url(../images/article_m_bg.png);
		}
		.col_s .article{
			width: 180px;
			background-image: url(../images/article_s_bg.png);
		}
		.col_m .article, .col_l .article{
			width: 420px;
			background-image: url(../images/article_m_bg.png);
		}
	
		.article_box .article_s{
			width: 464px;
			background-image: url(../images/article_m_s.png);
		}
		.col_s .article_s{
			width: 224px;
			background-image: url(../images/article_s_s.png);
		}
		.col_m .article_s, .col_l .article_s{
			width: 464px;
			background-image: url(../images/article_m_s.png);
		}
	
		.article_b{
			width: 464px;
			background: url(../images/article_m_b.png) no-repeat 0 0;
		}
	
	/* Article footer */
	.article_footer_t{
		width: 464px;
		background-image: url(../images/article_footer_t_m.png);
	}
	.article_box .article_footer{
		width: 460px;
		padding: 5px 2px 27px 2px;
		background-image: url(../images/article_footer_bg_m.png);
	}
	
	.col_s .article_footer{
		padding: 0 22px 0 22px;
		width: 180px;
		background-image: url(../images/article_s_footer_bg.png);
	}
	.col_m .article_footer, .col_l .article_footer{
		padding: 0 22px 0 22px;
		width: 420px;
		background-image: url(../images/article_m_footer_bg.png);
	}
	
	.article_box .article_footer_b{
		width: 464px;
		background-image: url(../images/article_footer_b_m.png);
	}
	.col_s .article_footer_b{
		width: 224px;
		background-image: url(../images/article_s_footer_b.png);
	}
	.col_m .article_footer_b, .col_l .article_footer_b{
		width: 464px;
		background-image: url(../images/article_m_footer_b.png);
	}
	
	/* Comments */
	.comment_bg{
		padding: 0 20px 0 20px;
		margin-left: 0px;
		background: url(../images/comment_spread_5.png) no-repeat 0 17px;
	}
	.comment{
		overflow: hidden;
		margin-top: 5px;
		padding: 45px 0 0 0px;
	}
		.level_1 .comment{
			padding-left: 0px;
		}
		.comment .shadow_dark{
			margin: 5px 15px 0 -0px;
			float: left;
			width: 40px;
			height: 40px;
		}
			.level_1 .comment .shadow_dark{
				margin: 5px 15px 0 -0px;
				width: 60px;
				height: 60px;
			}
	
	.level_1{
		margin-left: 0px;
		background: url(../images/comment_spread_1.png) no-repeat 0 top;
	}
	.level_2{
		margin-left: 20px;
		background: url(../images/comment_spread_2.png) no-repeat 0 17px;
	}
	.level_3{
		margin-left: 40px;
		background: url(../images/comment_spread_3.png) no-repeat 0 17px;
	}
	.level_4{
		margin-left: 50px;
		background: url(../images/comment_spread_4.png) no-repeat 0 17px;
	}
	
	.comment .header{
		margin-bottom: 0px;
	}
}


@media screen and (max-width: 481px) {

	.multipics {
		left: -10px;
	}

}

@media screen and (max-width: 479px) {

	html,
	body {
		min-width: 320px;
		overflow-x: hidden;
	}
	
	#holder {
		width: 240px;
		margin: 0 auto;
	}
	
	.multipics {
		width: 240px;
		left: 0px;
	}
	
	#logo-mobile{
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
		text-align: center;
	}
	
	
		.article iframe,
		.article img,
		.article pre,
		.article code,
		.article blockquote {
			max-width: 100% !important;
			height: auto;
		}
		
		.article div.wp-caption,
		.article a img {
			max-width: 170px  !important;
			height: auto;
		}
		
		.article .folio_box {
			max-width: 180px !important;
			height: auto;
		}
		
			.article img.hd {
				max-width: 220px  !important;
				height: auto;
			}
		
			.article .video * {
				max-width: 220px;
				height: auto;
			}
			
			.article .media_audio * {
				max-width: 220px;
			}
	
	/* Portfolio and Gallery */	
	.folio_box{
		width: 224px;
		margin: 0 16px 8px 0;
		overflow: hidden;
		float: left;
	}
	.folio_box.col_s, .folio_box.col_m, .folio_box.col_l{
		width: 224px;
		background: url(../images/folio_s_shadow.png) no-repeat center bottom;
	}
	
	/* Article body */
	.article_box{
		width: 224px;
	}
	.article_box.col_s, .article_box.col_m, .article_box.col_l{
		width: 224px;
	}
	
		.article_box .article_t{
			width: 224px;
			background-image: url(../images/article_s_t.png);
		}
		.col_s .article_t, .col_m .article_t, .col_l .article_t{
			width: 224px;
			background-image: url(../images/article_s_t.png);
		}
	
		.article_box .article{
			width: 180px;
			background-image: url(../images/article_s_bg.png);
		}
		.col_s .article, .col_m .article, .col_l .article{
			width: 180px;
			background-image: url(../images/article_s_bg.png);
		}
	
		.article_box .article_s{
			width: 224px;
			background-image: url(../images/article_s_s.png);
		}
		.col_s .article_s, .col_m .article_s, .col_l .article_s{
			width: 224px;
			background-image: url(../images/article_s_s.png);
		}
	
		.article_b{
			width: 224px;
			background: url(../images/article_s_b.png) no-repeat 0 0;
		}
	
	/* Article footer */
	.article_footer_t{
		width: 224px;
		background-image: url(../images/article_footer_t_s.png);
	}
		.article_box .article_footer{
			width: 220px;
			padding: 5px 2px 27px 2px;
			background-image: url(../images/article_footer_bg_s.png);
		}
	
		.col_s .article_footer, .col_m .article_footer, .col_l .article_footer{
			padding: 0 22px 0 22px;
			width: 180px;
			background-image: url(../images/article_s_footer_bg.png);
		}
	
		.article_box .article_footer_b{
			width: 224px;
			background-image: url(../images/article_footer_b_s.png);
		}
		.col_s .article_footer_b, .col_m .article_footer_b, .col_l .article_footer_b{
			width: 224px;
			background-image: url(../images/article_s_footer_b.png);
		}
}