@media ( max-width: 800px ) {


	/* Structure ---------------------------- */

	ul.item-grid {
        margin: 0 0 -40px -20px;
    }

    ul.item-grid li {
        margin: 0 0 40px 20px;
        width: calc( 33.3% - 20px );
    }


	/* Blog Archive ---------------------------- */

	/* SLIDESHOWS */

	.flex-direction-nav {
		display: none;
	}

	/* BLOG STRUCTURE */

	.post-inner.between {
		display: block;
	}

	.post-inner .mobile-excerpt { 
		display: block; 
		margin-bottom: 20px;
	}

	.post-inner .desktop-excerpt { 
		display: none; 
	}

	.post-meta.top {
		color: #767676;
		display: none;
		font-size: 14px;
		font-weight: 500;
	}

	.post-inner.between .post-meta.top {
		margin: 0 0 20px 0;
	}

	.post-meta.top p {
		display: inline-block;
		margin: 0 15px 5px 0;
	}

	.post-meta.top p:last-child {
		margin-right: 0;
	}

	.post-meta.top p + p {
		margin-top: 0;
	}
	
	.post-meta.top span {
		display: inline;
	}

	.post-meta.top .post-author .meta-title,
	.post-meta.top .post-comment-link .meta-title,
	.post-meta.top .sticky-post .meta-title,
	.post-meta.top .edit-post .meta-title {
		display: none;
	}

	.post-meta.top .post-author .mobile-meta-title {
		display: inline;
	}

	.post-content-wrapper {
		max-width: none;
		width: 100%;
	}


	/* Blog Single ---------------------------- */

	.single-post .post-meta.top,
	.post-meta.bottom.no-tags,
	.post-meta.bottom .post-categories {
		display: block;
	}

	.post-inner.compensate {
		max-width: 100%;
		width: 100%;
	}

	/* TITLE LEFT BLOCKS */

	.comments,
	.comment-respond,
	.related-posts {
		border-top: 1px solid #e1e1e5;
		padding-top: 30px;
	}

	.comments:before,
	.comment-respond:before,
	.related-posts:before {
		content: none;
	}

	.hanging-titles .comments,
	.hanging-titles .comment-respond,
	.hanging-titles .related-posts {
		max-width: 100%;
		width: 100%;
	}

	.hanging-titles .comment-reply-title, 
	.hanging-titles .related-posts-title {
		position: static;
		width: 100%;
	}


	/* Post Content ---------------------------- */

	.post-content .gallery,
	.post-content .alignnone {
		max-width: 100%;
		right: auto;
		width: 100%;
	}

	.post-content .alignfull,
	.post-content .alignwide {
		margin-left: calc( 50% - 50vw );
	}


	/* Comments ---------------------------- */

	.comment-respond .logged-in-as {
		margin: -8px 0 40px 0;
	}

	.comment-reply-title + .comment {
		margin-top: 0;
	}

	.comment-meta {
		font-size: 15px;
		margin-bottom: 12px;
	}

	.comment-metadata, 
	.comment-metadata .edit-link {
		margin-left: 10px;
	}


	/* Site Search ---------------------------- */

	.content-search img {
		margin-bottom: 10px;
	}

	.content-search h2 {
		font-size: 18px;
	}


	/* Footer Widgets ---------------------------- */

	.footer-widgets .column-1 {
		width: calc( 50% - 40px );
	}

	.secondary-widgets {
		width: 50%;
	}

	.secondary-widgets .column {
		width: 100%;
	}


	/* Footer Credits ---------------------------- */

	.credits p span {
		display: block;
	}

	.credits p span:last-child {
		margin: 8px 0 0;
	}

}


@media ( max-width: 650px ) {


	/* Footer Credits ---------------------------- */

	.credits .social-menu a span {
		display: none;
	}


}


