/*-----------------------------------------------------------------------------------
iPhone
-----------------------------------------------------------------------------------*/

@media only screen and (max-width:750px) {
	
	/* Globals */
	
	body {
		font: 400 14px/30px "Source Sans Pro", Helvetica, Arial, sans-serif;
	}
	
	#header {
		width: 95%;
	}
	
	#primary {
		width: 95%;
	}
	
	#sidebar {
		width: 95%;
		margin: 0 auto;
		float: none;
		clear: both;
	}
	
	#footer {
		max-width: 95%;
		margin: 0 auto;
	}
	
	#searchform input[type="text"] {
		width: auto;
	}
	
	/* Menu */
	
	a.tj-mobile-menu {
		display: inline-block;
	}
	
	#header nav {
		display: none;
	}
	
	#tj-mobile-menu nav {
		max-width: 90%;
		overflow: auto;
	}
	
	/* Header */
	
	#header {
		width: 95%;
	}
	
	.logo {
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	
	/* Page Template - Home */
	
	.page-template-template-home-php #primary {
		width: 95%;
	}
	
	.page-template-template-home-php .home-projects-wrapper article.portfolio {
		height: auto;
	}
	
	.portfolio-caption p {
		display: none;
	}

	.home-posts article.post {
		width: 100%;
		margin: 0 auto;
	}
	
	.home-posts .post-meta {
		margin-bottom: 40px;
	}
	
	.home-posts {
		padding: 48px 0 16px 0;
	}
	
	.tj-homepage-cta {
		padding: 45px 0 50px 0;
	}
	
	.home-testimonial {
		padding: 53px 0 27px 0;
	}
	
	/* Page Template - Blog */
	
	.blog.sidebar-disabled #primary, 
	.single.sidebar-disabled #primary, 
	.search.sidebar-disabled #primary, 
	.archive.sidebar-disabled #primary,
	.pagination-links {
		max-width: 95%;
	}
	
	.blog.sidebar-disabled article.post.tj-featured-image-set .entry-content,
	.single.sidebar-disabled article.post.tj-featured-image-set .entry-content,
	.search.sidebar-disabled article.post.tj-featured-image-set .entry-content,
	.archive.sidebar-disabled article.post.tj-featured-image-set .entry-content {
		padding: 0 0;
	}
	
	/* Blog Posts Comments */
	
	img.avatar {
		display: none;
	}
	
	.commentlist .depth-1,
	.commentlist .depth-2,
	.commentlist .depth-3,
	.commentlist .depth-4,
	.commentlist .depth-5,
	.commentlist .depth-6 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Generic Page Templates */
	
	.page-template-template-full-width-php #content,
	.page-template-default #content,
	.page-template-template-contact-php #content {
		width: 95%;
	}
	
	.page-template-default #primary,
	.page-template-template-full-width-php #content #primary {
		width: 100%;
	}
	
	.page-template-template-portfolio-filtered-php #primary,
	.page-template-template-portfolio-paginated-php #primary {
		width: 95%;
		overflow: hidden;
	}
	
	.single-portfolio #primary {
		overflow: hidden;
	}
	
	.tj-portfolio article {
		width: 46%;
		height: auto;
		margin: 0 3% 20px 0;
	}
	
	/* Slideshow Pagination */
	
	.tj-direction-nav {
		display: none;
	}
	
	/* Widgets */
	.footer-widget,
	.widget {
		width: 100%;
		margin: 0 auto 30px auto;
	}

}

/*-----------------------------------------------------------------------------------
iPad
-----------------------------------------------------------------------------------*/

@media screen and (min-width:751px) and (max-width:970px) {
	
	/* Globals */
	
	#header {
		max-width: 95%;
	}
	
	#primary {
		max-width: 95%;
	}
	
	#footer {
		max-width: 95%;
		margin: 0 auto;
	}
	
	#searchform input[type="text"] {
		width: auto;
	}
	
	/* Page Template - Home */
	
	.page-template-template-home-php .home-projects-wrapper article.portfolio {
		height: auto;
	}
	
	/* Page Template - Blog */
	
	.blog.sidebar-disabled #primary, 
	.single.sidebar-disabled #primary, 
	.search.sidebar-disabled #primary, 
	.archive.sidebar-disabled #primary,
	.pagination-links {
		max-width: 95%;
	}
	
	/* Generic Page Templates */
	
	.page-template-template-full-width-php #content,
	.page-template-default #content,
	.page-template-template-contact-php #content {
		width: 95%;
	}
	
	.page-template-template-full-width-php #content #primary {
		max-width: 100%;
	}
	
	/* Slideshow Nav */
	
	.tj-direction-nav {
		top: 40%;
	}
	
	.tj-direction-nav .ico {
		font-size: 1.25em;
	}
	
	.tj-direction-nav li a.tj-next {
		right: 20px;
	}
	
	.tj-direction-nav li a.tj-prev {
		left: 20px;
	}
	
	/* Generic TJ Portfolio */
	
	.tj-portfolio {
		max-width: 95%;
		margin-right: auto;
		margin-left: auto;
		padding-left: 2.5%;
	}
	
	.tj-portfolio article {
		width: 31%;
		height: auto;
		margin: 0 2.12766% 2.12766% 0;
	}	
}

/*-----------------------------------------------------------------------------------

-----------------------------------------------------------------------------------*/