@media only screen and (max-width: 1140px) {
		
	.site-header #site-header-content,
	#slider-container,
	#site-container,
	.site-footer #site-footer-content {
		width: 960px
	}
	
	.site-header .social-buttons {
		display: none
	}
	
	.site-header.header-option-4 .search-form {
		display: none
	}
	
	.main-navigation {
		display: none
	}
	
	.site-header .site-branding {
		text-align: left;
		max-width: 80%
	}	
	
	.site-header #toggle-search	{
		right: 60px
	}
	
	.site-header .search-form {
		right: 90px
	}	
	
	.site-header #toggle-menu {
		display: block
	}	
	
	#site-content #primary {
		width: 630px;
	}

	#site-content #secondary {
		width: 300px
	}	
	
	#content-box-container .content-box {
		width: 300px
	}	
	
	#content-box-container .content-box .content-box-header	{
		height: 190px
	}

	.list .entry-header {
		width: 270px;
	}
	
	.list .entry-content {
		padding-left: 300px
	}
	
	.list.list-circle .entry-header {
		width: 270px
	}
	
	.list.list-circle .entry-content {
		padding-left: 0
	}
	
	.post-grid > li {	
		width: 300px;
	}
	
	.no-sidebar .post-grid > li {
		width: 300px
	}
	
	#related-posts .related-post {
		width: 170px
	}
	
	.no-sidebar #related-posts .related-post {
		  width: 280px;
	}
		
	.centered #related-posts .related-post {
		  width: 216px;
	}		
		
	.comment-form p.comment-form-author,
	.comment-form p.comment-form-email,
	.comment-form p.comment-form-url {
		width: 167px;
	}			

}

@media only screen and (max-width: 960px) {
	
	.site-header #site-header-content,
	#slider-container,
	#site-container,
	.site-footer #site-footer-content {
		width: 768px;
	}
	
	#site-content #primary {
		float: none;
		width: 100%
	}	
	
	#site-content #secondary {
		float: none;
		margin: 0 auto;
		margin-top: 40px;
		width: 50%
	}	
	
	.site-header.header-option-5 {
		margin-top: 0
	}	
	
	#content-box-container .content-box {
		width: 236px
	}	
	
	#content-box-container .content-box .content-box-header	{
		height: 150px
	}
	
	.list .entry-header {
		width: 300px;
	}
	
	.list .entry-content {
		padding-left: 330px
	}	

	
	.post-grid > li {	
		width: 369px;
	}	

	.no-sidebar .post-grid > li {
		width: 236px
	}
		
	#related-posts .related-post {
		width: 216px
	}	

	.no-sidebar #related-posts .related-post {
		  width: 216px;
	}	

	.centered #related-posts .related-post {
		  width: 164px;
	}				
	
	#footer-newsletter {
		width: 50%;
		margin: 0 auto 60px auto
	}
	
	#footer-newsletter .mc4wp-form .mc4wp-form-fields p,
	#footer-newsletter .mc4wp-form .mc4wp-form-fields input {
		display: block;
		width: 100%
	}	
	
	#footer-newsletter .mc4wp-form .mc4wp-form-fields p {
		margin-bottom: 10px
	}
	
	#footer-newsletter .mc4wp-form .mc4wp-form-fields p#label {
		text-align: center;
		padding: 0
	}	
	
	#footer-newsletter .mc4wp-form .mc4wp-form-fields p#submit {
		text-align: center;
		padding: 0;
	}		
	
	#footer-newsletter .mc4wp-form .mc4wp-form-fields input[type="submit"] {
		width: 100%
	}

	.comment-form p.comment-form-author,
	.comment-form p.comment-form-email,
	.comment-form p.comment-form-url {
		width: 213px;
	}	

}

@media only screen and (max-width: 768px) {
	
	.site-header #site-header-content,
	#slider-container,	
	#site-container,
	.site-footer #site-footer-content {
		width: 520px
	}
	
	#site-content #secondary {
		width: 70%
	}
	
	#site-content #primary.centered {
		width: 100%
	}
	
	.slider .slide .slider-content-container .slider-content {
		padding: 40px
	}			
	
	#content-box-container .content-box {
		width: 100%;
		margin-bottom: 40px
	}
	
	#content-box-container .content-box:nth-of-type(3) {
		margin-bottom: 0
	}
	
	#content-box-container .content-box .content-box-header	{
		height: 200px
	}	
	
	#author-card #author-avatar	{
		float: none;
		text-align: center;
		margin-bottom: 30px
	}
	
	#author-card #author-bio {
		padding-left: 0
	}
	
	.list .entry-header {
		position: relative;
		width: 100%;
		height: 260px
	}
	
	.list .entry-content {
		padding-left: 30px
	}

	.list.list-circle .entry-header {
		float: none;
		width: 100%;
		padding-bottom: 0;
		height: auto
	}
	
	.list.list-circle .entry-content {
		padding-left: 30px
	}

	.post-grid > li {	
		width: 100%
	}	
	
	.no-sidebar .post-grid > li {
		width: 100%
	}
	
	#related-posts .related-post{
		width: 100%;
		margin-bottom: 30px
	}
	
	.no-sidebar #related-posts .related-post {
		  width: 100%;
	}		
	
	.centered #related-posts .related-post {
		  width: 100%;
	}			

	#related-posts .related-post:nth-of-type(3) {
		margin-bottom: 0
	}
	
	#footer-newsletter {
		width: 100%
	}	

	#footer-instagram .instagram-pics li {
		width: 25%
	}
	
	.comment-form p.comment-form-author,
	.comment-form p.comment-form-email,
	.comment-form p.comment-form-url {
		width: 100%
	}
	
	.site-footer #site-footer-content .site-info {
		text-align: center
	}
	
	.site-footer #site-footer-content .site-info p	{
		margin-bottom: 20px
	}
	
	.site-footer #site-footer-content .site-info #back-to-top {
		position: relative;
	    transform: translateY(0);		
	}
	
	.mobile-navigation {
		width: 100%
	}

}

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

	.site-header #site-header-content,
	#slider-container,	
	#site-container,
	.site-footer #site-footer-content {
		width: 80%
	}
	
	#site-content #secondary {
		width: 100%
	}
	
	.site-header {
		text-align: center;
	    padding-bottom: 40px;
	}
	
	.site-header .site-branding	{
		text-align: center;
		max-width: 100%
	}
	
	.site-header #toggle-search {
		display: none
	}
	
	.site-header #toggle-menu {
		position: relative;
		margin: 0 auto;
	    transform: translateY(0)
	}
		
	.entry-meta span {
		display: block
	}
	
	.entry-footer {
		text-align: center
	}
	
	.entry-footer .entry-share-buttons {
		position: relative;
		bottom: 0;
		left: 0;
		margin-top: 10px;
		display: block
	}

	.entry-footer .comments-link {
		display: block;	
		float: none;
		margin-top: 10px
	}
	

	.list .entry-content {
		text-align: center
	}

	.list .entry-content .entry-meta span {
		margin: 5px 0
	}
		
	.list .entry-content .entry-footer {
	    margin-top: 40px;		
	}
	
	.list .entry-content .entry-footer .entry-read-more {
		position: relative
	}
	
	.list .entry-content .entry-footer .entry-share-buttons {
		margin: 30px 0 0 0 
	}

	.list .entry-content .entry-footer .entry-share-buttons li {
		margin: 0 5px
	}	


}

