/*===================================================================*/
/* iPad / Widescreen portrait / Small tablet landscape
/*===================================================================*/

@media screen and (max-width: 1061px) {
	
	/*-----------------------------------------------------------------------------------
	Globals
	-----------------------------------------------------------------------------------*/
	
	#header,
	#footer {
		max-width: 680px;
	}
	
	#primary {
		max-width: 680px;
	}
	
	#header {
		max-width: 680px;
	}
	
	/*-----------------------------------------------------------------------------------
	Template Home
	-----------------------------------------------------------------------------------*/
	
	.tj-projects-title,
	.page-template-template-home-php .tj-portfolios,
	.page-template-template-home-php .crsl-nav {
		max-width: 680px;
	}
	
	.page-template-template-home-php .tj-portfolios article.portfolio {
		max-width: 319px;
	}
	
	.tj-home-testimonials {
		max-width: 680px;
	}
	
	/*-----------------------------------------------------------------------------------
	Portfolios
	-----------------------------------------------------------------------------------*/
	
	.tj-portfolios article.portfolio {
		width: 300px;
		max-width: 100%;
		margin: 0 20px 40px 20px;
	}
	
	.tj-portfolios .tj-video-portfolio {
		width: 300px;
		max-width: 100%;
		overflow: hidden;
		margin: 0 20px 40px 20px;
	}
		
	/*-----------------------------------------------------------------------------------
	Single Portfolio
	-----------------------------------------------------------------------------------*/
	
	.tj-more-portfolios-title {
		max-width: 680px;
	}
	
	.single-portfolio .tj-more-portfolios {
		max-width: 680px;
	}
	
	.single-portfolio-media {
		max-width: 680px;
	}
	
	/*-----------------------------------------------------------------------------------
	Page Template - Portfolio
	-----------------------------------------------------------------------------------*/
	
	.page-template-template-portfolio-php #content,
	.tax-portfolio-type #content {
		max-width: 680px;
	}
	
	.page-template-template-portfolio-php #primary,
	.tax-portfolio-type #primary {
		max-width: 100%;
	}
		
	/*-----------------------------------------------------------------------------------
	Widget Areas
	-----------------------------------------------------------------------------------*/
	
	.tj_flickr_widget {
		overflow: hidden;
	}
	
	.tj_flickr_widget .flickrwidget .flickr_badge_image {
		width: 45px;
		height: 45px;
	}
	
}

