/**
 * Responsive.css 
 =====================*/

/** General Mobile-Ready Styles **/
#mobile-menu-wrapper {
	display: none;
	float: right;
	position: relative;
}
#mobile-menu-wrapper .hook { 
	border: 1px solid #232323;
	background: url('../images/menu-hook.png') no-repeat 5px 5px;
	height: 36px;
	width: 38px;
	display: block;
	text-indent: -9999px;
	margin-top: 5px;
	-webkit-box-shadow: inset 0 5px 10px rgba(255, 255, 255, 0.1), inset 0 0px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 5px 10px rgba(255, 255, 255, 0.1), inset 0 0px 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 5px 10px rgba(255, 255, 255, 0.1), inset 0 0px 1px rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	#mobile-menu-wrapper .hook.active { background-color: #343434; }
#mobile-menu {
	display:none;
	position: absolute;
	z-index: 9999;
	right: -21px;
	top: 66px;
}
	#mobile-nav {
		background:#333;
		width:100%;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	#mobile-nav a {-webkit-touch-callout:none;}
		#mobile-nav > ul li a {
			font-size:14px;
			font-weight:bold;
			color:#e7e7e7;
			border-bottom:1px solid #232323;
			display:block;
			line-height: 43px;
			padding-left: 20px;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
			text-decoration:none;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
		}
		
		#mobile-nav li:not(active) .sub-menu {display:none}
			
			/*2nd level*/
			#mobile-nav > ul li ul li {
			}
			#mobile-nav > ul li ul a {
				background:rgba(255, 255, 255, .04);
				padding-left:40px;
				-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08);
				-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08);
				box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08);
			}
			
		/*active-state*/
		#mobile-nav > ul > li.current_page_parent > a, 
		#mobile-nav > ul > li.current-menu-item > a, 
		#mobile-nav > ul > li.current_page_item > a, 
		#mobile-nav > ul > li.current-cat > a,
		#mobile-nav > ul > li.active > a{
			background:rgba(0, 0, 0, .1);
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		#mobile-menu,
		#mobile-nav > ul > li:last-child > a,
		#mobile-nav > ul > li:last-child li:last-child a { 
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px; 
		}
	#mobile-menu li { position: relative; }
	#mobile-menu span.arrow {
		border: 1px solid #252525;
		background-color: #343434;
		background-image: url(../images/arrows.png);
		background-repeat: no-repeat;
		background-position: -2px 3px;
		text-indent: -9999px;
		margin: 6px 10px 0 10px;
		height: 28px;
		width: 28px;
		position: absolute;
		right: 0;
		top: 0;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		cursor: pointer;
	}
	
	* :not(".googlemap") img { max-width: 100%; }

/** All Mobile & Tablet **/
@media only screen and (max-width: 959px) {

	.post-thumb img,
	div.jp-jplayer.jp-jplayer-video, 
	div.jp-jplayer.jp-player-video,
	div.jp-jplayer video { max-width: 100%; }
	
	.jp-jplayer img {
		max-width: 100% !important;
	}
	.meta .format-icon { display: none; }
	
	#wrap .items-2-col li .post-thumb,
	#wrap .items-3-col li .post-thumb,
	#wrap .items-4-col li .post-thumb { 
		margin: 0 0 15px;
		height: auto; 
	}
	
	#portfolio-images,
	#portfolio-content { 
		width: 100%;
		margin-left: 0;
	}
	
	#wrap .slide-html .column {
		float: left;
		margin-left: 0%;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}

}

/** Table Portrait **/
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container { width: 740px; }
	
	.blog #main, .single-post #main, .page-template-template-sidebar-php #main, .archive.category #main, .search #main, .single-kb #main { 
		background: url(../images/sidebar-gradient-right.png) repeat-y 500px 0;
	}
	.blog #content, .single-post #content, .page-template-template-sidebar-php #content, .archive.category #content, .search #content, .single-kb #content { 
		width: 500px;
	}
	
	.post-thumb img { max-width:100% }
	#sidebar { 
		width: 200px;
		padding: 35px 20px 30px;
	}
	.aq-block-featportfolio-wrapper .caroufredsel_wrapper { width: 690px !important; }
	#wrap .aq-block-featportfolio-wrapper .items-4-col { margin-left: -10px; }
	#wrap .aq-block-featportfolio-wrapper .items-4-col li {
		padding: 0 10px;
		width: 213px; 
	}
	#wrap .items-2-col,
	#wrap .items-3-col,
	#wrap .items-4-col { width: 710px; margin-left: -15px;}
		#wrap .items-2-col li,
		#wrap .items-3-col li,
		#wrap .items-4-col li {
			padding: 0 15px;
			width: 325px; 
		}
		
	#portfolio-images .post-thumb { width: 100%; }
	
	.full-width #portfolio-content { 
		width: 100%; 
		margin: 0;
	}
	
		.full-width #portfolio-content .metadata { 
			padding: 0;
			width: 170px;
		}
		.full-width #portfolio-content .the-content {
			padding: 0 0 0 10px;
			width: 500px;
		}
			
	#wrap .aq-block-aq_slider_block-overflow .post-slider { width: 740px; }
	.home-entry .jp-progress-container, 
	.the-entry .jp-progress-container, 
	.format-video .jp-progress-container { width: 270px; }
	.full-width .jp-progress-container { width: 510px; }
	
	.iphone #wrap .jp-progress-container {width: 380px;}
	.iphone #wrap .full-width .jp-progress-container {width: 620px;}
	
	.footer-widgets { margin-left: -20px; }
	.footer-widgets .widget {
		margin-left: 20px;
		width: 213px;
	}
	
}

