@media (min-width: 768px) and (max-width: 1199px) {
	
	.address-widget {
		padding-top: 80px;
	}

	header,
	.main-content-wrapper {
		width: 90%;
	}
	
	.image-full-mobile {
	  width: 100%;
	  height: auto;
	  padding: 0;
	}
	
	div.collect-thumb-container {
		margin: 0;
		width: 23.5%;
		height: 23.5%;
    padding-right: 1.5%;
    padding-bottom: 1.5%;
}
	
}

@media (max-width: 767px) {

	.address-widget {
		padding-top: 20px;
	}
	
	header,
	.main-content-wrapper {
		width: 90%;
	}
	
	.header-wrapper,
	header {
		min-height: 180px;
	}
	
	.logo-container {
		margin-left: auto;
		margin-right: auto;
		max-width: 420px;
		max-height: 200px;
		min-height: 60px;
	}
	
	img.logo {
		max-height: 200px;
		max-width: 145px;
		margin-right: auto;
		margin-left: auto;
		display: block;
		position: relative;
		padding-top: 20px;
	}
	
	nav {
		min-height: 0;
	}
	
	.sidebar {
    	padding-bottom: 30px;
	}

	#desktop-sidebar {
		display: none;
	}
	
	#mobile-sidebar {
		display: block;
	}
	
	aside ul.sidebar-menu li {
	  	padding: 4px 0;
		border-bottom: 1px solid #eaeaea;
	}
	
	aside ul.sidebar-menu ul li {
	  	padding: 4px 0;
		border-bottom: none;
	}
	
	.main-content {
		padding-bottom: 0;
	}
	
	#proofsheet img {
		width: 23.3%;
		height: 23.3%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	
	.publication-image img,
	.image-full-mobile {
	  width: 100%;
	  height: auto;
	  padding: 0;
	}
	
	.publication-image,
	.publication-details {
	  width: 100%;
	}		
	
	input[type=text].half-width,
	input[type=email].half-width,
	input[type=password].half-width,
	input[type=tel].half-width,
	input[type=url].half-width,
	input[type=search].half-width,
	input[type=date].half-width {
	  width: 100%;
	}
	
	div.collect-thumb-container {
		width: 32%;
		height: 32%;
	}
	
	a.collect-thumb:hover:after,
	div.collect-thumb a:hover:after,
	a.collect-thumb:focus:after,
	div.collect-thumb a:focus:after {
		height: 97%;
	}
	
	.desktop-hidden {
		display: block;
	}
	
	.mobile-hidden {
		display: none;
	}
	
}

@media (max-width: 540px) {

	header,
	.main-content-wrapper,
	footer,
	.main-content {
		min-width: 240px;
	}
	
	.logo-container {
		margin-left: auto;
		margin-right: auto;
		max-width: 260px;
		max-height: 160px;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: Helvetica, Arial, sans-serif;
	}

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth {
		width: 100%;
	}
	
	#proofsheet img {
		width: 48%;
		height: 48%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	
	div.collect-thumb-container {
		width: 48%;
		height: 48%;
	}
	
	.series-item-thumb a img {
		margin: 0 0 10px 10px;
		padding: 0;
		width: 100%;
		height: auto;
	}

	
	
	

}