.pageBody .iconBox.iconBoxTop.bgBlue .iconBoxImg { width: 40%; height: auto; display: block; float: left; margin-top: 5px;  }
.pageBody .iconBox  p.iconBoxName { margin-left: 45%; padding-top: 65px;}
	
	.iconBox.iconBoxTop { height: 220px; }	
	.iconBox.iconBoxLeft { height: 360px; }
	.iconBox.iconBoxRight { height: 160px; }
	.pageBody  .iconBox.bgGreen  { height: 124px; }
	.pageBody  .iconBox.bgGrey.bgImg  { height: 130px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
	
@media only screen and (min-width: 992px) and (max-width: 1240px) {
	.iconBox.iconBoxTop { height: 190px; }	
	.pageBody .iconBox.iconBoxTop.bgBlue .iconBoxImg { margin-top: 5px;}
	.pageBody .iconBox  p.iconBoxName { margin-left: 45%; padding-top: 55px;}
	.iconBox.iconBoxLeft { height: 324px; }
	.iconBox.iconBoxRight { height: 154px; }
	.pageBody  .iconBox.bgGreen  { height: 124px; }
	.pageBody  .iconBox.bgGrey.bgImg  { height: 130px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
}	
	
/* --- Small tablet portrait --- (col-st) */
@media only screen and (min-width: 767px) and (max-width: 992px) {	
	.iconBox.iconBoxTop { height: 180px; }	
	.pageBody .iconBox.iconBoxTop.bgBlue .iconBoxImg { width: 45%;  margin-top: 0px;}
	.pageBody .iconBox  p.iconBoxName { margin-left: 55%; padding-top: 50px;}	
	.iconBox.iconBoxLeft { height: 276px; }
	.iconBox.iconBoxRight { height: 130px; }
	.pageBody  .iconBox.bgGreen  { height: 120px; }
	.pageBody  .iconBox.bgGrey.bgImg  { height: 100px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
	.pageBody  .iconBox.bgIcon {  height: 100px;}
	.pageBody   .iconBox.bgIcon blockquote { margin-right: 30%;}

}	
@media only screen and (min-width: 850px) and (max-width: 950px) {	
	.pageBody .iconBox.iconBoxTop p { font-size: 14px; } 
}
	
@media only screen and (min-width: 767px) and (max-width: 850px) {	
	.pageBody .iconBox.iconBoxTop p { font-size: 13px; } 
}
	
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.pageBody .iconBox  p.iconBoxName { padding-top: 55px;}	
	.iconBox.iconBoxTop { height: auto; }	
	.iconBox.iconBoxLeft { height: auto;  }
	.iconBox.iconBoxRight { height: auto;  }
	.pageBody  .iconBox.bgGreen  { height: auto;}
	.pageBody  .iconBox.bgGrey.bgImg  { height: 100px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
}	
	
/* --- Mobile portrait --- (col-mp) */
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.pageBody .iconBox  p.iconBoxName { padding-top: 40px;}	
	.iconBox.iconBoxTop { height: auto; }	
	.iconBox.iconBoxLeft { height: auto;  }
	.iconBox.iconBoxRight { height: auto; }
	.pageBody  .iconBox.bgGreen  { height: auto;}
	.pageBody  .iconBox.bgGrey.bgImg  { height: 100px; }
	.pageBody   .iconBox.bgGrey.bgImg blockquote { margin-right: 40%;}
	.pageBody   .iconBox.bgIcon blockquote { margin-right: 30%;}
}