/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 64em) {
	.top-bar-container, .tab-bar{
		margin-bottom: 0;
	}

	aside .books{
		position: relative;
	}

	footer div.cont-footer{
		text-align: center;
	}

	footer div.cont-footer span{
		float: none !important;
	}

	footer #mc_signup{
		width: 100%;
		display: block;
		overflow: hidden;
		text-align: center;
	}

	footer #mc_signup div{
		overflow: hidden;
	}

	footer div.cont-footer form{
		float: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		display: block;
		padding: 1rem 0;
	}

	footer .mc_merge_var, footer .mc_signup_submit{
		float: none;
	}

	footer div.cont-footer form input[type='text'], footer div.cont-footer form input[type='email'], #mc_signup_submit{
		width: 100% !important;
	}

	footer div.cont-footer form #mc_message{
		float: none;
	}

	section .tool-section{
		min-height: 40px;
		padding: 0 1.875em;
	}

	section .tool-section .breadcrumbs{
		margin-top: 16px;
	}

	.tutun{
		width: 100% !important;
		bottom: 0;
		top: auto !important;
	}

	section .tool-section .filter{
		margin: 1rem 0;
	}

	section .tool-section .filter, section .tool-section .filter form{
		max-width: none !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.bookshelf .content-section .wrbooks{
		text-align: center;
		left: 0;
	}

	.bookshelf .content-section .book{
		max-width: 80px;
	}
} 

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { } 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { } 

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { } 

/* 1920 x 1080 fix*/
@media only screen and (min-height: 63.5em) {
} 

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
	
} 

/* 1024 < x < 1280, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 80.063em) {
	aside .social a{
		width: 1.8rem;
		height: 1.8rem;
		line-height: 1.8rem;
	}

	aside .books a.view{
		font-size: 0.5rem;
	}

	section .tool-section .filter{
		min-width: 450px;
	}

	section .tool-section .filter .wr{
		min-width: 150px;
	}

	section .tool-section .filter form{
		min-width: 0px;
		max-width: none;
	}

	section.section-banner h1 strong{
		font-size: 6rem;
		line-height: 5rem;
	}

	.blog section.section-banner{
		overflow: auto;
	}
}