/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {

	.theprimary{width: 100%;}

	.theheader, .theheader > .theprimary{height: 50px;}
	
	.open-menu, .m-thesidemenu, .m-thepage{display: block;}
	.thenav, .thefbbutton, .thepage, .thefooter{display: none;}
	
	.thelogo{width: 167px; height: 14px; top: 16px; left: 20px;}
	
	.list-thebooks li{width: 100%; float: none;}
	
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

}