@media ( max-width: 600px ) {


	/* Structure ---------------------------- */

	body {
		font-size: 16px;
	}

	#site-content {
		padding: 40px 0;
	}

	.section-inner + .section-inner {
		margin-top: 40px;
	}


	/* Element Base ---------------------------- */

	/* TYPOGRAPHY */

	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	h3 { font-size: 24px; }
	h4 { font-size: 20px; }

	.excerpt {
		font-size: 20px;
	}

	.sans-excerpt {
		font-size: 18px;
	}

	/* Site Header ---------------------------- */

	.site-header .section-inner {
		padding-top: 19px;
		padding-bottom: 22px;
	}

	.site-header .custom-logo-link img {
		margin-bottom: -7px;
		margin-top: -7px;
		max-height: 42px;
	}

	.site-header .site-title {
		font-size: 24px;
	}

	/* Site Navigation ---------------------------- */

	.mobile-menu a {
		padding: 16px 5vw;
	}
		
	#mobile-search-field {
		font-size: 14px;
		height: 70px;
	}
	
	.mobile-menu > li > a,
	.mobile-menu > li > div > a {
		font-size: 18px;
	}
	
	.mobile-menu ul {
		padding: 8px 0;
	}
	
	.mobile-menu ul a {
		font-size: 13px;
		padding: 12px 5vw;
	}
	
	.mobile-menu ul ul {
		margin: 5px 0;
	}
	
	.mobile.social-menu {
		padding: 0 calc( 5vw - 10px );
	}
	
	.mobile.social-menu a {
		padding: 20px 10px;
	}
	
	.mobile.social-menu a:before {
		font-size: 22px;
	}


	/* Blog Archive ---------------------------- */

	/* SLIDESHOWS */

	.hero-slider .slide .section-inner {
		padding: 80px 0;
	}

	.hero-slider .slide .button-wrapper {
		margin-top: 25px;
	}

	.slider-caption {
		font-size: 12px;
		padding: 10px 15px;
	}


	/* Single Post ---------------------------- */

	.post-header {
		margin-bottom: 25px;
	}

	.missing-post-thumbnail.has-manual-excerpt .post-header {
		margin-bottom: 15px;
	}

	.post .featured-media {
		margin-bottom: 30px;
	}

	.single-pagination {
		margin-top: 40px;
	}

	.comments,
	.comment-respond,
	.related-posts {
		margin: 50px 0 0;
		padding: 25px 0 0 0;
	}
	
	.comment-reply-title,
	.related-posts-title {
		margin-bottom: 30px;
	}

	.related-post {
		align-items: center;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
		margin: 0 0 15px 0;
		width: 100%;
	}

	.related-post:last-child {
		margin: 0;
	}

	.related-post .title {
		font-size: 18px;
		margin: 0;
	}

	.related-post-image {
		border-radius: 2px;
		height: 60px;
		margin: 0 10px 0 0;
		min-width: 60px;
	}

	/* SINGLE PAGINATION */

	.single-pagination {
		display: block;
	}

	.single-pagination a {
		width: 100%;
	}

	.single-pagination a + a {
		margin-top: 20px;
	}


	/* Entry Content ---------------------------- */

	button, 
	.button, 
	input[type="button"], 
	input[type="submit"] {
		min-width: 100px;
		padding: 13px 19px 14px;
	}

	/* VANILLA GALLERIES */

	.gallery .gallery-item {
		margin: 0 0 10px;
		padding: 0 5px;
	}

	.gallery .gallery-caption {
		display: none;
	}


	/* Page Content ---------------------------- */
	
	.page-content .alignleft {
		margin: 5px 30px 20px 0;
	}

	.page-content .alignright {
		margin: 5px 0 20px 30px;
	}

	.page-content .gallery {
		margin: 30px 0 20px;
	}
	
	.gallery + .gallery {
		margin-top: -20px;
	}


	/* Comments ---------------------------- */

	.comments-pagination {
		height: 21px;
		margin-top: 50px;
	}

	.comments-pagination .page-numbers {
		display: none;
	}

	.comments-pagination .page-numbers.prev,
	.comments-pagination .page-numbers.next {
		display: block;
	}

	.comments-pagination .prev,
	.comments-pagination .next {
		display: block;
	}


	/* Entry Content ---------------------------- */

	.entry-content h1, 
	.entry-content h2, 
	.entry-content h3, 
	.entry-content h4, 
	.entry-content h5, 
	.entry-content h6 {
		margin: 1.5em 0 1em;
	}

	.entry-content h1 { font-size: 32px; }
	.entry-content h2 { font-size: 28px; }
	.entry-content h3 { font-size: 24px; }
	.entry-content h4 { font-size: 22px; }
	.entry-content h5 { font-size: 20px; }
	.entry-content h6 { font-size: 18px; }


	/* Sub Page ---------------------------- */

	
	/* Page Templates ---------------------------- */


	/* TEMPLATE COVER */

	.page-hero {
		min-height: 400px;
		padding: 50px 0;
	}


	/* Site Pagination ---------------------------- */

	.site-pagination {
		display: flex;
		justify-content: space-between;
		padding-top: 30px;
	}

	ul.page-numbers {
		display: flex;
		justify-content: space-between;
		margin-top: 50px;
	}

	.site-pagination.only-next {
		justify-content: flex-end;
	}

	.site-pagination .number,
	ul.page-numbers a,
	ul.page-numbers span {
		display: none;
	}

	ul.page-numbers .prev,
	ul.page-numbers .next {
		display: block;
	}

	.site-pagination .prev,
	.site-pagination .next,
	ul.page-numbers .prev,
	ul.page-numbers .next {
		position: static;
	}
	
	
	/* Sidebar ---------------------------- */

	.split .sidebar {
		display: block;
		margin-top: 30px;
	}

	.split .sidebar .widget {
		width: 100%;
	}

	.split .sidebar .widget:nth-child(2) {
		margin-top: 40px;
	}


	/* Footer Widgets ---------------------------- */

	.footer-widgets {
		padding: 40px 0 0;
	}

	.footer-widgets .widgets-wrapper {
		margin-left: 0;
		width: 100%;
	}

	.footer-widgets,
	.secondary-widgets {
		display: block;
	}

	.footer-widgets .column {
		margin-left: 0;
	}

	.footer-widgets .column-1,
	.secondary-widgets {
		width: 100%;
	}

	.secondary-widgets:before,
	.credits:before {
		background: #333;
		content: "";
		display: block;
		height: 1px;
		margin: 0 auto 40px;
		width: 50%;
	}

	.secondary-widgets .column {
		width: 100%;
	}


	/* CONTACT INFORMATION WIDGET */

	.footer-widgets .column-1 .widget_sullivan_contact:first-of-type h3,
	.footer-widgets .column-1 .widget_sullivan_contact:first-of-type p {
		text-align: center;
	}


	/* Footer Credits ---------------------------- */

	.credits {
		display: block;
		padding: 40px 0;
		text-align: center;
	}

	.credits p,
	.credits ul {
		text-align: inherit;
	}

	.credits .social-menu {
		justify-content: center;
		margin-top: 27px;
	}


}