/* ------------------------------------------------------------------------
--------------------------------- Size 3 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (max-width: 1200px) {
	
	.subsection-about-mark article section .image {
		width: 50%;
	}
	.subsection-about-mark article section .content {
		width: 50%;
	}

}


@media screen and (max-width: 920px) {
		
	h1 {
		font-size: 35px;
		line-height: 40px;
		letter-spacing: 2px;
	}
	h2 {
		font-size: 35px;
		line-height: 40px;
		letter-spacing: 2px;
	}
	blockquote {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 35px;
		line-height: 45px;
	}

	#header #navigation_icon {
		left: 25px;
	}
	#header .social_icons {
		right: 25px;
	}
	#main_content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.featured_item .item {
		margin: 0 0 40px;
	}
		.featured_item .item .intro {
			width: 100%;
			margin: 0 0 20px;
		}
		.featured_item .item .link {
			float: left;
		}

	.image_grid .item {
		width: 50%;
		padding: 0 20px 40px 0;
	}
		.image_grid .item .image {
			margin: 0 0 20px;
		}
		.image_grid .item .content h3 {
			margin: 0 0 10px;
		}
	
	.subsection-about-mark-generic {
		padding: 0 0 40px;
	}
		.subsection-about-mark-generic .image {
			padding: 0 40px 0 0;
		}
		.subsection-about-mark-generic .content {
			
		}
			.subsection-about-mark-generic .content .subtitle {
			    font-size: 17px;
			    line-height: 20px;
			    margin: 0 0 5px;
			}
			.subsection-about-mark-generic .content h2 {
				margin: 0 0 20px;
			}
			.subsection-about-mark-generic .content .intro {
				font-size: 18px;
				line-height: 30px;
			}

	.subsection-individual-post article {
		margin: 0 0 40px;	
	}
	.subsection-individual-post header, 
	.subsection-post-list header,
	.subsection-individual-post aside {
		margin: 0 0 40px;
	}
	.subsection-individual-post aside .intro {
		width: 100%;
		margin: 0 0 20px;
	}
	.subsection-individual-post aside .meta_map {
		width: 100%;
		padding: 0;
		margin: 0 0 40px;
		max-width: none;
	}
	.subsection-individual-post aside .meta_details {
		width: 100%;
		padding: 0;
		margin: 0 0 40px;
		max-width: none;
	}
		.subsection-individual-post aside .meta_details .date,
		.subsection-individual-post aside .meta_details .tags {
			display: inline-block;
			width: auto;
			margin: 0 15px 20px 0;
		}
	
	
    .subsection-individual-post aside .meta_details_top {
        margin-bottom: 0;
    }
    .subsection-individual-post aside .buy_scroll_button {
        float: left;
    }
    .subsection-individual-post aside .meta_details_top .featured_image_caption {
        margin: 0;
    }
    .subsection-individual-post aside .meta_details_top .date,
    .subsection-individual-post aside .meta_details_top .tags,
    .subsection-individual-post aside .meta_details_top .share_links {
        display: none;
    }
    .subsection-individual-post aside .meta_details_bottom {
        display: block;
        margin-bottom: 0;
    }

	.photo_grid .item {
		padding-bottom: 30px;
	}
	.subsection-individual-post article section {
		margin-bottom: 40px;
	}
	
	.subsection-individual-post article section.comments_section {
	    padding-top: 0;
	}
	
	.subsection-individual-post article section.comments_section {
	    margin-bottom: 40px;
	}


	.subsection-about-mark article section {
		min-height: 0 !important;
	}
		.subsection-about-mark article section .image {
			width: auto;
			margin: 0 -20px 40px;
		}
			.subsection-about-mark article section .image img {
				max-width: 100%;
			}
		.subsection-about-mark article section .content {
			width: 100%;
			display: block;
			min-height: 0 !important;
			padding: 0;
			margin: 0 0 40px;
		}
			.subsection-about-mark article section .content .content_inner {
				padding: 0;
			}
	
	.subsection-about-mark .subsection-about-mark-clients,
	.subsection-about-mark .subsection-about-mark-guidebooks,
	.subsection-about-mark .subsection-about-mark-articles,
	.subsection-about-mark .subsection-about-mark-interviews {
		margin: 0 0 40px;
	}


	#splash_screen .heading {
		font-size: 45px;
		line-height: 80px;
		letter-spacing: 8px;
		margin-top: -140px;
	}

	.pagination {
		margin: 0 0 40px;
	}

}

@media screen and (max-width: 767px) {
    .responsive-hidden {
        display: none;
    }
    p {
        margin-bottom: 25px;
    }
    .intro-large {
        font-size: 27px;
        line-height: 34px;
    }
	.subsection-individual-post article section.image_aside .main {
		width: 100%;
		margin: 0 0 40px;
	}
	.subsection-individual-post article section.image_aside .aside {
		width: 100%;
		padding: 0;
		margin: 0 0 40px;
		max-width: none;
	}
	.book_cover {
	    margin: 0 0 20px;
	}
	
	.subsection-individual-post section.featured_content_block .heading {
	    margin-bottom: 30px;
	}
	
	.subsection-individual-post section.featured_content_block .background:after {
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
	.subsection-individual-post section.featured_content_block .inner {
	    padding: 80px 20px;
	}
	.subsection-individual-post section.featured_content_block .logo_grid {
	    display: block;
	}
        .subsection-individual-post section.featured_content_block .logo_grid .item {
            width: 100%;
            margin: 0 0 40px;
        }
        .subsection-individual-post section.featured_content_block .logo_grid .item:last-child {
            margin-bottom: 0;
        }
        .subsection-individual-post section.featured_content_block .logo_grid .item .logo {
            margin: 0 auto 25px;
            max-width: 200px;
            padding: 0 !important;
        }
        
    .subsection-individual-post header .image {
        padding-top: 40px;
    }
}

@media screen and (max-height: 670px) {

	#footer {
		display: none;
	}
	#inner_content_footer {
		display: block;
		margin: 0 -62px;
	}
		#inner_content_footer .footer .border {
			display: none;
		}
		#inner_content_footer .footer {
			padding: 0 62px 40px;
		}
		#inner_content_footer .footer .footer_content {
			padding: 40px 0;
			max-width: none;
			-webkit-align-items: flex-start;
			align-items: flex-start;
		}
			.footer_info .item {
				margin: 0 0 40px;
			}
		#inner_content_footer .footer .footer_toolbar {
			position: static;
			margin: 0 0 10px;
		}
	#main_content {
		margin-bottom: 0 !important;
	}

	@media screen and (max-width: 920px) {
			
		#inner_content_footer {
			margin: 0 -20px;
		}
			#inner_content_footer .footer {
				padding-left: 20px;
				padding-right: 20px;
			}
	}

}



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

    #simple_nav {
        display: none !important;
    }
    
	.footer {

	}
		#inner_content_footer .footer .footer_content {
			display: block;
		}
		.footer_nav {
			display: none;
		}
		.footer_info {
			width: 100%;
		}
	blockquote {
		padding: 0;
	}
		blockquote:after {
			margin-left: 0;
		}

	.subsection-about-mark-generic .image {
		width: 100%;
		max-width: 200px;
		margin: 0 0 20px;
	}
	.subsection-about-mark-generic .content {
		width: 100%;
	}

	#navigation .border,
	#preloader .border {
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 20px;
	}
	#navigation .navigation_content .inner ul li {
		margin: 0 0 15px;
		font-size: 24px;
		line-height: 28px;
	}
	#navigation_logo, #preloader_logo {
		bottom: 60px;
	}
	#splash_screen .heading {
		font-size: 25px;
		line-height: 35px;
		letter-spacing: 1px;
		margin-top: -70px;
		padding-left: 30px;
		padding-right: 30px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#header {
		height: 10px;
		border-bottom: 1px solid transparent;
	}
	body.window-scrolled.window-scroll-up #header {
		background: #fff;
		border-bottom: 1px solid #eee;
	}

	#header .social_icons {
		display: none;
	}
	#logo {
		top: 30px;
		left: 20px;
		margin: 0;
	}
		#logo a {
			text-align: left;
			text-indent: 0;
		}
	#header #navigation_icon {
		top: 30px;
		right: 20px;
		left: auto;
	}

	#main_content,
	.page-template-template-home #main_content {
		padding-top: 100px;
	}
	.subsection-about-mark header .subtitle,
	.featured_item .item .content_above .subtitle {
	    font-size: 17px;
	    line-height: 20px;
	    margin: 0 0 5px;
	}
	.subsection-about-mark header h1,
	.subsection-individual-post header h1, 
	.subsection-post-list header h1,
	.featured_item .item .content_above h2 {
		margin: 0 0 20px;
	}
	.subsection-about-mark header,
	.featured_item .item .content_above {
		margin: 0 0 40px;
	}
	.chevron svg {
		height: 17px !important;
	}

	.image_grid .item {
		width: 100%;
	}

	.photo_grid .item {
		width: 100% !important;
	}


	
}

@media screen and (max-height: 630px) {

	#navigation .border .zigzags,
	#preloader .border .zigzags {
		margin-top: -115px;
	}
	#navigation .border .zigzags svg:nth-child(n+6),
	#preloader .border .zigzags svg:nth-child(n+6) {
		display: none;
	}

	#navigation .navigation_content .inner ul li {
		margin: 0 0 15px;
		font-size: 24px;
		line-height: 28px;
	}

	#navigation_logo {
		display: none;
	}

}

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

	#inner_content_footer .footer .footer_toolbar .copyright,
	#inner_content_footer .footer .footer_toolbar .tombrickman {
		margin: 0 0 10px;
		float: none;
		display: block;
		text-align: left;
	}

	#navigation .border .zigzags,
	#preloader .border .zigzags {
		transform: translate(0, 0) scale(0.8);
		margin-left: -174px;
		margin-top: -225px;
		width: 295px;
		overflow: hidden;
	}
	#navigation .border .zigzags svg:nth-child(n+6),
	#preloader .border .zigzags svg:nth-child(n+6) {
		display: inline;
	}

	@media screen and (max-height: 450px) {

		#navigation .border .zigzags,
		#preloader .border .zigzags {
			margin-top: -135px;
		}
		#navigation .border .zigzags svg:nth-child(n+6),
		#preloader .border .zigzags svg:nth-child(n+6) {
			display: none;
		}
		#navigation .navigation_content .inner {
			bottom: 70px;
		}

	}

}