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

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

	/*-----------------------------------------------------------------------------------
	Globals
	-----------------------------------------------------------------------------------*/
	
	#primary {
		width: 100%;
		float: none;
	}
	
	#sidebar {
		width: 100%;
		margin: 24px auto 0 auto;
		margin: 2.4rem auto 0 auto;
		float: none;
	}
	
	#sidebar .widget {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.alignleft { 
		max-width: 100%;
		margin: 0 auto 0 auto;
		margin: 0 auto 0 auto;
		float: none;
	}
	
	.alignright { 
		max-width: 100%;
		margin: 0 auto 0 auto;
		margin: 0 auto 0 auto;
		float: none;
	}
	
	.aligncenter {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}
	
	#searchform input[type="text"] {
		max-width: 91%;
	}
	
	.post-password-form {
		padding: 12px;
		padding: 1.2rem;
	}
	
	.single .pt-direction-nav li a.pt-prev {
		left: 10px;
	}
	
	.single .pt-direction-nav li a.pt-next {
		right: 10px;
	}
	
	/*-----------------------------------------------------------------------------------
	Header
	-----------------------------------------------------------------------------------*/
	
	#header {
		max-width: 95%;
	}
	
	/*-----------------------------------------------------------------------------------
	Footer
	-----------------------------------------------------------------------------------*/
	
	.footer-widget-col1, 
	.footer-widget-col2, 
	.footer-widget-col3 {
		width: 95%;
		margin: 0 auto;
		float: none;
	}
	
	.footer-right,
	.footer-left {
		width: 95%;
		margin: 0 auto 24px auto;
		margin: 0 auto 2.4rem auto;
		float: none;
		text-align: left;
	}
	
	.footer-right {
		margin-bottom: 0;
	}

	/*-----------------------------------------------------------------------------------
	Menu
	-----------------------------------------------------------------------------------*/
	
	.menu-header-container {
		float: none;
	}
	
	a.pt-mobile-menu {
		display: block;
	}
	
	#header nav {
		display: none;
	}
	
	#pt-mobile-menu nav {
		max-width: 95%;
	}
	
	/*-----------------------------------------------------------------------------------
	Blog
	-----------------------------------------------------------------------------------*/
	
	article.post {
		width: 95%;
	}
	
	.pt-pagination-links {
		display: block;
	}
	
	#respond {
		max-width: 95%;
	}
	
	#respond input[type="text"], 
	#respond input[type="email"], 
	#respond input[type="url"] {
		max-width: 95%;
	}
	
	#respond textarea {
		max-width: 95%;
	}
	
	#comments {
		display: block;
		max-width: 95%;
		margin: 0 auto 48px auto;
		margin: 0 auto 4.8rem auto;
	}
	
	.comment-author,
	.comment-metadata, 
	.comment-awaiting-moderation, 
	.comment-content, 
	.comment-list .reply {
		text-align: left;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		float: none;
	}
	
	.comment-author .fn, 
	.comment-author .url, 
	.comment-reply-link, 
	.comment-reply-login {
		font-size: 1.6rem;
		line-height: 1.75;
	}
	
	.comment-metadata {
		margin-bottom: 12px;
		margin-bottom: 1.2rem;
	}
	
	.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;
	}
	
	/*-----------------------------------------------------------------------------------
	Pages
	-----------------------------------------------------------------------------------*/
	
	.page-title-wrapper {
		padding-right: 4%;
		padding-left: 4%;
	}
	
	.page-template-default #content,
	.page-template-template-page-fullwidth-php #content,
	.page-template-template-page-blank-canvas-php #content,
	.page-template-template-contact-php #content {
		max-width: 95%;
		margin: 0 auto;
	}
	
	#contact input[type="text"], 
	#contact input[type="email"], 
	#contact input[type="url"] {
		max-width: 91%;
	}
	
	#contact textarea {
		max-width: 91%;
	}
	
	/*-----------------------------------------------------------------------------------
	Template Home
	-----------------------------------------------------------------------------------*/
	
	/* Slider Widget */
	
	.pt-widget-slider .entry-content {
		width: 95%;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.pt-widget-slider .entry-content h1 {
		font-size: 26px;
		font-size: 2.6rem;
		letter-spacing: 10px;
		line-height: 48px;
		margin: 0 0 24px 0;
		margin: 0 0 2.4rem 0;
	}
	
	.pt-widget-slider .entry-content h2, 
	.pt-widget-slider .entry-content h3, 
	.pt-widget-slider .entry-content h4 {
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: 5px;
		margin: 0 0 24px 0;
		margin: 0 0 2.4rem 0;
	}
	
	.pt-widget-slider .pt-direction-nav {
		display: none;
		visibility: hidden;
	}
	
	/* Portfolio Widget */
	
	.pt-widget-portfolio-wrapper {
		padding: 48px 0 48px 0;
		padding: 4.8rem 0 4.8rem 0;
	}
	
	.page-template-template-home-php.photolioa-framework .pt-widget-portfolio-inner.portfolio-thumb-cropped-portrait {
		max-width: 300px;
		margin: 0 auto;
	}
	
	.page-template-template-home-php.photolioa-framework .portfolio-thumb-cropped-portrait .isotope {
		margin: 0 auto;
	}
	
	.page-template-template-home-php.photolioa-framework .pt-portfolios .portfolio-thumb-cropped-portrait .isotope article.portfolio {
		float: none;
		display: inline-block;
		width: 100%;
		max-width: 300px;
		margin: 0 auto 4.8rem auto;
	}
	
	.page-template-template-home-php.photolioa-framework .pt-portfolios .portfolio-thumb-cropped-portrait .isotope article.portfolio:nth-of-type(3n+3) {
		margin-right: 0;
	}
	
	a.pt-widget-portfolio-link-btn {
		margin: 0 auto 48px auto;
		margin: 0 auto 4.8rem auto;
	}
	
	/* Services Widget */
	
	.pt-services .entry-content {
		max-width: 95%;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.pt-services .entry-content h2, 
	.pt-services .entry-content h3, 
	.pt-services .entry-content h4 {
		font-size: 26px;
		font-size: 2.6rem;
		letter-spacing: 10px;
		line-height: 48px;
		margin: 0 0 24px 0;
		margin: 0 0 2.4rem 0;
	}
	
	/* Testimonials Widget */
	
	.pt-testimonials .entry-content {
		width: 95%;
		left: 2.5%;
		bottom: 35%;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	/*-----------------------------------------------------------------------------------
	Portfolio
	-----------------------------------------------------------------------------------*/
	
	.page-template-template-portfolio-portrait-php article.page,
	.page-template-template-portfolio-php article.page,
	.portfolio-taxonomy {
		max-width: 95%;
		margin: 0 auto;
		padding: 24px 0;
		padding: 2.4rem 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.page-template-template-portfolio-php article.page .entry-title,
	.page-template-template-portfolio-portrait-php article.page .entry-title,
	.pt-portfolio-intro h1,
	.portfolio-taxonomy h1 {
		font-size: 26px;
		font-size: 2.6rem;
		letter-spacing: 10px;
		line-height: 48px;
		margin: 24px 0 0 0;
		margin: 2.4rem 0 0 0;
	}
	
	.pt-portfolio-intro .pt-portfolio-caption,
	.portfolio-taxonomy p {
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.pt-cpt-portfolio {
		max-width: 95%;
		margin: 0 auto;
	}
	
	.pt-single-gallery-meta p {
		display: block;
		clear: both;
	}
	
	.pt-single-gallery-meta p:after {
		content: " ";
	}
	
	.pt-pagination-gallery {
		max-width: 100%;
	}
	
	/*-----------------------------------------------------------------------------------
	Portfolio Portrait
	-----------------------------------------------------------------------------------*/
	
	.page-template-template-portfolio-portrait-php.photolioa-framework .pt-portfolio-inner {
		max-width: 300px;
		margin: 0 auto;
	}
	
	.page-template-template-portfolio-portrait-php.photolioa-framework .isotope {
		margin: 0 auto;
	}
	
	.page-template-template-portfolio-portrait-php.photolioa-framework .pt-portfolios article.portfolio {
		width: 100%;
		margin: 0 auto 20px auto;
	}
	
	.page-template-template-portfolio-portrait-php.photolioa-framework .pt-portfolios article.portfolio:nth-of-type(3n+3) {
		margin-right: 0;
	}
	
	/*-----------------------------------------------------------------------------------
	Generic Portfolio Setup
	-----------------------------------------------------------------------------------*/
	
	.pt-portfolios article.portfolio {
		width: 100%;
		margin: 0 auto 24px 0;
		margin: 0 auto 2.4rem 0;
		float: none;
		clear: both;
		overflow: hidden;
	}
}

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

@media screen and (min-width: 751px) and (max-width: 970px) {

	/*-----------------------------------------------------------------------------------
	Globals
	-----------------------------------------------------------------------------------*/

	.photolioa .logo {
		text-align: center;
		float: none;
	}
	
	.photolioa #pt-menu-wrapper {
		float: none;
		margin: 24px auto 0 auto;
	}
	
	.photolioa .header-navigation ul {
		text-align: center;
	}
	
	.photolioa .header-navigation ul li {
		float: none;
		display: inline-block;
	}
	
	#searchform input[type="text"] {
		max-width: 70%;
	}

	/*-----------------------------------------------------------------------------------
	Header
	-----------------------------------------------------------------------------------*/
	
	#header {
		max-width: 95%;
	}
	
	/*-----------------------------------------------------------------------------------
	Footer
	-----------------------------------------------------------------------------------*/
	
	.footer-widgets,
	.footer-container-wrapper {
		max-width: 95%;
	}
	
	/*-----------------------------------------------------------------------------------
	Blog
	-----------------------------------------------------------------------------------*/
	
	article.post {
		width: 95%;
	}
	
	.pt-pagination-links {
		display: block;
	}
	
	#respond {
		max-width: 95%;
	}
	
	#respond input[type="text"], 
	#respond input[type="email"], 
	#respond input[type="url"] {
		max-width: 95%;
	}
	
	#respond textarea {
		max-width: 95%;
	}
	
	#comments {
		display: block;
		max-width: 95%;
		margin: 0 auto 48px auto;
		margin: 0 auto 4.8rem auto;
	}
	
	.comment-author,
	.comment-metadata, 
	.comment-awaiting-moderation, 
	.comment-content, 
	.comment-list .reply {
		text-align: left;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		float: none;
	}
	
	.comment-author .fn, 
	.comment-author .url, 
	.comment-reply-link, 
	.comment-reply-login {
		font-size: 1.6rem;
		line-height: 1.75;
	}
	
	.comment-metadata {
		margin-bottom: 12px;
		margin-bottom: 1.2rem;
	}
	
	.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;
	}
	
	/*-----------------------------------------------------------------------------------
	Pages
	-----------------------------------------------------------------------------------*/
	
	.page-title-wrapper {
		padding-right: 4%;
		padding-left: 4%;
	}
	
	.page-template-default #content,
	.page-template-template-page-fullwidth-php #content,
	.page-template-template-page-blank-canvas-php #content,
	.page-template-template-contact-php #content {
		max-width: 95%;
		margin: 0 auto;
	}
	
	#contact input[type="text"], 
	#contact input[type="email"], 
	#contact input[type="url"] {
		max-width: 91%;
	}
	
	#contact textarea {
		max-width: 91%;
	}

	/*-----------------------------------------------------------------------------------
	Template Home
	-----------------------------------------------------------------------------------*/
	
	/* Slider Widget */
	
	.pt-widget-slider .entry-content {
		width: 95%;
	}
	
	/* Portfolio Widget */
	
	.pt-portfolios {
		max-width: 95%;
	}
	
	.page-template-template-home-php.photolioa-framework .pt-widget-portfolio-inner.portfolio-thumb-cropped-portrait {
		max-width: 780px;
		margin: 0 auto;
	}
	
	.page-template-template-home-php.photolioa-framework .portfolio-thumb-cropped-portrait .isotope {
		margin-right: -20px;
	}
	
	.page-template-template-home-php.photolioa-framework .pt-portfolios .portfolio-thumb-cropped-portrait .isotope article.portfolio {
		float: none;
		display: inline-block;
		width: 30.4%;
		max-width: 300px;
		margin: 0 20px 4.8rem 0;
	}
	
	.page-template-template-home-php.photolioa-framework .pt-portfolios .portfolio-thumb-cropped-portrait .isotope article.portfolio:nth-of-type(3n+3) {
		margin-right: 0;
	}
	
	/* Services Widget */
	
	.pt-services .entry-content {
		max-width: 95%;
	}

	/* Testimonials Widget */
	
	.pt-testimonials .entry-content {
		width: 95%;
		left: 2.5%;
	}
	
	/*-----------------------------------------------------------------------------------
	Portfolio
	-----------------------------------------------------------------------------------*/
	
	.pt-cpt-portfolio {
		max-width: 95%;
		margin: 0 auto;
	}
	
	.pt-pagination-gallery {
		max-width: 100%;
	}
	
	/*-----------------------------------------------------------------------------------
	Page Template - Portfolio Portrait
	-----------------------------------------------------------------------------------*/
	
	.page-template-template-portfolio-portrait-php.photolioa-framework .pt-portfolio-inner {
		max-width: 780px;
		margin: 0 auto;
	}
	
	.page-template-template-portfolio-portrait-php.photolioa-framework .isotope {
		margin-right: -20px;
	}
	
	.page-template-template-portfolio-portrait-php.photolioa-framework .pt-portfolios article.portfolio {
		max-width: 30.4%;
		margin: 0 20px 20px 0;
	}
	
	.page-template-template-portfolio-portrait-php.photolioa-framework .pt-portfolios article.portfolio:nth-of-type(3n+3) {
		margin-right: 0;
	}
	
}