/**********************************/
/********* responsive  ************/
/**********************************/
.responsiveBlock  {
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
}

@media only screen and (min-width:1240px) and (max-width:2400px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(1, 1);
	-moz-transform:  scale(1, 1);
	-ms-transform:  scale(1, 1);
	-webkit-transform:  scale(1, 1);
	-o-transform:  scale(1, 1);
 }
/*.ie7 #book-wrapper, .ie7 #book-zoom, .ie7 .sj-book {
	zoom: 1;
}
.ie8 #book-wrapper, .ie8 #book-zoom, .ie8 .sj-book {
	zoom: 1;
}*/
}

@media only screen and (min-width:1200px) and (max-width:1239px) {
 .responsiveBlock  { 
	-ms-transform-origin : 50% 0%; 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	
	transform:  scale(.96, .96);
	-moz-transform:  scale(.96, .96);
	-ms-transform:  scale(.96, .96);
	-webkit-transform:  scale(.96, .96);
	-o-transform:  scale(.96, .96);
}   
}
@media only screen and (min-width:1175px) and (max-width:1199px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform:  scale(.94, .94);
	-moz-transform:  scale(.94, .94);
	-ms-transform:  scale(.94, .94);
	-webkit-transform:  scale(.94, .94);
	-o-transform:  scale(.94, .94);
}   
}
@media only screen and (min-width:1150px) and (max-width:1174px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform:  scale(.92, .92);
	-moz-transform:  scale(.92, .92);
	-ms-transform:  scale(.92, .92);
	-webkit-transform:  scale(.92, .92);
	-o-transform:  scale(.92, .92);
}   
}
@media only screen and (min-width:1125px) and (max-width:1149px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform:  scale(.89, .89);
	-moz-transform:  scale(.89, .89);
	-ms-transform:  scale(.89, .89);
	-webkit-transform:  scale(.89, .89);
	-o-transform:  scale(.89, .89);
}   
}
@media only screen and (min-width:1100px) and (max-width:1124px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform:  scale(.87, .87);
	-moz-transform:  scale(.87, .87);
	-ms-transform:  scale(.87, .87);
	-webkit-transform:  scale(.87, .87);
	-o-transform:  scale(.87, .87);
}   
}
@media only screen and (min-width:1050px) and (max-width:1099px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.84, .84);
	-moz-transform:  scale(.84, .84);
	-ms-transform:  scale(.84, .84);
	-webkit-transform:  scale(.84, .84);
	-o-transform:  scale(.84, .84);
}   
}
@media only screen and (min-width:1025px) and (max-width:1049px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.81, .81);
	-moz-transform:  scale(.81, .81);
	-ms-transform:  scale(.81, .81);
	-webkit-transform:  scale(.81, .81);
	-o-transform:  scale(.81, .81);
}   
}
@media only screen and (min-width:1000px) and (max-width:1024px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.79, .79);
	-moz-transform:  scale(.79, .79);
	-ms-transform:  scale(.79, .79);
	-webkit-transform:  scale(.79, .79);
	-o-transform:  scale(.79, .79);
 }   
}
@media only screen and (min-width:975px) and (max-width:999px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.77, .77);
	-moz-transform:  scale(.77, .77);
	-ms-transform:  scale(.77, .77);
	-webkit-transform:  scale(.77, .77);
	-o-transform:  scale(.77, .77);
 }   
}
@media only screen and (min-width:950px) and (max-width:974px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.74, .74);
	-moz-transform:  scale(.74, .74);
	-ms-transform:  scale(.74, .74);
	-webkit-transform:  scale(.74, .74);
	-o-transform:  scale(.74, .74);
 }   
}
@media only screen and (min-width:925px) and (max-width:949px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.71, .71);
	-moz-transform:  scale(.71, .71);
	-ms-transform:  scale(.71, .71);
	-webkit-transform:  scale(.71, .71);
	-o-transform:  scale(.71, .71);
 }   
}
@media only screen and (min-width:900px) and (max-width:924px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.69, .69);
	-moz-transform:  scale(.69, .69);
	-ms-transform:  scale(.69, .69);
	-webkit-transform:  scale(.69, .69);
	-o-transform:  scale(.69, .69);
 }   
}

@media only screen and (min-width:875px) and (max-width:899px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.66, .66);
	-moz-transform:  scale(.66, .66);
	-ms-transform:  scale(.66, .66);
	-webkit-transform:  scale(.66, .66);
	-o-transform:  scale(.66, .66);
 }   
}


@media only screen and (min-width:850px) and (max-width:874px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.64, .64);
	-moz-transform:  scale(.64, .64);
	-ms-transform:  scale(.64, .64);
	-webkit-transform:  scale(.64, .64);
	-o-transform:  scale(.64, .64);
 }   
}
@media only screen and (min-width:800px) and (max-width:849px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.60, .60);
	-moz-transform:  scale(.60, .60);
	-ms-transform:  scale(.60, .60);
	-webkit-transform:  scale(.60, .60);
	-o-transform:  scale(.60, .60);
 }   
}
@media only screen and (min-width:750px) and (max-width:799px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform-origin: 50% 50%;
	-moz-transform:  scale(.54, .54);
	-ms-transform:  scale(.54, .54);
	-webkit-transform:  scale(.54, .54);
	-o-transform:  scale(.54, .54);
 }   
}
@media only screen and (min-width:700px) and (max-width:749px) {
 .responsiveBlock  {
	-ms-transform-origin : 50% 0%;	 
	tranform-origin : 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;	 
	transform:  scale(.5, .5);
	-moz-transform:  scale(.5, .5);
	-ms-transform:  scale(.5, .5);
	-webkit-transform:  scale(.5, .5);
	-o-transform:  scale(.5, .5);
 }   
}

@media only screen and (min-width:650px) and (max-width:699px) {
	.responsiveBlock  {
		-ms-transform-origin : 50% 0%;	
		tranform-origin : 50% 0%;
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;	
		transform: scale(.46, .46);
		-moz-transform: scale(.46, .46);
		-ms-transform: scale(.46, .46);
		-webkit-transform: scale(.46, .46);
		-o-transform: scale(.46, .46);
	}	   
	   
}
@media only screen and (min-width:600px) and (max-width:649px) {
	.responsiveBlock  {
		-ms-transform-origin : 50% 0%;	
		tranform-origin : 50% 0%;
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;	
		transform: scale(.43, .43);
		-moz-transform: scale(.43, .43);
		-ms-transform: scale(.43, .43);
		-webkit-transform: scale(.43, .43);
		-o-transform: scale(.43, .43);
	}	   
} 
@media only screen and (min-width:550px) and (max-width:599px) {
	.responsiveBlock  {
		-ms-transform-origin : 50% 0%;	
		tranform-origin : 50% 0%;
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;	
		transform: scale(.43, .43);
		-moz-transform: scale(.43, .43);
		-ms-transform: scale(.43, .43);
		-webkit-transform: scale(.43, .43);
		-o-transform: scale(.43, .43);
	}	   
} 
@media only screen and (min-width:100px) and (max-width:549px) {
	.responsiveBlock  {
		-ms-transform-origin : 50% 0%;	
		tranform-origin : 50% 0%;
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;	
		transform: scale(.39, .39);
		-moz-transform: scale(.39, .39);
		-ms-transform: scale(.39, .39);
		-webkit-transform: scale(.39, .39);
		-o-transform: scale(.39, .39);
	}	   
}
/**********************************/
/**********************************/
/**********************************/