section {  display:block; width:100%; margin:0; padding:0; overflow-y:auto; }
	#section1 { background:#ececec; margin:0 0 0 0; transition:all 1s ease-out; }
	#section2 { background:#fff; }
	#section3 { background:#fff; }        

	body.smhead #section1 { margin:100px 0 0 0; }

	h2 { font-size:50px; margin:0; padding:0; font-weight:bold; text-align:center; margin-bottom:10px }
	h3 { font-size:28px; line-height:normal; font-weight:normal;}
	h4 { font-size:24px; font-weight:normal; margin:0 0 20px 0; padding:0; text-align:center; padding:10px 0; line-height:normal;
		  border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

	.banner h1	{ font-size:60px; letter-spacing:-0.8px; line-height:1; margin:0; text-align:center; padding:0 50px; transition: all 0.3s ease-out}
	.banner h2	{ font-size:20px; letter-spacing:normal; font-weight:normal; line-height:normal; margin:0; text-align:center; padding:0 50px; margin-top:10px; transition: all 0.3s ease-out }

	.pg 			{ max-width:1400px; margin:0 auto;}
	.pg .pg-inner 	{ padding-top:110px; padding-left:50px; padding-right:50px}


	/*  Section 1 ( Top banner) ========== */
	.banner 	{ color:#fff;/* background:#ececec url('images/banner.jpg') top left/cover no-repeat;*/
	  			  height:400px; display:flex; justify-content:center; align-items:center; transition: all 0.3s ease-out; overflow:hidden; margin-top:70px}
	.intro>div 	{ padding:30px 50px; text-align:center;}

	#myVideo 	{ position:absolute; right:0; bottom:0; top:0; min-width:100%;  min-height:100%;}
	/*.content 	{ position:fixed; bottom:0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; padding: 20px;}*/

	

	/*  Section 2 ( Advertising Intelligence) ========== */
	section.slider-adj 		{ overflow-y:visible;}

	section.slider-adj .sl-col1  	{ width:45%; float:left; text-align:center; }
	section.slider-adj .sl-col2  	{ width:55%; float:left;}
	section.slider-adj .sl-col2>div { padding:50px 130px 0 100px}

	section.slider-adj.orange h3	{ color:#ff7e00; margin-bottom:20px}
	section.slider-adj.blue h3		{ color:#3199cc; margin-bottom:20px}


	/*  Section 4 ( About Us) ========== */
	#section4 h3			{ padding-top:100px}
	#section4 	 			{ background-color:#ececec; z-index:-10}
	#section4 .bg 			{ }
	#section4 .bg:before 	{ content: ''; position:absolute; top:-80px; right:0; left:0; bottom: 0;opacity:0.4;
   							  background-image:url(images/img-circle.svg); background-position:top center;
   							  background-repeat:no-repeat; background-size:100%;  z-index:-1;}

	#section4 ul 			{ margin:80px 20px 50px 20px; padding:0}
	#section4 ul li 		{ margin:0; padding:0; float:left; width:25%; height:100px; list-style:none; text-align:center;}
	#section4 ul li img  	{ height:auto; width:100%;}

	#section4 .about .ab-col1 { width:35%; float:left; text-align:right;}
	#section4 .about .ab-col1 .ab-pos { padding-right:50px}
	#section4 .about .ab-col2 { width:65%; float:right;}

	/*  Footer ========== */
	footer					{ position:absolute; bottom:0; left:0; width:100%; background-image:url(images/bg-black50.png); background-repeat:repeat; overflow:hidden;z-index: 100}
	footer .statement		{ position:relative; font-size:12px; color:#fff; padding:10px 0 10px 50px}
	footer .subscribe		{ font-weight:bold; padding:20px; background-color:#ff7e00; cursor:pointer; transition: all 0.3s ease-out}
	footer .subscribe:hover { background-color:#333}
	footer .link 			{ padding:0 10px 0 20px}
	footer .link a 			{ color:#fff; text-decoration:none; cursor:pointer; transition: all 0.3s ease-out}
	footer .link a:hover 	{ color:#333; }
	footer .copyright:before 		{ content:"•"; padding:0 10px;}

/* ==========================================================================
    Media Style
============================================================================= */
	@media only screen and (max-width:1024px) {
	.banner h1	{ font-size:42px;}
	.banner h2	{ font-size:18px;}

	.pg .pg-inner 	{ padding-top:50px;}
	h2 { font-size:40px; }
	h3 { font-size:26px; }
	h4 { font-size:16px; padding:20px 0}

	section.slider-adj .sl-col2>div { padding:10px 50px 0 50px}
	footer .statement	{ padding-left:20px;}
	footer				{ position:relative;}

	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	#section4 .bg:before 	{ top:0px;}
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#section4 .bg:before 	{ top:50px;}
	#section4 ul 			{ margin:50px 20px 0 20px;}
	#section4 h3			{ padding-top:50px}
	#section4 .bg:before 	{ top:-20px;}

	#section4 .about .ab-col1 { width:100%; float:inherit; text-align:center;}
	#section4 .about .ab-col1 .ab-pos { padding-right:0; padding-bottom:50px}
	#section4 .about .ab-col2 { width:100%; float:inherit;}

	section.slider-adj .sl-col1  	{ width:100%; float:inherit; text-align:center; }
	section.slider-adj .sl-col2  	{ width:100%; float:inherit; margin-top:30px}
	section.slider-adj .sl-col2>div { padding:10px 50px 0 0; text-align:center;}


	}


	@media only screen and (max-width:767px) {
	section .content { position:relative; top:0; left:0; }
	section#section1>.content { top:0; }

	.pg .pg-inner 	{ padding-left:25px; padding-right:25px}
	h2 { font-size:30px; line-height:1.2 }
	h4 { line-height:1.6;}
	h3 { margin-bottom:20px;}

	.banner h1	{ font-size:30px; padding:0 25px}
	.banner h2	{ font-size:16px; padding:0 40px }
	.banner 	{ height:300px}

	.intro>div 	{ padding:20px;}

	#section4 .bg:before 	{ top:50px;}
	#section4 ul 			{ margin:0;}
	#section4 h3			{ padding-top:20px}
	#section4 .bg:before 	{ top:-20px;}

	#section4 .bg:before 		{ display:none}
	#section4 .about .ab-col1  	{ width:100%; float:inherit; text-align:center;}
	#section4 .about .ab-col1 .ab-pos { padding-right:0; padding-bottom:50px}
	#section4 .about .ab-col2 	{ width:100%; float:inherit;}
	#section4 ul li 			{ width:50%; }
	#section4 ul li:first-child,
	#section4 ul li:nth-child(4n),
	#section4 ul li:nth-child(17n),	
	#section4 ul li:last-child	{ display:none }
		
	section.slider-adj h3	{ font-size:20px}
	section.slider-adj .sl-col1  	{ width:100%; float:inherit; text-align:center; }
	section.slider-adj .sl-col2  	{ width:100%; float:inherit; margin-top:30px}

	section.slider-adj .sl-col2>div { padding:10px 10px 0 20px; text-align:left;}

	footer { font-size:14px;}
	footer .statement 	{ padding-left:20px; }
	footer .subscribe 	{ width:80%; display:block; background-color:transparent; padding:0 0 10px 0; border-bottom:1px solid #ececec}
	footer .link		{ padding:10px 0; display:block; width:80%}
	footer .link:before { content:"•"; padding-right:10px}
	footer .copyright 	{ padding-right:100px}
	footer .copyright:before 		{ content:""; padding:0}
	}