/****** Responsive CSS ******/

@media screen and (max-width: 1125px) {
	.desktop,
	.yarpp-thumbnails-horizontal a:last-of-type {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}
	div#hero {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	.featured,
	.posts section {
		margin-bottom: 80px !important;
	}
	.content img {
		max-width: 100% !important;
		height: auto !important;
	}
	.widget {
		margin-bottom: 50px !important;
	}
	.big-title:before,
	.big-title:after,
	.yarpp-related {
		display: none !important;
	}
	.pictorial-img h1 {
		font-size: 24px;
		line-height: 30px;
	}
	.paginate,
	.paginate section:last-of-type {
		text-align: center !important;
	}
	.paginate section {
		margin-bottom: 20px !important;
	}
	footer#footer {
		margin-top: 20px !important;
	}
	footer#footer .footer-widget {
		margin-bottom: 30px !important;
	}
}

@media screen and (max-width: 510px) {
	div#hero {
		display: none !important;
	}
	.featured {
		margin-top: 60px !important;
	}
	a.nav-expander {
		padding-right: 5px !important;
		width: 110px !important;
	}
}