@import url('https://fonts.googleapis.com/css?family=K2D:400,400i,700i');
#menu{position:fixed; right:0px; top:36%; /*height:100%;*/ vertical-align:middle; display: block; z-index: 1; width:106px;}
#menu ul{/*display: flex;justify-content: center;flex-direction: column;height:100%;*/}
#menu ul li{height:42px; margin:0 0 4px;}
#menu ul li a.menu-links{ -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
#menu ul li a.menu-links strong{float:left; width:64px; font-size:10px; color:#fff; text-transform:uppercase; display:none; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; text-align:right; padding-right:5px; }
#menu ul li a.menu-links.active strong, #menu ul li a:hover.menu-links strong{display:block; }
#menu ul li a.menu-links span{height:100%; border-left:1px solid #ffffff; font-size:10px; color:#fff; padding:0 0 0 5px; float:right;  width:42px;}
#menu ul li a.menu-links.active span{border-left:1px solid #ffa900; color:#ffa900;}


.fp-viewing-InvestorZone #menu ul li a.menu-links span{border-left:1px solid #c4c4c4; color:#c4c4c4;}
.fp-viewing-InvestorZone #menu ul li a.menu-links.active span{border-left:1px solid #ffa900; color:#ffa900;}
.fp-viewing-InvestorZone #menu ul li a.menu-links strong{color:#c4c4c4;}

.fp-viewing-OurProducts #menu ul li a.menu-links span{border-left:1px solid #c4c4c4; color:#c4c4c4;}
.fp-viewing-OurProducts #menu ul li a.menu-links.active span{border-left:1px solid #ffa900; color:#ffa900;}
.fp-viewing-OurProducts #menu ul li a.menu-links strong{color:#c4c4c4;}

.fp-viewing-WorkWithUs #menu ul li a.menu-links span{border-left:1px solid #c4c4c4; color:#c4c4c4;}
.fp-viewing-WorkWithUs #menu ul li a.menu-links.active span{border-left:1px solid #ffa900; color:#ffa900;}
.fp-viewing-WorkWithUs #menu ul li a.menu-links strong{color:#c4c4c4;}


.fp-viewing-socialfeeds #menu ul li a.menu-links span{border-left:1px solid #c4c4c4; color:#c4c4c4;}
.fp-viewing-socialfeeds #menu ul li a.menu-links.active span{border-left:1px solid #ffa900; color:#ffa900;}
.fp-viewing-socialfeeds #menu ul li a.menu-links strong{color:#c4c4c4;}


.fp-viewing-sitemap #menu ul li a.menu-links span{border-left:1px solid #c4c4c4; color:#c4c4c4;}
.fp-viewing-sitemap #menu ul li a.menu-links.active span{border-left:1px solid #ffa900; color:#ffa900;}
.fp-viewing-sitemap #menu ul li a.menu-links strong{color:#c4c4c4;}
.fp-viewing-sitemap .scrollDown{display:none;}

