@media screen and (max-width: 1200px) {

	#wrapper {
		width: 100%;
	}

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 890px) {

	#hleft {
		width:30%;
	}

	#hright, #menu-right {
		width:40%;
	}

	#menu-left {
		width: 50%;
	}

	#menu ul li {
		display:none;
	}

	#menu ul li.last {
		display:inline;
	}

	.main-l, .main-r {
		width:100%;
		float:none;
		margin:0;
	}

	.main-r-l, .main-r-r {
		width:50%;
	}

	#footer-l ul li {
		width:49%;
	}

	/* UPDATES FOR JHP MAIN PAGES */

	.cluster-grid li {
		width: 48%;
	}

	#cluster-blog, #cluster-books {
		width:50%;
	}

	#dynamicdivider {
		clear:both;
	}

	#cluster-nav, #cluster-social, #main-left-jhp, #main-right-jhp {
		float:none;
		width:100%;
	}

}

@media screen and (max-width: 640px) {

	/* UPDATES FOR JHP MAIN PAGES */
	.cluster-grid li {
		width: 98%;
		padding-bottom:30px;
	}

	.book-grid .gbox {
		width:49%;
	}

	.cluster-grid li {
		height: auto;
	}

	#contact-left, #contact-right {
		width:100%;
		float:none;
	}

}

@media screen and (max-width: 480px) {

	#hright, #footer-l, #preview-headline, #viewerCanvas {
		display:none;
	}

	#hleft, .main-l-l, .main-l-r, #footer-l, #footer-r, .book-header-left, .book-header-right, .main-r, .main-l, .main-r-l, .main-r-r {
		float:none;
		width:100%;
		border:0px;
	}

	#menu-left {
		width:39%;
	}

	#menu-right {
		width:59%;
	}

	.book-inner h1 {
		font-size: 1.6em;
	}

	.book-inner h2 {
		font-size: 1.2em;
	}

	.book-inner h3 {
		font-size: 1em;
	}

	.book-inner img, .book-inner image {
		float:none;
		display:block;
		margin:auto;
	}

	#footer-l {
		display:none;
	}

	#footer-r {
		padding:5px;
	}

	#seo-pre-footer {
		font-size:11px;
	}

	#seo-pre-footer ul li {
		width:100%;
		float:none;
	}

	.small-gbox {
		width:100%;
		float:none;
	}

	#top-search {
		display:none;
	}

	.auth-grid li {
		width:98%;
		float:none;
		display:inline-block;
		overflow: hidden;
	}

	.book-header-left img, .book-header-left image {
		padding: 0% 15% 5% 15%;
	}

	/* UPDATES FOR JHP MAIN PAGES */
	.book-grid .gbox {
		width:99%;
		float:none;
		height: auto;
	}

	#cluster-blog, #cluster-books {
		width:100%;
		float:none;
	}

}