/** Mobile Portrait **/
@media only screen and (max-width: 767px) {

	.container { width: 300px; }
	
	#header .inner { padding: 25px 20px; }
	#header-social .inner { padding: 7px 20px; }
	
	#primary-nav { display: none; }
	
	#sidebar {
		border: none;
		border-top: 1px solid #d5d5d5;
		padding: 30px 0 0;
		margin: 0 0 30px;
		width: 100%;
	}
		#sidebar .widget { padding: 0 20px; }
	
	#header-social .inner { 
		-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.05);
		-moz-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.05);
		box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.05);
	}
	
	#header-social #social-icons {
		float: none;
		text-align: center;
		width: 100%;
	}
		#header-social #social-icons li { float: none; }
		
	#header-social ul.social-contacts {
		float: none;
		text-align: center;
		width: 100%; 
		margin: 5px 0 0;
		height: auto;
	}
	#header-social ul.social-contacts li { 
		float: none;
		display: block;
		height: auto;
		line-height: auto;
		margin-left: 0;
	}
	
	#mobile-menu-wrapper { display:block }
	
	body.mobile-menu-active { 
		background: #FFF;
	}
		body.mobile-menu-active #wrap { opacity: 0.5; }
	
	#main { padding: 0 20px; }
	
	.blog #main, .single-post #main, .page-template-template-sidebar-php #main, .archive.category #main, .search #main, .single-kb #main { 
		background: none;
		padding:0;
		width: 100%;
	}
	
	.blog #content, 
	.single-post #content, 
	.page-template-template-sidebar-php #content, 
	.archive.category #content, 
	.search #content, 
	.single-kb #content,
	#content .post-thumb, #content .post-slider {
		margin-left: 0;
		width: 100%;
	}
		.home-entry .inner, .the-entry .inner, .single-post #comments, .page-template-template-sidebar-php #content .single-page, .page-template-template-sidebar-php #comments {
			padding-right: 20px;
			padding-left: 20px;
		}
	
	.home-entry .jp-progress-container, 
	.the-entry .jp-progress-container, 
	.format-video .jp-progress-container,
	#portfolio-images .jp-progress-container { width: 100px }
	
	.iphone #wrap .jp-progress-container {width: 200px;}
	
	.aq-template-wrapper .aq-block,
	.aq-template-wrapper .aq-block .aq-block { 
		margin-left: 0;
		width: 100%;
	}
	.column-grid .column { 
		margin: 0;
		width: 100%;
	}
	
	.aq-block-featportfolio-wrapper { height: 290px; }
	.aq-block-featportfolio-wrapper .caroufredsel_wrapper {
/*		height: 263px !important;*/
		width: 100% !important;
	}
	
	#wrap .items { max-width: 100%; margin-left: 0; }
	#wrap .items.aq-block-featportfolio { max-width: none; }
		#wrap .items .item { 
			width: 100%; 
			padding: 0;
			height: 233px;
		}
		#wrap .items.aq-block-featportfolio .item { width: 260px; }
			#wrap .items .item .post-thumb { height: auto; }
	
	.full-width #portfolio-content,
	.full-width #portfolio-content .the-content,
	.full-width #portfolio-content .metadata {
		width: 100%;
		margin-left: 0;
		padding: 0;
		float: none;
	}
		#portfolio-content .the-content {
			margin: 0 0 20px;
		}
	
	#wrap .aq-block-aq_slider_block-overflow { margin-left: -20px; }
	#wrap .aq-block-aq_slider_block-overflow .post-slider { width: 300px; }
	.aq-template-wrapper .aq-block-aq_slogan_block { 
		margin-left: -20px;
		padding: 20px;
	}
	
	#footer .inner { padding: 30px 20px; }
	.footer-widgets { margin-left: 0; }
	.footer-widgets .widget {
		margin-left: 0;
		margin-bottom: 30px;
		width: 100%;
	}
	
}

/** Mobile Landscape **/
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container { width: 440px; }
	
	#header-social ul.social-contacts {
		float: none;
		text-align: center;
		width: 100%; 
		margin: 5px 0 0;
		height: 28px;
	}
		#header-social ul.social-contacts li { 
			float: none;
			display: inline;
			height: auto;
			line-height: auto;
			margin-left: 20px;
		}
	
	.home-entry .jp-progress-container, 
	.the-entry .jp-progress-container, 
	.format-video .jp-progress-container,
	#portfolio-images .jp-progress-container { width: 230px }
	
	.iphone #wrap .jp-progress-container {width: 340px;}
	
	.aq-block-featportfolio-wrapper { height: 380px; }
	.aq-block-featportfolio-wrapper .caroufredsel_wrapper { height: 351px !important;}
	
	#wrap .items .item { height: 321px; }
	#wrap .items.aq-block-featportfolio .item { width: 400px; }
	
	#wrap .aq-block-aq_slider_block-overflow .post-slider { width: 440px; }

}