/*

   A
 A   A
 AAAAA
 A   A
 A   A

bootstrap query MAX 767 */

@media (max-width: 767px) {

#content-container .primary-book-navigation {
	bottom: 0;
	box-shadow: 0px 0px 15px 1px #777777;
	height: 2.5em;
	top: auto;
}
#content-container .page-previous.primary-book-navigation {
	border-radius: 0 8px 0 0;
}
#content-container .page-next.primary-book-navigation {
	border-radius: 8px 0 0 0;
}

.book-figure.animation-fullWidth .book-megazoom {
	height: 300px;
}

/* Navigation styles */

.nav-layer {
	left: -470px;
	width: 470px;
}

.nav-layer-out {
	left: 0;
}

.mainnav-gr8 .icon {
                background-image: url("../img/mainnav-gr8.png");
                background-size: 85% auto;
}


.mainnav-home a .icon {
	background-size: 74% auto;
}
.mainnav-cover a .icon {
	background-size: 85% auto;
	border: 0 none;
	float: none;
}

#navbar-container .mainnav-button a,
#navbar-container .mainnav-button button {
	font-size: 13px;
}

.navbar-tools .search input {
	width: 94%;
}

/* END Navigation styles */

/* Homepage Styles */

.unit-1, .unit-2, .unit-3, .unit-4 {
	margin-bottom: 1em;
	padding: 0 1em;
}

.focus-area a {
	width: 88%;
}

/* END Homepage Styles */

/* Unit Sliders */
.unit-intro-slider {
	height: 250px;
	margin-bottom: 4em;
	overflow: hidden;
	position: relative;
	width: 100%;
}
body.unit1 .slider-unit-logo, body.unit2 .slider-unit-logo, body.unit3 .slider-unit-logo, body.unit4 .slider-unit-logo {
	background: url('../img/unit-1-logo-color-white-2x.png') center 30% no-repeat;
	background-size: 70%;
	height: 300px;
	position: absolute;
	width: 100%;
	z-index: 5;
}
body.unit2 .slider-unit-logo {
	background: url('../img/unit-2-logo-color-white-2x.png') center 30% no-repeat;
	background-size: 70%;
}
body.unit3 .slider-unit-logo {
	background: url('../img/unit-3-logo-color-white-2x.png') center 30% no-repeat;
	background-size: 70%;
}
body.unit4 .slider-unit-logo {
	background: url('../img/unit-4-logo-color-white-2x.png') center 30% no-repeat;
	background-size: 70%;
}

/* END Unit Sliders */


/* Megazoom styles */
.book-megazoom .lhp_giv_nav_pos_B {
	left: 60%;
}
.book-megazoom .lhp_giv_nav ul li {
	width: 35px; height: 35px;
}
.book-megazoom .lhp_giv_nav ul li span {
	margin: 4px 8px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveDown span.ui-icon-carat-1-n {
	background: url("../img/megazoom-up-small.png") no-repeat;
	height: 30px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 30px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveUp span.ui-icon-carat-1-s {
	background: url("../img/megazoom-down-small.png") no-repeat;
	height: 30px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 30px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveRight span.ui-icon-carat-1-w {
	background: url("../img/megazoom-left-small.png") no-repeat;
	height: 30px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 30px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.moveLeft span.ui-icon-carat-1-e {
	background: url("../img/megazoom-right-small.png") no-repeat;
	height: 30px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 30px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.zoom span.ui-icon-zoomin {
	background: url("../img/megazoom-zoomin-small.png") no-repeat;
	height: 30px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 30px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.unzoom span.ui-icon-zoomout {
	background: url("../img/megazoom-zoomout-small.png") no-repeat;
	height: 30px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 30px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.fitToViewport span.ui-icon-stop {
	background: url("../img/megazoom-expand-small.png") no-repeat;
	height: 30px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 30px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav li.fullSize span.ui-icon-arrow-4-diag {
	background: url("../img/megazoom-fullsize-small.png") no-repeat;
	height: 30px;
	left: -17%;
	overflow: hidden;
	position: absolute;
	top: -8%;
	width: 30px;
}
.book-megazoom .lhp_giv_holder .lhp_giv_nav ul li.lhp_giv_nav_btt_disab {
	background: #a4dcea;
}
/* END Megazoom Styles */

}