/* Responsive Style Sheet */
/* click5 Interactive */



@media only screen and (min-width: 1700px) {
	
	.page-template-page-book .wrap{
		width: 1600px;
	}
	
	
}
@media only screen and (min-width: 2100px) {
	.page-template-page-book .wrap{
		width: 1900px;
	}
	.bookCase{
		width: auto;
	}
	.page-template-page-book .col-right .boxes .item p br{
		display: none;
	}
	.page-template-page-book .col-right .boxes .item p{
		max-width: 80%;
	}
	.page-template-page-book .col-left .author img{
		right: 110px;
	}
}

@media only screen and (max-width: 1700px) {
	.section-book-cta .wrap{ width: 94% !important; }
	.section-book-cta .orange-button .txt{ line-height: 27px; }
	.section-book-cta .orange-button .txt span{ font-size: 24px !important;  }
	.section-book-cta .orange-button .icon{ width: 140px;  } 
	
	.page-template-page-book .col-left .author img{ right: 20px;}	
	
	.bookCase{ width: auto;}
}



@media only screen and (max-width: 1420px) {
	
	.page-template-page-book .wrap { width: 1180px; }
	.page-template-page-book .subpage-title-service .title h1{ font-size: 70px; }
	
	.page-template-page-book .section-subtitle{ padding: 0 0 25px; }
	.page-template-page-book .section-subtitle h2{ font-size: 25px; }
	.page-template-page-book .col-left .author img{ height: 500px; }
	
	
	.page-template-page-book .col-left .author img{ height: 450px; }
	
	.section-book-case .col-right .entry li{ margin-bottom: 10px; } 
	
	
	
}


@media only screen and (max-width: 1220px) {
	.page-template-page-book .wrap{  width: 94%; }
	
	.page-template-page-book .col-left .author p{ font-size: 16px;  line-height: 23px; }
	
	.page-template-page-book .col-right .boxes .item{ margin: 30px 1% 20px 0; width: 32.33%; }
	.page-template-page-book .col-right .boxes .item .nr{ margin-bottom: 5px; }
	.page-template-page-book .col-right .boxes .item p{ max-width: 100%; font-size: 15.5px;  }
	.page-template-page-book .col-right .boxes .item h3{ display: block; clear: both; margin-top: 10px;}
	
	.page-template-page-book .col-left .author img{ height: 390px; right: 0; }
	.page-template-page-book .col-left .author h3{ font-size: 23px; }
	
	.section-book-case .col-right .entry li{ font-size: 16px;  line-height: 26px; }
	
	.section-book-cta .orange-button .icon{ width: 100px; }
	.section-book-cta .orange-button .circle{ display: none; }
	
	.buy{ width: 100%; margin: 30px 0; }
	
	
	
	.bookCase{ width: auto; }
	
	.section-book-cta .orange-button .txt{ line-height: 19px; }
	.section-book-cta .orange-button .txt span{ font-size: 20px !important;  }
}
	


@media only screen and (max-width: 996px) {
	
	.page-template-page-book .section-book .col-left, 
	.page-template-page-book .section-book .col-right{ width: 100%; }
	
	.section-book-case .col-right::before{ width: 100%; }
	
	.page-template-page-book .section-grey.section-book-case .wrap{ width: 100%; }
	.section-book-case .col-right .entry{ margin-right: 20px; }
	
	.page-template-page-book .subpage-title-service .title h1{ width: 100%; font-size: 60px; line-height: 75px; }
	
	.page-template-page-book .title h2.shadow{ font-size: 100px; line-height: 80px; } 
	
	.page-template-page-book .col-right .boxes .item p{ max-width: 90%;}
	
	.section-first-line .col-left{ height: auto;}
	.page-template-page-book .col-left .author,
	.page-template-page-book .col-left .author img{ position: initial; }
	
	.page-template-page-book .col-left .author img{ height: 300px; float: left; }
	.page-template-page-book .col-left .author .in{ float: right;  width: calc( 100% - 310px );  margin-top: 40px; }
	.page-template-page-book .col-left .author .in h3{ text-align: left; }
	
	.bookCase{ width: 100%; margin-top: 40px; }
	.bookCase img{ width: 305px; margin-top: 0; height: auto; }
	.bookCase .in {  width: calc( 100% - 380px ); margin-top: 30px; float: right;  margin-right: 20px; }
	
	.section-quote-2.section-book-quote  .in{ width: 90%; margin: 30px auto; }

	
}


@media only screen and (max-width: 820px) {
	
	.section-book-cta .orange-button{ width: 100%; margin: 5px 0; }
	.buy .item a{ background-size: auto 35px;  width: 98%; margin: 0 1%; }
	.buy .item p{ font-size: 15px; }	
	.bookCase img{ height: auto; }
	
}



@media only screen and (max-width: 600px) { 
	
	.page-template-page-book .title h2.shadow{ display: none;}		
	
	.page-template-page-book .col-right .boxes .item{ width: 100%; }
	.page-template-page-book .col-right .boxes .item h3{ display: inline-block; clear: none; margin: 0; }
	
	.buy .item{ width: 100%; }
	.buy .item a{ width: 80%; margin: 0 10%; }
	
	.section-book-case .col-right .entry{ margin: 30px; }
	
	.page-template-page-book .col-left .author .in { float: right;  width: 100%; margin-top: -50px; margin-bottom: 40px; }
	
	.section-book-cta .orange-button .txt{ line-height: 14px; }
	.section-book-cta .orange-button .txt span{ font-size: 15px !important; }
	
	.page-template-page-book .col-left .author{ text-align: center; width: 100% }
	.page-template-page-book .col-left .author img{ float: none; }
	.page-template-page-book .col-left .author .in{ margin-top: 0; text-align: center; width: 100%; }
	.page-template-page-book .col-left .author .in h3{ text-align: center; }
	
	
	.bookCase{ width: 90%; margin: 0 5%; }
	.bookCase img{ margin: 0; margin-top:20px; float: none; }
	.bookCase .in{ width: 100%; margin: -120px 0 0 0;  }
}

@media only screen and (max-width: 500px) { 
	.page-template-page-book .subpage-title-shadow{ padding-top: 140px; }
	.page-template-page-book .subpage-title-service .title h1{ font-size: 40px; }
	.page-template-page-book .section-subtitle h2{ font-size: 19px; }
	
}