.pageBody .iconBox { height: 300px; position: relative;  }
.pageBody .iconBox blockquote { height: 294px; background: #DEEBF2;}

.imageHeaderBlock { text-align: left;   background-image: url('/upload/products/business_security_systems/top.jpg');   background-repeat: no-repeat;  background-position: top center; background-size: 100% auto; }
.imageHeaderBlock blockquote h1 { margin-bottom: 30px;}	
.imageHeaderBlock blockquote p { margin-bottom: 40px;}	
.imageHeaderBlock blockquote h2 { text-align: left;}

.pageBody .iconBox span { position: absolute; top: 30px; left: 30px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 30px; line-height: 1.2; color: #1B4790;}
.pageBody .iconBox img { position: absolute; right: 16px; bottom: 16px; height: 33%; width: auto;}

.pointBox {display: block; position: relative; margin-bottom: 40px; border-radius: 15px;}
.pointBox span {display: block; font-weight: 600; font-size: 34px; line-height: 1.2; color: #FFFFFF; position: absolute; left: 7%; top: 19%; text-align: left; }
.owl-carousel .owl-item  .pointBox img { height: 260px; width: auto; display: block; float: right; border-radius: 15px;}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
		.imageHeaderBlock blockquote h1 { margin-bottom: 30px;}	
		.imageHeaderBlock blockquote p { margin-bottom: 40px;}	
}
	/* --- Tablet landscape --- (col-tr) */
	@media only screen and (min-width: 1240px) and (max-width: 1440px) {
		.imageHeaderBlock blockquote h1 { margin-bottom: 20px;}	
		.imageHeaderBlock blockquote p { margin-bottom: 30px;}	
	}


	/* --- Tablet portrait --- (col-tp) */
	@media only screen and (min-width: 991px) and (max-width: 1240px) {
		.imageHeaderBlock { background-size: 120% auto; }
		.imageHeaderBlock blockquote h1 { margin-bottom: 20px;}	
		.imageHeaderBlock blockquote p { margin-bottom: 20px;}	
		.pointBox { margin-bottom: 20px; }
		.pointBox span { font-size: 26px; }
		.owl-carousel .owl-item  .pointBox img { height: 230px; width: auto; display: block; float: right;}
		.pageBody .iconBox { height: 240px; position: relative;  }
		.pageBody .iconBox blockquote { height: 236px; }
	}


		/* --- Small tablet portrait --- (col-st) */
	@media only screen and (min-width: 767px) and (max-width: 991px) {
		.imageHeaderBlock { background-size: 130% auto; }
		.imageHeaderBlock blockquote h1 { margin-bottom: 10px;}	
		.imageHeaderBlock blockquote p.textSupBig { margin-bottom: 10px;}	
		.pointBox { margin-bottom: 14px; }
		.pointBox span { font-size: 20px; }
		.owl-carousel .owl-item  .pointBox img { height: 200px;}
		.pageBody .iconBox { height: 200px; position: relative;  }
		.pageBody .iconBox blockquote { height: 196px; }
	}

	/* --- Mobile landscape --- (col-ml) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.imageHeaderBlock { background-size: 120% auto; }
		.pageBody .iconBox { height: 200px;  }
		.pageBody .iconBox span { font-size: 20px; top: 20px; left: 20px; }
		.pointBox { margin-bottom: 20px; }
		.pointBox span { font-size: 16px; }
		.owl-carousel .owl-item  .pointBox img { height: 140px;}
		.pageBody .iconBox { height: 150px; position: relative;  }
		.pageBody .iconBox blockquote { height: 146px;  }
	}
	
		/* --- Mobile portrait --- (col-mp) */
	@media only screen and (min-width: 0px) and (max-width: 480px) {
		.imageHeaderBlock { background-size: 120% auto; }
		.pageBody .iconBox span { font-size: 14px; top: 16px; left: 16px; }
		.pointBox { margin-bottom: 20px; }
		.pointBox span { font-size: 12px; }
		.owl-carousel .owl-item  .pointBox img { height: 100px;}
		.pageBody .iconBox { height: 120px; position: relative;  }
		.pageBody .iconBox blockquote { height: 116px;  }
	}