/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		
	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 768px) {

	#main {
		margin-top:0;
		margin-bottom:0;
		border-radius:0;
		}
		
	
	
	/* Header */
	#widget-header {
		padding:20px 0 20px 0;
		text-align:right;
		float:none;
		clear:both;
		}
		.widget-header .tel {
			font-size:16px;
			padding:0 0 5px 0;
			background:none;
			}
	
	/* Slider */
	.flex-caption {
		display:none;
		}
	
	.projects li {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		border-left:none;
		padding-left:0;
		border-top:1px solid #e5e4e4;
		padding-bottom:24px;
		padding-top:24px;
		}
	.projects li:first-child {
		padding-top:0;
		border:none;
		}
	.projects li .featured-thumbnail {
		margin:0 20px 0 0;
		float:left;
		}
	
	#main_content_area .link_show_all {
		right:20px;
		}
	
	#widget-footer .social-networks {
		clear:both;
		float:left;
		padding-top:12px;
		}
		
	.frame {
		float:left;
		margin:0 20px 10px 0;
		}
	
	#searchform .searching {
		width:120px;
		margin-right:6px;
		}
	#searchform .submit {
		width:60px;
		}
	
	/* Definition */
	.def dt {
		float:none;
		}
	
	.testimonials div.testi_item .featured-thumbnail {
		width:35%;
		height:auto;
		}
		.testimonials div.testi_item blockquote {
			display:inline;
			}
	

}


/* iphone landscape */
@media screen and (max-width: 480px) {
	
	#main {
		
		}
	nav.primary {
		padding:15px 10px;
		min-height:1px;
		}
	
	.sf-menu {
		display:none;
		}
	
	
	#main {
		margin-top:0;
		margin-bottom:0;
		}
		
		
	/* Top Box */
	.top-box h2 {
		overflow:hidden;
		}
		
	/* Top Box */
	.icon-holder {
		float:left;
		margin:0 20px 12px 0;
		}
	
	.projects li .featured-thumbnail {
		float:left;
		margin:0 20px 10px 0;
		}
	.projects li .featured-thumbnail img {
		
		}
		
		
	.frame {
		float:left;
		margin:0 20px 10px 0;
		}
	
	/* Featured Thumb */
	.post-holder .featured-thumbnail {
		float:none;
		margin:0 0 20px 0;
		}
		.post-holder .featured-thumbnail img {
			float:none;
			}
	
	
	/* Our team */
	.recent-posts.team li {
		float:none;
		width:100%;
		margin:0 0 20px 0;
		}
		.recent-posts.team li .featured-thumbnail {
			float:left;
			margin:0 15px 0 0;
			}
			.recent-posts.team li .featured-thumbnail {
				max-width:33%;
				}
	/* Single Team */
	.team-post .extra-wrap {
		display:inline;
		}
		.team-post .featured-thumbnail {
			margin:0 20px 10px 0;
			}
	
	/* Testimonials */
	article.testimonial {
		padding-left:0;
		}
	article.testimonial .featured-thumbnail {
		position:relative;
		float:left;
		margin:0 20px 5px 0;
		}
		
	/* Gallery */
	#gallery .portfolio li {
		width:100% !important;
		margin-right:0 !important;
		float:none !important;
		}
		#gallery.one_column .portfolio li a.image-wrap {
			float:none;
			width:100%;
			margin:0 0 20px 0;
			}
		
		
		.error404-num {
			font-size:160px;
			}
	
	
}



/* iphone portrait */
@media screen and (max-width: 320px) {

	#main {
		margin-top:0;
		margin-bottom:0;
		}
	
	#top-header ul {
		clear:both;
		text-align:center;
		padding:15px 0 5px 0;
		}
	#top-search {
		float:none;
		}
	#top-search .input-search {
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		}
	
	
	.logo img {
		max-width:100%;
		}
	
	.projects li .post_content_holder {
		
		}
	
	.projects li .featured-thumbnail {
		float:none;
		margin:0 0 10px 0;
		}
		.projects li .featured-thumbnail img {
			width:100%;
			height:auto;
			margin:0;
			}


}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}