/*------section 1 css start------*/
.bannerPanel{ background:#CCC; position:relative; overflow:hidden; float:left; width:100%;}
.banner_block{height:100vh; background-color:#fff; float:left; width:100%; position:relative; font-family: 'Gill Sans';}









#homeBannerSlider{ z-index:1;}
#homeBannerSlider, #homeBannerSlider>div, #homeBannerSlider>div>div, #homeBannerSlider>div>div>li{ height:100%;}
#homeBannerSlider>div>div>li{ background-repeat:no-repeat; background-size:cover; background-position: center;}
.hbDex{/* width:100%; opacity:0; height:1px; width:1px;*/}

.bannerInfo{ /* max-width:1700px; width:90%; */ margin:0 auto;  width:75%; position:absolute; left:0; right:0;  bottom:20px; padding:20px 0; z-index:5; text-align: center;}
.bannerInfo span{ display:block; position:relative; font-style:italic; overflow:hidden;}
.bannerInfo span strong{ position:relative; top:110px; opacity:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease}
.bannerInfo span strong a{color:#fff;}

.bannerInfo span strong.fadeInUp{top:0;opacity:1; }
.bannerInfo span strong.fadeOutUp{top:-120px; opacity:0; }

.banner1_text1{left:0%; padding-bottom:20px;  color:#fff; font-size:50px;  font-weight:300; /*text-shadow: 0px 0px 3px rgba(47, 52, 56, 0.75);*/}
.banner1_text1 strong{font-weight: 500;}
.banner1_text1 em{font-weight:700;}
.banner1_text2{left:0%; padding-bottom:30px; color:#FFF; font-size:20px; line-height:26px; font-weight:500;}
.banner1_text3{left:0%; padding-bottom:0px; color:#FFF; font-size:16px; line-height:18px; font-weight:500;}
.banner1_text4{left:0%; padding-bottom:0px; color:#FFF; font-size:18px; line-height:24px; font-weight:500; margin-top:15px;}
.banner1_text2 strong, .banner1_text3 strong, .banner1_text4 strong{font-weight:400;}
.slide_btn{left:0; margin-top:20px; }
.slide_btn a{font-size:14px; line-height:18px; background-color:#da232b; color:#FFF; font-weight:500; font-style:normal; padding:15px 63px 15px 26px; display:inline-block; position:relative;}
.slide_btn a:before{ content:''; display:block; width:23px; height:2px; background:url(../images/arrow_yellowa.png) no-repeat 100% 0; right:16px; position:absolute;  top:50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
/*.slide_btn a:hover:before{background:url(../images/arrow_yellowa.png) no-repeat 0 -11px; position:absolute;}*/
.slide_btn a:hover{color:#fccb23; font-weight:500;}



.slide_btn a.know_more{margin-right:30px; position:relative;}
.slide_btn a.know_more:after{content:''; background:url(../images/plus5.png) no-repeat 100% 0; width:8px; height:8px; position:absolute; right:0; top:-1px; bottom:0; margin:auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease;}
.slide_btn a.know_more:hover:after{background:url(../images/plus5.png) no-repeat 0 0;}

.slide_btn a.buy_application_kit{position:relative; padding-right:20px;}
.slide_btn a.buy_application_kit:after{content:""; width:13px; height:11px; position:absolute; right:0; top:-1px; bottom:0; margin:auto; background:url(../images/arrow5.png) no-repeat 100% 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 0.5s ease; }
.slide_btn a.buy_application_kit:hover:after{background:url(../images/arrow5.png) no-repeat 0 0;}


.bannerInfo span strong.delay1{-webkit-transition-delay:0.4s;  transition-delay:0.4s;}
.bannerInfo span strong.delay2{-webkit-transition-delay:0.7s;  transition-delay:0.7s;}
.bannerInfo span strong.delay3{-webkit-transition-delay:0.9s;  transition-delay:0.9s;}
.bannerInfo span strong.delay4{-webkit-transition-delay:0.9s;  transition-delay:0.9s;}

.hs_prev, .hs_next{ position:absolute; top:0; bottom:0; margin:auto; z-index:10; width:61px; height:61px; border-radius:50%; background:rgba(0,0,0,0); text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
.hs_prev{ left:60px; background:url(../images/banner-arrow-61x61.png) no-repeat 0 0;}
.hs_next{background:url(../images/banner-arrow-61x61.png) no-repeat -61px 0; right:150px;}


.gallery_paging{ z-index: 5; margin-top: 0px; position: absolute; bottom: 40px; right: 0; text-align: right; padding: 0 30px 0 0; font-size: 22px; color: #ffffff;}
.gallery_paging b{font-weight: 300; padding: 90px 20px 0;  line-height: 0px; vertical-align: top;}
.gallery_paging b:after{position: absolute; content: ""; background: url("../images/slash_banner.png") no-repeat; width: 18px; height: 47px;}
.gallery_paging em{line-height: 90px; font-weight: 300; color: #c3c3c3; font-size: 18px;}


.banner-dots{ width: 100%;z-index: 5; margin-top: 0px; position: absolute; bottom: 30px; right: 0; text-align: right; padding: 0 50px 0 0;}
.banner-dots li{display:inline-block; margin:0 2px;}
.banner-dots li span{display:inline-block; width:11px; height:11px; text-indent:-9999px; background:#CCC; border-radius:50%; margin:0 2px; font-size:0; color:transparent; cursor:pointer;}
.banner-dots li.slick-active span{background:#da232b;}


.pr_prev, .pr_next{ position:absolute; top:0; bottom:0; margin:auto; z-index:1; width:61px; height:61px; border-radius:50%; background:rgba(0,0,0,0); text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
.pr_prev{ left:-90px; background:url(../images/im_arrow.png) no-repeat left center;}
.pr_next{background:url(../images/im_arrow.png) no-repeat  right center; right:-90px;}

.hbDex.desktop{display:none !important;}
.hbDex.mob{display:none !important;}
#homeBannerSlider .slick-initialized .slick-slide{background-size:cover;}

.scrollDown {height: 40px; width: 40px; background-color:rgba(0,0,0,0.50); position: absolute; right: 20px; bottom: 50px;  border-radius:50%; cursor: pointer;z-index:2; overflow:hidden;}
/*.scrollDown:after{background:url(../images/scrollDown2.png) no-repeat center; position:absolute; content:""; width:15px; height:8px; margin:auto; left:0; right:0; top:0; bottom:0;   -webkit-animation: bounce 2s infinite;  animation: bounce 2s infinite;}*/

.scroll_arrow {overflow: hidden;position: absolute;width: 15px;height: 25px;margin:auto;left:0; right:0; top:0; bottom:0;}
.scroll_arrow::before {content: '';position: absolute;left: 7px;top: 0;width: 1px;height: 32px;background: #fff;-webkit-animation: lineAniTop 1.5s cubic-bezier(.45, .05, .3, .93) 1s infinite;animation: lineAniTop 1.5s cubic-bezier(.45, .05, .3, .93) 1s infinite}
.scroll_arrow .head {position: absolute;left: 0;bottom: 0;background:url(../images/scrollDown2.png) no-repeat center; position:absolute; width:15px; height:8px;}

@-webkit-keyframes lineAniTop {
    0% {-webkit-transform: scaleY(0);transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top}
    30% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: center top;transform-origin: center top
    }
    30.001% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: center bottom;transform-origin: center bottom}
    60% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: center bottom;transform-origin: center bottom}
    100% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: center bottom;transform-origin: center bottom}
}

@keyframes lineAniTop {
    0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: center top;transform-origin: center top}
    30% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: center top;transform-origin: center top}
    30.001% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: center bottom;transform-origin: center bottom}
    60% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: center bottom;transform-origin: center bottom}
    100% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: center bottom;transform-origin: center bottom}
}

/*@-webkit-keyframes bounce {
  0%,20%,50%,80%,100% {-webkit-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
  60% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
  60% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
}*/





/*------section 2 css start------*/
.about_zone{height:100%; float:left; width:50%; background-color:#002b45;}
.about_zone ul{height: 100%; width: 100%;}
.about_zone ul li{float: left; width: 100%; height: 50%;}
.about_zone ul li img{width: 100%;}
.about_zone_vertical{height:100%; float:left; width:50%; background-color:#f9f9f9;}
.about_zone_vertical ul{height: 100%; width: 100%%;}
.about_zone_vertical ul li{float: left; width: 50%; height: 100%;}
.about_zone_vertical ul li img{width: 100%;}
.about_zone_vertical ul li .inform{width:100%; float:left; padding: 0 50px; margin:0 0px 0 0px; color:#292f34; height:100%; display: flex;justify-content: center;flex-direction: column;text-align: center;}
.about_zone_vertical ul li .inform h3{ font-size:36px; color:#0062a9; position:relative;  font-weight:300; padding:0 0 40px;}
.about_zone_vertical ul li .inform h3 strong{font-weight:500;}
.about_zone_vertical ul li .inform h4{font-size:25px; font-weight: 300; padding-bottom:10px; color: #000000;}
.about_zone_vertical ul li .inform p{font-size:20px; font-weight: 300; padding-bottom:40px; color: #494949;}
.about_zone_vertical ul li .inform a {font-size: 20px; display: block; text-align: center; line-height: 18px; background-color: #0062a9; color: #FFF; font-weight: 300; font-style: normal; padding: 15px 0px 15px 0px; }
.about_zone_vertical ul li .inform .btn{margin: 0 auto; width: 160px;}
.dsk_thumb{display: block;}
.mob_thumb{display: none;}
/*------section 2 css end------*/

/*------section 3 css start------*/

.our_impact{ display: flex;justify-content: center;flex-direction: column;text-align: center; max-width:1061px; margin:0 auto; height:100%; }
.our_impact h3{ font-size:36px; color:#494949; position:relative; font-weight:300; padding:0 0 20px; margin:0 0 20px;}
.our_impact h3 strong{font-weight:700;}
.impact_slider{margin:0px 0 0;}
.impact_slider li{ display:inline-block; padding:30px 1px;}
.impact_slider li aside{ width: 100%; border-radius: 30px; height:381px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); background-color:#ffffff; display:inline-block; padding:0 1px;}
.impact_slider li .thumb{height:160px; overflow:hidden;}
.impact_slider li .thumb img{width:100%; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease;}
.impact_slider li a:hover .thumb img{transform: scale(1.2);}
.impact_slider li .info_con{padding:70px 0 0; text-align:center;}
.impact_slider li .info_con i{display: inline-block; padding: 0 0 35px;}
.impact_slider li .info_con h4{color:#da232b; font-size:30px; font-weight:600;  padding: 0 0 5px;}
.impact_slider li .info_con span{font-size:25px; color:#494949; position:relative;}
.impact_slider li a:hover .info_con span{color:#ff8400;}
.impact_slider li .info_con span:after{position:absolute; content:""; background:url(../images/product_arrow.png) no-repeat; width:5px; height:9px; top:2px; margin-left:5px;}

/*------section 3 css end------*/

/*------section 4 css start------*/

.our_program{ display: flex;justify-content: center;flex-direction: column;text-align: center; max-width:1061px; margin:0 auto; height:100%; }
.our_program h3{ font-size:36px; color:#fff; position:relative; font-weight:300; padding:0 0 20px; margin:0 0 20px;}
.our_program h3 strong{font-weight:700;}

.program_slider{margin:0px 0 0;}
.program_slider li{ display:inline-block; padding:30px 1px;}
.program_slider li aside{ width: 100%; height:422px; box-shadow:inset 11px -1px 20px 0px rgba(0,0,0,0.10), 0px 0px 10px 0px rgba(0, 0, 0, 0.1); background-color:#0062a9; display:inline-block; padding:0 30px;}
.program_slider li .thumb{height:160px; overflow:hidden;}
.program_slider li .thumb img{width:100%; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease;}
.program_slider li a:hover .thumb img{transform: scale(1.2);}




.program_slider li .info_con{padding:70px 0 0; text-align:center;}
.program_slider li .info_con i{display: inline-block; padding: 0 0 35px;}
.program_slider li .info_con h4{color:#71d2ff; font-size:25px; font-weight:300;  padding: 0 0 25px;}
.program_slider li .info_con p{font-size:18px; color:#ffffff; position:relative; padding: 0 0; height: 160px}
.program_slider li .info_con a {font-size: 20px; display: inline-block; text-align: center; line-height: 18px; background-color: #fff; color: #0062a9; font-weight: 300; font-style: normal;
    padding: 15px 25px 15px;}
.program_slider li a:hover .info_con span{color:#ff8400;}
.program_slider li .info_con span:after{position:absolute; content:""; background:url(../images/product_arrow.png) no-repeat; width:5px; height:9px; top:2px; margin-left:5px;}

.ps_dots{ width:100%; z-index:5; margin-top:0px;}
.ps_dots li{ display:inline-block; margin:0 4px;}
.ps_dots li button{ display:inline-block; width:11px; height:11px; text-indent:-9999px; background:#0473bf; font-size:0; color:transparent; border-radius:50%; cursor: pointer; border: none; padding: 0; transition: all 0.3s ease-in-out;}
.ps_dots li.slick-active button{background:#fff;/* width:16px;*/ }

/*------section 4 css end------*/

/*------section 5 css start------*/
.home_video_sec{float: left; width: 100%; height: 100%;}
.home_video_sec .img_rsponsive{width: 100%;}
.home_video_sec .box1{float: left; width: 67%; height: 100%; background-color: #ddd0;}
.home_video_sec .box1 ul{height: 100%; float: left; width: 100%;}
.home_video_sec .box1 ul li{float: left; height: 50%; overflow: hidden; position: relative}
.home_video_sec .box1 ul li a.videopop{position: absolute; bottom: 10px; left: 20px; z-index: 9;}
.home_video_sec .box1 ul li:nth-child(1){width: 66.66%;}
.home_video_sec .box1 ul li:nth-child(2){width: 33.33%;}
.home_video_sec .box1 ul li:nth-child(3){width: 33.33%;}
.home_video_sec .box1 ul li:nth-child(4){width: 66.66%; background: url("../images/home_video_info_bg.jpg") no-repeat; background-size: cover; padding: 65px;}
.home_video_sec .box2{float: left; width: 33%; height: 100%; background-color: #ddd; position: relative;}
 .home_video_sec .box2 a.videopop{position: absolute; bottom: 10px; left: 20px; z-index: 9;}

.video_infrom h3{ color: #f8c301; font-size: 48px; font-weight: 800;}
.video_infrom h4{ color: #fff; font-size: 30px; font-weight: 800; padding: 45px 0;}
.video_infrom h4 small{ font-weight: 300;}
.video_infrom a{background: url("../images/video_linkarrow.png") no-repeat right; padding: 0 70px 0 0; color: #f8c301; font-size: 22px;}

/*------section 5 css end------*/



/*---------Social fedds zone start-----------*/
.our_partner{ display: flex;justify-content: center;flex-direction: column;text-align: center; max-width:1061px; margin:0 auto; height:100%; }
.our_partner h3{ font-size:36px; color:#494949; position:relative; font-weight:300; padding:0 0 20px;}
.our_partner h3 strong{font-weight:800; float: left; width: 100%;}

.our_partner ul{margin:0px 0 0;}
.our_partner ul:after{position: absolute; content: ""; background-color: #fff; height: 100%; width:25px; right: 0px; top: 0px;}
.our_partner li{ display:inline-block; padding:30px 1px;}
.our_partner li aside{ width: 100%; height:422px;  display:inline-block; padding:0 30px; background: url("../images/partnet_divider.png") no-repeat right;}
.our_partner li .thumb{height:160px; overflow:hidden;}
.our_partner li .thumb img{width:100%; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease;}
.our_partner li a:hover .thumb img{transform: scale(1.2);}




.our_partner li .info_con{padding:70px 0 0; text-align:center;}
.our_partner li .info_con i{display: inline-block; padding: 0 0 35px; height: 160px;}
.our_partner li .info_con h4{color:#71d2ff; font-size:25px; font-weight:300;  padding: 0 0 25px;}
.our_partner li .info_con p{font-size:18px; color:#333333; position:relative; padding: 0 0; height: 160px}
.our_partner li .info_con span{color:#000;}
.our_partner li .info_con a {font-size: 20px; display: inline-block; text-align: center; line-height: 18px; background-color: #fff; color: #0062a9; font-weight: 300; font-style: normal;
    padding: 15px 25px 15px;}
.our_partner li a:hover .info_con span{color:#ff8400;}
.our_partner li .info_con span:after{position:absolute; content:""; background:url(../images/product_arrow.png) no-repeat; width:5px; height:9px; top:2px; margin-left:5px;}

.pr_dots{ width:100%; z-index:5; margin-top:0px;}
.pr_dots li{ display:inline-block; margin:0 4px;}
.pr_dots li button{ display:inline-block; width:11px; height:11px; text-indent:-9999px; background:#b4b7ba; font-size:0; color:transparent; border-radius:50%; cursor: pointer; border: none; padding: 0; transition: all 0.3s ease-in-out;}
.pr_dots li.slick-active button{background:#db1f27;/* width:16px;*/ }



@media only screen and (max-width:1600px){
	/*------common section css strat------*/

	
	/*------section 1 css strat------*/
	
	/*------section 2 css strat------*/
	
	/*------section 3 css strat------*/
	.our_impact h3 {padding: 0 0 0px; margin: 0 0 0px;}
	
	/*------section 4 css strat------*/
	.our_program h3 {padding: 0 0 0px; margin: 0 0 0px;}
	.ps_dots li{padding: 0px;}
	.program_slider li .info_con {padding: 46px 0 0;}
	.program_slider li aside {height: 390px;}

	/*------section 5 css strat------*/
	.home_video_sec .box1 ul li:nth-child(4) {padding: 55px;}
	.video_infrom h4 {font-size: 26px; padding: 21px 0;}
	.video_infrom h3 {font-size: 38px; margin: 0px; padding: 0;}
	/*------section 5 css strat------*/
	
	
		/*------section 6 css start------*/
	.our_partner{ height:auto; padding: 25px 0 0; }
	.our_partner li .info_con i {padding: 0 0 0px; height: 148px;}
	.our_partner li .info_con {padding: 27px 0 0; text-align: center;}
	.our_partner li .info_con p {height: 140px;}
	.our_partner h3 { padding: 0 0 0px;}
	.our_partner li {padding:0px 1px;}
	.pr_dots li{padding: 0px;}
	.our_partner li aside {height: 390px;}

	/*------section 6 css end------*/
	
	

}

@media only screen and (max-width:1080px){
.banner_block {height: auto; margin:70px 0 0}
	/*------section 1 css strat------*/
	.hbDex{width:100%; height:auto;}
	.hbDex.desktop {display: block !important;}
	

	#menu, .scrollDown{display:none;}
	/*------section 1 css strat------*/
	.hbDex.desktop {display: block !important;}
	.banner1_text1 { padding-bottom: 10px; font-size: 36px;}
	.banner1_text2 {padding-bottom: 0px; font-size: 20px;}
	
	/*------section 2 css strat------*/

.about_zone_vertical ul li .inform { padding: 40px 20px 0; display: block;}
	.about_zone ul li{overflow: hidden;}
	.about_zone ul li img {display: block;}
	.about_zone_vertical ul li .inform h3 {padding: 0 0 20px; font-size: 29px;}
	.about_zone_vertical ul li .inform h4 {font-size: 24px;}
	.about_zone_vertical ul li .inform p {font-size: 18px;}
	.program_slider li aside {padding: 0 20px;}
	.home_video_sec .box1 ul li:nth-child(4) {padding: 19px;}

	
	/*------section 3 css strat------*/
	.section3 {float: left; width: 100%;  padding:40px 20px;}
	.our_impact {max-width:750px;}
	
	/*------section 4 css strat------*/
	.our_program {height: auto; padding: 50px 50px;}
	.home_video_sec .img_rsponsive{display: block}
	.home_video_sec .box1 ul li {height: 230px;}
	.home_video_sec .box2 {height: 460px;}
	
	/*------section 5 css strat------*/
	.section5 {float: left;width: 100%;}

	
	/*------section 6 css strat------*/
	.section6 { padding:20px 20px 60px;}
	
	
	
	
}

@media only screen and (max-width:800px){
	
	/*------section 1 css strat------*/
		.gallery_paging{display: none;}
	/*------section 2 css strat------*/
	.about_zone{display: none;}
	.about_zone_vertical {height: 100%; float: left; width:100%;  background-color: #f9f9f9; height: 768px; overflow: hidden;}
	.about_zone_vertical ul li .inform{display: flex;}
	
	/*------section 3 css strat------*/
	.our_impact {display: block; padding: 0 90px;}
	
	/*------section 5 css strat------*/
	.home_video_sec .box1 { width: 100%; height: 100%; background-color: #ddd0;}
	.home_video_sec .box2{display: none;}
	.home_video_sec .box1 ul li:nth-child(4) {padding: 24px;}
	
	
	/*------section 5 css strat------*/
	
	
	
}

@media only screen and (max-width:500px){
	body, html{overflow-x: hidden;}
	#homeBannerSlider > div > div > li{position:relative;}
	#homeBannerSlider > div > div > li:after{position:absolute; content:""; left:0; right:0; bottom:0; background:url(../images/black_banner_shadow.png) center bottom repeat-x; height:100%; width:100%;}
	.hs_prev, .hs_next {width: 40px; height: 40px;}
	.hs_prev {left: 0px; background: url(../images/banner-arrow_mob-61x61.png) no-repeat 0 0;}
	.hs_next {right: 0px; background: url(../images/banner-arrow_mob-61x61.png) no-repeat -40px 0;}
	
	.pr_prev {display: block; left: calc(50% - 70px);  top: auto;  bottom: -30px;}
	.pr_next {display: block; right: calc(50% - 70px);  top: auto;  bottom: -30px;}
	
	


	.sc_prev, .sc_next{ position:absolute; top:0; bottom:0; margin:auto; z-index:10; width:40px; height:40px; border-radius:50%; background:rgba(0,0,0,0); text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
.sc_prev{ left:-25px; background:url(../images/pr_arrow_mob.png) no-repeat 0 0;}
.sc_next{background:url(../images/pr_arrow_mob.png) no-repeat -40px 0; right:-25px;}
	/*------section 1 css strat------*/
	.hbDex.desktop {display: none !important;}
	.hbDex.mob {display: block !important;}
	.bannerInfo {height: auto; top: initial;bottom: 0;}
	.banner1_text1 {padding-bottom: 10px;font-size: 30px;text-align:center;}
	.banner1_text1 br{display: none;}	
	.banner1_text2 {padding-bottom: 20px;font-size: 18px;line-height: normal;text-align: center; font-weight: 300;}
	.bannerInfo span {text-align: center;}
	.slide_btn {margin-top:0px;}

	.bannerInfo {width: 80%;}
	
	/*------section 2 css strat------*/
.zone_block li, .share_block li {width: 100%; margin-bottom:20px;}
	.dsk_thumb{display: none;}
.mob_thumb{display: block;}	
	.about_zone_vertical {height: auto;}
	.about_zone_vertical ul li .inform {padding: 20px 15px 0; text-align: left;}
	.about_zone_vertical ul li .inform h3 {font-size: 25px;}
	.about_zone_vertical ul li .inform a {font-size: 17px;}

	/*------section 3 css strat------*/
	.section3 {padding: 40px 0px;}
	.impact_slider {margin:0px 0px 0;}	
	.our_impact {display: block;  padding: 0 40px;}

	/*------section 4 css strat------*/
	.our_program {height: auto; padding: 50px 40px;}
	.program_slider li aside{padding: 0 20px;}
	.home_video_sec .box1 ul li {height: auto;}
	.home_video_sec .box1 ul li:nth-child(3) {display: none;}
	.home_video_sec .box1 ul li:nth-child(1) { width:50%; display: none;}
	.home_video_sec .box1 ul li:nth-child(2) {width: 50%;}
	.home_video_sec .box1 ul li:nth-child(4) {width: 100%;}
	.home_video_sec .box1 ul li:nth-child(3) {width:50%; display: block;}
	.home_video_sec .box1 ul li:nth-child(4) {padding: 55px 25px;}

	/*------section 5 css strat------*/
	.our_partner ul:after{position: absolute; content: ""; background: url("../images/partnet_divider.png") no-repeat right; height: 100%; width:25px; right: 0px; top: 0px;}
	.our_partner ul:before{position: absolute; content: ""; background: url("../images/partnet_divider.png") no-repeat right; height: 100%; width:25px; left: 0px; top: 0px;}
.our_partner li{ display:inline-block; padding:30px 1px 0;}
.our_partner li aside{ width: 100%; height:422px;  display:inline-block; padding:0 50px; background: none no-repeat right;}
	.pr_dots li{padding: 0px}	
	/*------section 6 css strat------*/
	.our_partner li .info_con p{height: auto; padding-bottom: 30px;}
	
	
	
	
	
	

	
}


@media only screen and (max-width:400px){
	.about_zone_vertical ul li .inform h3 {font-size: 23px;}
	.about_zone_vertical ul li .inform h4 {font-size: 20px;}
}