/* ==================================================
    RESPONSIVE
    ==================================================
   ================================================== */

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

@media only screen and (max-width: 1280px) { 
    
	/**
	 * Comment out these section to ENABLE the
	 * effect on small screen devices.
	**/
	
	
	/* Image Scaling on hover */
	
	.portfolio_item:hover img,
	#horizontal-scroll .portfolio_item:hover img,
	.post-feature-content:hover img,
	#horizontal-scroll .image-link:hover img	{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	
	
	/* Portfolio item title fade in on hover */
	
	/* .portfolio_item:hover .post-excerpt,
	.post-feature-content:hover .post-format-icon-holder {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		zoom: 1;
		filter: alpha(opacity=0);
		opacity: 0;
	} */
	
}

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

    h1 {
        font-size: 26px;
        line-height: 36px;
    }

    h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .logo {
        position: absolute;
        right: 80px;
    }

    #center-primary,
    #content > .primary,
    .single-portfolio_item.password-required #content .primary,
    .single-post #content .primary,
    #feature-content {
        margin-left: 80px;
        margin-right: 80px;
        width: auto;
    }

    #center-primary .primary {
        margin-right: 2%;
        width: 65%;
    }

    #secondary { width: 32% }

    #horizontal-scroll .landscape { width: 350px }

    #horizontal-scroll .post .post-excerpt { width: 270px }

    .post-excerpt blockquote { padding: 0 }

    .gallery {
        margin-left: -1%;
        width: 100%;
    }

    .gallery-columns-4 .gallery-item:first-child,
    .gallery-columns-6 .gallery-item:first-child,
    .gallery-columns-8 .gallery-item:first-child,
    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        height: auto;
        margin: 0 1% 2%;
        width: 48%;
    }
}