/*===================================================================*/
/* iPhones / Small tablet portrait
/*===================================================================*/

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

	/*-----------------------------------------------------------------------------------
	Globals
	-----------------------------------------------------------------------------------*/
	
	#header,
	#footer {
		max-width: 270px;
	}
	
	#header {
		max-width: 270px;
	}
	
	#primary {
		max-width: 270px;
	}
	
	.tj-pagination {
		padding: 20px 0;
		background-color: transparent!important;
	}
	
	/*-----------------------------------------------------------------------------------
	Menu
	-----------------------------------------------------------------------------------*/
	
	.menu-header-container {
		float: none;
	}
	
	a.tj-mobile-menu {
		display: block;
	}
	
	#header nav {
		display: none;
	}
	
	#tj-mobile-menu nav {
	
		margin: 25px auto 0 auto;
		padding-bottom: 0;
	}
	
	/*-----------------------------------------------------------------------------------
	Blog
	-----------------------------------------------------------------------------------*/
	
	#respond input[type="text"], 
	#respond input[type="email"], 
	#respond input[type="url"] {
		max-width: 100%;
	}
	
	.comment-author,
	.comment-metadata, 
	.comment-awaiting-moderation, 
	.comment-content, 
	.comment-list .reply {
		text-align: left;
		width: 100%;
		max-width: 100%;
		margin: 6px auto 0 auto;
		float: none;
	}
	
	.comment-body:first-of-type {
		padding-top: 25px;
	}
	
	.comment-body {
		padding: 30px 0;
	}
	
	.comment-author .fn, 
	.comment-author .url, 
	.comment-reply-link, 
	.comment-reply-login {
	}
	
	.comment-metadata {
	}
	
	.comment-author .avatar {
		margin: 0 auto;
		float: none;
		display: none;
	}
	
	.depth-2 {
		margin-left: 0;
	}
	
	.depth-3 {
		margin-left: 0;
	}
	
	.depth-4 {
		margin-left: 0;
	}
	
	.depth-5 {
		margin-left: 0;
	}
	
	.depth-3 .comment-metadata, 
	.depth-3 .comment-awaiting-moderation, 
	.depth-3 .comment-content, 
	.depth-3 .reply {
		width: 100%;
	}
	
	.depth-4 .comment-metadata, 
	.depth-4 .comment-awaiting-moderation, 
	.depth-4 .comment-content, 
	.depth-4 .reply {
		width: 100%;
	}
	
	
	.depth-5 .comment-metadata, 
	.depth-5 .comment-awaiting-moderation, 
	.depth-5 .comment-content, 
	.depth-5 .reply {
		width: 100%;
	}
	
	.comment-list .children {
		margin-left: 0;
	}
	
	/*-----------------------------------------------------------------------------------
	Template Home
	-----------------------------------------------------------------------------------*/
	
	.home-message{
		max-width: 90%;
		margin: 0 auto;
	}
	
	.tj-projects-title,
	.page-template-template-home-php .tj-portfolios,
	.page-template-template-home-php .crsl-nav {
		max-width: 270px;
	}
	
	.tj-home-testimonials {
		max-width: 270px;
	}
	
	/*-----------------------------------------------------------------------------------
	Portfolios
	-----------------------------------------------------------------------------------*/
	
	.tj-portfolios article.portfolio {
		width: 300px;
		max-width: 100%;
		margin: 0 auto 40px auto;
	}
	
	.tj-portfolios .tj-video-portfolio {
		width: 300px;
		max-width: 100%;
		overflow: hidden;
		margin: 0 auto 40px auto;
	}
	
	ul.portfolio-filter-categories li {
		margin-bottom: 24px;
	}
	
	.tj-portfolio-overlay .entry-title {
		font-size: 1rem;
	}
	
	.tj-portfolio-overlay .entry-title span {
		padding: 0.8rem 2.4rem;
	}
		
	/*-----------------------------------------------------------------------------------
	Single Portfolio
	-----------------------------------------------------------------------------------*/
	
	.tj-more-portfolios-title {
		max-width: 270px;
	}
	
	.single-portfolio .tj-more-portfolios {
		max-width: 270px;
	}
	
	.single-portfolio-media {
		padding: 5px;
		max-width: 270px;
	}
	
	.single-portfolio .meta {
		display: block;
		margin: 0 auto 6px auto;
	}
	
	.single-portfolio p.meta {
		margin-bottom: 24px;
	}
	
	/*-----------------------------------------------------------------------------------
	Page Template - Portfolio
	-----------------------------------------------------------------------------------*/
	
	.page-template-template-portfolio-php #content,
	.tax-portfolio-type #content {
		max-width: 270px;
	}
	
	.page-template-template-portfolio-php #primary,
	.tax-portfolio-type #primary {
		max-width: 100%;
	}
	
	/*-----------------------------------------------------------------------------------
	Template Contact
	-----------------------------------------------------------------------------------*/
	
	.contact input[type="text"], 
	.contact input[type="email"], 
	.contact input[type="url"] {
		max-width: 100%;
	}
		
	/*-----------------------------------------------------------------------------------
	Widget Areas
	-----------------------------------------------------------------------------------*/
	
	.tj_flickr_widget {
		overflow: hidden;
	}
	
	.tj_flickr_widget .flickrwidget .flickr_badge_image {
		width: 45px;
		height: 45px;
	}
	
	/*-----------------------------------------------------------------------------------
	Shortcodes
	-----------------------------------------------------------------------------------*/
	
	.tj-button span.tj-button-title {
		font-size: 1rem;
		padding: 1.2rem 3.6rem;
	}
		
}