/* ---------- @ Responsive -----------*/

@media screen and (max-width: 999px) {
	
	.wrapper {
		width: 600px;
		}
	
	.header ul li a {
		font-size: 15px;
		line-height: 40px;
		padding: 0 10px;
		}
	.siteTitle a {
		font-size: 30px;
		line-height: 50px;
		}
	.homePageSliderWrapper {
		width: 350px;
		}
	
	.owl-carousel .owl-item img.homePageSliderBook {
		width: 150px;
		height: auto;
		float: none;
		display: block;
		margin: 0 auto;
		}
	.homePagePraise {
		width: 350px;
		float: none;
		display: block;
		margin: 25px 0 0 0;
		height: auto;
		}
	.formattedContent .homePagePraise .praiseItem p {
		font-size: 20px;
		line-height: 28px;
		padding: 0 25px;
		}
	
	.formattedContent .homePagePraise .quoteCite {
		text-align: center;
		padding: 0 25px;
		font-size: 14px;
		}
	.bookPageItem.homePage img {
		width: 70px;
		}
	.homePageBottomLeft {
		width: 600px;
		float: none;
		display: block;
		}
	.homePageBottomLeft .articlesCategory:first-child {
		width: 548px;
		}
	.homePageBottomRight {
		float: none;
		display: block;
		margin: 25px auto;
		}
	.pageContent .rightSide {
		display: block;
		float: none;
		margin: 25px auto;
		}
	.pageContent .leftSide {
		display: block;
		float: none;
		width: 600px;
		margin: 0 auto;
		}
	.bookPageItem img {
		width: 150px;
		}
		
	.bookRight {
		width: 600px;
		float: none;
		display: block;
		clear: both;
		}
	
	.bookLeft {
		width: 600px;
		float: none;
		display: block;
		clear: both;
		padding-top: 25px;
		}
	.bookBG .formattedContent h1.pageTitle {
		text-align: center;
		}
	
	.bookJacket {
		float: none;
		width: 200px;
		margin: 0 auto 0 auto;
		display: block;
		}
	.bookRight .sidebarQuotes {
		width: 100%;
		float: none;
		display: block;
		margin-top: 25px;
		padding-top: 0px;
		border: none;
		} 
	.formattedContent .sidebarQuoteCite a {
		color: #000;
		}
	.bookBG.light .formattedContent ul#tabs-test li,
	.bookBG.dark .formattedContent ul#tabs-test li {
		text-shadow: none;
		color: #000;
		-webkit-border-radius: 10px;
		border-radius: 10px ;
		}
	.bookBG.light .formattedContent ul#tabs-test li.active,
	.bookBG.dark .formattedContent ul#tabs-test li.active {
		-webkit-border-radius: 10px;
		border-radius: 10px ;
	}
	
	.formattedContent ul#tabs-test {
		text-align: center;
		padding-bottom: 5px;
		}
	.articlesCategory:first-child,
	.articlesCategory {
		width: 502px;
		}
	.formattedContent .speakingTop .alignleft {
		max-width: 150px;
		height: auto;
		}
	.formattedContent .speakingTop p {
		font-size: 20px;
		line-height: 28px;
		}
	.speakingSide {
		width: 240px;
		padding: 25px;
		}
	.fieldField {
		width: 400px
		}
	.fieldField input, 
	.fieldField textarea {
		width: 388px;
		}
	.fieldField input.wpcf7-submit {
		width: 400px;
		}
	
	.specialSectionWrapper {
		flex-flow: row wrap
	}
	.specialBookJacket,
	.specialQuoteBox {
		flex-basis: 100%;
		text-align: center; 
		}
	.specialBookJacket img {
		padding-bottom: 0;
		max-width: 280px;
		height: auto;
		}
	.additionalPraise {
		flex-flow: row wrap
	}
	.additionalPraiseItem {
		flex-basis: 90%;
		}

}

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

	.wrapper {
		width: 300px;
		}
	.header ul li a {
		font-size: 15px;
		line-height: 40px;
		padding: 0 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		}
	.menu-main-navigation-container,
	.menu-main-navigation-container.invisible {
		height: 0px;
		overflow: hidden;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		}
	
	.menu-main-navigation-container.visable {
		height: auto;
		}
	.header {
		text-align: center;
		}
	.mobileNav {
		display: inline-block;
		font-size: 30px;
		line-height: 50px;
		color: #6BBBBD;
		margin: 0 0 0 15px;
		}
	.mobileNav:hover {
		color: #000;
		}
	.siteTitle {
		float: none;
		display: block;
		}
	.siteTitle a {
		font-size: 30px;
		line-height: 50px;
		display: inline-block;
		
		}
	.homePageRight {
		display: block;
		float: none;
		margin: 0 auto;
		}
	.homePageSliderWrapper {
		width: 300px;
		float: none;
		display: block;
		margin: 25px auto 0 auto;
		}
	
	.owl-carousel .owl-item img.homePageSliderBook {
		width: 300px;
		height: auto;
		float: none;
		display: block;
		margin: 0 auto;
		}
	.homePagePraise {
		width: 300px;
		float: none;
		display: block;
		margin: 25px 0 0 0;
		height: auto;
		}
	.formattedContent .homePagePraise .praiseItem p {
		font-size: 20px;
		line-height: 28px;
		padding: 0 25px;
		}
	
	.formattedContent .homePagePraise .quoteCite {
		text-align: center;
		padding: 0 25px;
		font-size: 14px;
		}
	.bookPageItem.homePage img {
		width: 125px;
		}
	.homePageBottomLeft {
		width: 300px;
		float: none;
		display: block;
		}
	.homePageBottomLeft .articlesCategory:first-child {
		width: 248px;
		}
	.homePageBottomRight {
		float: none;
		display: block;
		margin: 25px auto;
		}
	
	.formattedContent h1, 
	.formattedContent h2,
	.formattedContent h3,
	.formattedContent h4,
	.formattedContent h5,
	.formattedContent h6 {
		text-align: center;
		}
	
	.pageContent .leftSide {
		display: block;
		float: none;
		width: 300px;
		margin: 0 auto;
		}
	.formattedContent .wp-caption.alignleft img, 
	.formattedContent .wp-caption.alignright img,
	.formattedContent .alignright,
	.formattedContent .alignleft,
	.formattedContent .aligncenter {
		float: none;
		margin: 0 auto 15px auto;
		display: block;
		max-width: 288px;
		height: auto;
		}
	.formattedContent ul#tab-test {
		padding: 25px 0px;
		}
	.formattedContent ul#tabs-test {
		text-align: center;
		padding-bottom: 5px;
		}
	.formattedContent ul#tabs-test li:hover {
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.formattedContent ul#tabs-test li.active {
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	.bookPageItem img {
		width: 275px;
		}

	.bookRight {
		width: 300px;
		float: none;
		display: block;
		clear: both;
		}
	
	.bookLeft {
		width: 300px;
		float: none;
		display: block;
		clear: both;
		padding-top: 25px;
		}

	.bookJacket {
		float: none;
		width: 200px;
		display: block;
		margin: 0 auto 15px auto;
		}
	.bookRight .sidebarQuotes {
		width: 300px;
		float: none;
		margin-top: 0px;
		padding-top: 0px;
		border: none;
		} 
	.articlesCategory:first-child,
	.articlesCategory {
		width: 248px;
		margin: 23px 0;
		}
	.formattedContent .speakingTop .alignleft {
		max-width: 250px;
		height: auto;
		}
	.formattedContent .speakingTop p {
		font-size: 20px;
		line-height: 28px;
		}
	.speakingSide {
		width: 300px;
		padding: 25px 0 0 0;
		}
		
	.fieldName {
		width: 300px;
		text-align: center;
		margin: 0 0 0 0px;
		}
	.fieldName.noText {
		display: none;
		}

	.fieldField {
		width: 300px
		}
	.fieldField input, 
	.fieldField textarea {
		width: 288px;
		}
	.fieldField input.wpcf7-submit {
		width: 300px;
		}


}