@media only screen and (max-width: 768px) { 
    
	.logo { right: 40px }

    #center-primary,
    #content > .primary,
    .single-portfolio_item.password-required #content .primary,
    .single-post #content .primary,
    #feature-content {
        margin-left: 40px;
        margin-right: 40px;
    }
	
}

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

    .logo { display: none }

    .mobile-logo { display: block }
	
	#navigation { overflow-y: scroll; }
	
    #panel {
        border: none;
        float: none;
        position: relative;
        width: 100%;
		z-index: 700;
    }

    .admin-bar #panel { top: 0 }

    .has-content #panel { left: 0 !important; }

    #button-holder {
        float: none;
        overflow: hidden;
        width: auto;
    }

    #button-holder > span { border-bottom: none }

    span#nav-toggle-open {
        background: #171717;
        border-bottom: 1px solid #222;
        float: left;
        padding: 0;
    }

    span#portfolio-item-info-toggle { display: none }

    #button-holder span.prev-post-link,
    #button-holder span.next-post-link {
        background: #171717;
        width: 50%;
        float: right;
        clear: right;
    }

    #button-holder span.next-post-link {
        clear: left;
        float: left;
    }

    #nav-toggle-open +.prev-post-link { margin-top: 100px }

    #fullscreen-image-holder { display: none }

	#wrapper { height: auto; }
	
	.page-template-page-fullscreen-image-php #wrapper { 
		height: 100%;
		margin-top: -100px;
	}
	
    #content {
        height: auto;
        padding: 0;
        width: 100%;
    }

    #fullscreen-image-content {
        left: 5%;
        right: 5%;
    }

    .page-template-page-fullscreen-image-php h1 {
        font-size: 26px;
        line-height: 36px;
    }

    #fullscreen-image-holder + #content #center-primary,
    #fullscreen-image-holder + #content > .primary { padding: 0 }

    #center-primary,
    #content > .primary,
    .single-portfolio_item.password-required #content .primary,
    .single-post #content .primary { margin: 40px 40px 80px }

    #feature-content { margin: 40px }

    #center-primary .primary,
    #secondary,
    .fourth,
    .third,
    .half,
    .two-thirds {
        float: none;
        margin: 0;
        width: auto;
    }

    #portfolio-content {
        border: none;
        float: none;
    }

    #panel .primary {
        float: none;
        margin: 40px;
        width: auto;
    }

    #secondary {
        border-top: 1px solid #222;
        margin-top: 40px;
        padding-top: 40px;
    }

    .blog-index #content,
    .page-template-page-gallery-php #content,
    .single-portfolio_item.single-format-audio #content,
    .single-portfolio_item.single-format-gallery #content,
    .single-portfolio_item.single-format-image #content,
    .single-portfolio_item.single-format-video #content { position: relative }

    .single-portfolio_item.single-format-audio,
    .single-portfolio_item.single-format-gallery,
    .page-template-page-gallery-php,
    .single-portfolio_item.single-format-image,
    .single-portfolio_item.single-format-video { overflow: visible }

    .single-portfolio_item.single-format-image #portfolio-content-holder {
        max-width: none;
        padding: 0;
    }

    #portfolio-content-holder {
        max-width: none;
        padding: 0;
    }

    #portfolio-content-holder img {
        height: auto !important;
		max-height: none;
		max-width: 100%;
		width: 100% !important;
    }

    #horizontal-scroll {
        height: auto;
        width: auto;
    }

    .blog-index #horizontal-scroll { margin: 0 40px 80px }

	.scroll-indicator { display: none; }
	
    #horizontal-scroll .nav-next,
    #horizontal-scroll .nav-prev {
        float: none;
        height: auto;
        margin-top: 40px;
        width: 100%;
    }

    #horizontal-scroll .nav-next a,
    #horizontal-scroll .nav-prev a { height: auto }

    #horizontal-scroll .nav-prev {
        border-top: 1px solid #262626;
        margin-top: 40px;
        padding-top: 40px;
    }

    .nav-next,
    .nav-previous { margin: 0 }

    .paging-navigation { padding: 40px 0 0 }

    #horizontal-scroll .post,
    #horizontal-scroll .post:nth-child(2n) {
        background: transparent;
        border-top: 1px dotted #262626;
        margin-top: 40px;
        padding-top: 40px;
    }

    #horizontal-scroll .post:first-child {
        border: none;
        margin-top: 0;
    }

    .sticky,
    #horizontal-scroll .post.sticky,
    #horizontal-scroll .post.sticky:first-child { border-top: 4px solid #F26531 }

    #horizontal-scroll .post,
    #horizontal-scroll .portfolio_item,
    #horizontal-scroll .gallery-image {
        float: none;
        height: auto;
        width: auto;
    }

    #horizontal-scroll .portfolio_item img,
    #horizontal-scroll .gallery-image img {
        height: auto;
        max-height: none;
        width: 100%;
    }

    #horizontal-scroll .portfolio_item img.desktop-image { display: none }

    #horizontal-scroll .portfolio_item img.mobile-image { display: block }

    #horizontal-scroll .landscape,
    #horizontal-scroll .portrait,
    #horizontal-scroll .post .post-excerpt,
    #horizontal-scroll .post-feature-content.portrait + .post-excerpt {
        float: none;
        height: auto;
        width: auto;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        width: auto;
    }

    #horizontal-scroll .post .post-excerpt,
    #horizontal-scroll .post-feature-content.portrait + .post-excerpt { margin: 20px 0 0 }

    #horizontal-scroll .post-excerpt:first-child { margin-top: 0 }

    #horizontal-scroll .post-excerpt footer { margin-bottom: 0 }

    .post-feature-content.portrait img {
        height: auto;
        max-height: none;
        width: 100%;
    }

    .post-meta > div {
        float: none;
        margin: 0;
        width: auto;
    }

    .post-navigation .nav-links { padding-top: 40px }

    .related-posts { margin-top: 80px }

    .related-posts .postlist .third { margin: 0 }

    .comment-meta { margin-bottom: 20px }

    #comments-title { width: auto }

    .comment-navigation {
        float: none;
        width: 100%;
    }

    .comment-navigation .nav-links > div + div:after { display: none }

    .comment-navigation .nav-links > div {
        margin-left: 0;
        width: 50%;
    }

    .comment-navigation .nav-next { float: left }

    img.alignleft,
    img.alignright,
    img.aligncenter,
    img.alignnone {
        display: block;
        float: none;
        margin: 40px auto;
    }

    .wp-caption.alignleft,
    .wp-caption.alignright,
    .wp-caption.aligncenter,
    .wp-caption.none {
        margin: 40px 0;
        width: 100% !important;
    }

    .wp-caption.alignleft,
    .wp-caption.alignright,
    .wp-caption.aligncenter,
    .wp-caption.none { text-align: center }

    .wp-caption-text { margin-bottom: 0 }

    blockquote.alignleft,
    blockquote.alignright {
        float: none;
        margin: 40px 0;
        width: auto;
    }

    blockquote {
        font-size: 14px;
        line-height: 21px;
        padding: 0;
    }
	
	.back-to-top { display: block; }
	
}