/*-----------------------------------------------------------

	Responsive - MediaQuery

-----------------------------------------------------------*/
@media screen and (max-width: 1060px) {
	.blox {width: 960px;}
	#beforeHeader, #credit {width: calc(960px - 80px);}
}

@media screen and (max-width: 960px) {
	.blox {width: 720px;}
	#beforeHeader {width: 720px; padding: 0; height: auto;}
	.mobilenav {display: block;}
	.primarynav {display: none;}

	.content-wrapper .content {padding-right: 0; margin: 0;}
	.content .main-wrapper {float: none; width: 100%; margin-right: 0;}

	.LatestPost {display: none;}
	#credit {width: 720px; padding: 10px 0;}
	.credit .left, .credit #grid03 {float: none; width: 100%; text-align: center;}
	.socialbuttons {text-align: center;}
	.socialbuttons li {display: inline-block; float: none;}

	#primary-sidebar {display: none; width: 100%; margin-right: 0; float: none; clear: both; border-top: 4px solid #222; padding-top: 40px;}
	.flickr_badge_image {width: calc(100% / 8 - 2px);}
}

@media screen and (max-width: 720px) {
	.blox {width: 362px;}
	#beforeHeader, #credit {width: calc(362px - 80px);}
	.beforePost {margin-bottom: 40px !important;}
	.popularPost .item  {width: calc(100% - 30px);}
	.popularPost .item:first-child {border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px;}
	.post {margin-bottom: 0;}
	.post h3.post-title {font-size: 22px;}
	.post .post-header {width: calc(100% - 40px); margin: 0; padding: 10px 20px 30px; position: relative; background: #f2f2f2;}
	.post .post-labels span {padding-top: 0 !important;}
	.post .featured-image .yaw {margin-bottom: 0;}
	.post-body img.size-full, .post-body p img.size-full {max-width: 362px;}
	.pfgallery .post-header {width: 100% !important; margin: 0 -20px;}
	.pfgallery .post-thumbnail li {width: calc(100% / 2 - 40px);}
	.post-footer {padding-bottom: 50px;}
	.post-footer li {float: none; width: 100%; margin-right: 0;}
	.sharebuttons li {float: left; width: 24px; height:24px;}
	.featured-image .onhover {display: none !important;}

	#credit {width: 362px;}
	.post-footer {border-bottom: 1px solid #ddd; padding-bottom: 30px;}
	.related-posts {display: none;}
	.related-posts ul {margin: 0; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px;}
	.related-posts ul li {width: 100%; margin: 0 0 20px; display: inline-block; } /* Just in case */

	.flickr_badge_image {width: calc(100% / 6 - 2px);}
	.clline .clearfix {padding-bottom: 20px;}
	.clline .clearfix .grid-one-third {width: 100%; float: none; clear: both;}
	.clline .clearfix .second p {padding: 0; margin-top: 0;}
	.clline .clearfix .last {position: relative; float: none; height: 120px; background-size: 100% auto !important;}
	.clline h4.title {margin-bottom: 0}
}

@media screen and (max-width: 362px) {
	.blox {width: 300px;}
	#beforeHeader, #credit {width: calc(300px - 80px);}
}