@media only screen and (max-width: 2299px) {
.wrapper { max-width: 1800px;}


.body_wrapper { padding: 0 40px; }
.banner_caption { padding: 130px 0 0; }

.map_container .map_box{ padding:10vh 0 40px; }

.map_box a.economy_btn{ right:-40px;}
.map_box a.economy_btn.left{ left:-40px; right:auto;}

.map_box a.environment_btn{ left:-40px;}
.map_box a.environment_btn.right{ right:-40px; left:auto;}

.map_box a.efficiency_btn{ left:-40px;}
.map_box a.efficiency_btn.right{ right:-40px; left:auto;}


.map_box h3 { font-size: 52px; line-height: 56px; padding: 0 0 25px; }
.map_box p { font-size: 23px; line-height: 37px; padding: 0 0 45px;}
.map_box p span { font-size: 21px; line-height: 27px; }

.video_sec .center_content h3 { font-size: 48px; line-height: 52px; padding: 0 0 25px; }
.energy_sec .center_content h3 { font-size: 48px; line-height: 52px; padding: 0 0 25px; }
.energy_sec .center_content p { font-size: 21px; line-height: 35px;}


.fixed_box { width: 400px;}

.fixed_box .heading_sec .heading_cont { padding: 20px 20px; }
.fixed_box .heading_sec h3 { font-size: 23px; line-height: 27px; }
.fixed_box .content_sec { padding: 20px; }
.fixed_box .content_sec p { font-size: 20px; line-height: 26px; padding: 10px 7% 0;}
.fixed_box .content_sec .value strong { font-size: 126px; line-height: 130px; }
.fixed_box .content_sec .value small { font-size: 62px; line-height: 66px; }
.fixed_box .content_sec .value span { font-size: 26px; line-height: 32px; }

.slider_container{margin: 0 0 0 -400px; padding: 43px 0 0 400px;}
.card_slider .card {  width: 350px; }
.card .heading_sec .heading_cont { padding: 20px; }
.card .heading_sec h3 { font-size: 20px; letter-spacing: 1.6px; line-height: 23px; }
.card .content_sec { padding: 20px 20px; }
.card .content_sec p { font-size: 17px; letter-spacing: 1px; line-height: 22px; padding: 10px 0; }
.card1 .value strong { font-size: 136px; line-height: 140px; }
.card1 .value small { font-size: 80px; line-height: 94px;}
.card2 .value strong { font-size: 63px; line-height: 67px; }
.card2 .value small { font-size: 38px; line-height: 44px; }
.card3 .value strong { font-size: 42px; line-height: 46px; }
.card4 .content_sec img { margin-top: 5px; max-width: 200px; }


.mid_block .img_sec { margin: 0; min-height: 730px; width: 1220px; }
.mid_block .quote_sec { margin: 83px 0 0 -70px; min-height: 730px; padding: 60px 40px 50px 60px; }
.quote_sec p { font-size: 40px; line-height: 56px; }
.quote_sec span{ font-size:20px; line-height:24px; padding:30px 0 0;}


.student_sec .center_content h3{ font-size: 48px; line-height: 52px; padding: 0; }

.genius_sec .intro_sec h3{ font-size: 30px; line-height: 34px;}
.genius_sec .intro_sec p{ font-size: 21px; line-height: 35px; padding: 0 0 45px; }

.genius_block .genius_slide span{ font-size: 18px; line-height: 28px;}
.genius_block .genius_slide p{ font-size: 22px; line-height: 36px;  padding: 30px 0 0;}
.genius_block .genius_slide a { font-size: 20px;  line-height: 26px; margin: 35px 0 0; min-width: 170px;}
.genius_sec a.genius_btn {  font-size: 20px; line-height: 27px; margin: 70px 0 0; padding: 10px 15px; min-width:300px;}


.top_map{ top:90px;}

}

@media only screen and (max-width: 1899px) {

.wrapper { max-width: 1418px; }
.banner_caption { padding: 100px 0 0; }
.banner_caption h1 { font-size: 120px; line-height: 124px; }
.banner_caption h1 span { font-size: 82px; line-height: 86px; }
.banner_caption p { font-size: 24px; line-height: 36px; max-width: 900px; padding:0 0 25px;}
.banner_caption .scroll_bottom { padding: 38px 0 0; }

.logo_sec a img { max-width: 200px; width:200px; height:68px; }

.body_wrapper { padding: 0 25px 0;}
.map_box a.economy_btn{ right:-25px; min-width:135px; font-size:15px; line-height:19px; letter-spacing:0.5px; padding:12px 0 12px 28px;}
.map_box a.economy_btn:after{ top:17px; right:28px; width:8px; height:11px; }

.map_box a.economy_btn.left{ left:-25px; right:auto; padding:12px 0 12px 30px;}
.map_box a.economy_btn.left:after{ left:14px; right:auto; }

.map_box a.environment_btn{ left:-25px; min-width:135px; font-size:15px; line-height:19px; letter-spacing:0.5px; padding:12px 0 12px 30px;}
.map_box a.environment_btn:after{ top:17px; left:14px; width:8px; height:11px; }

.map_box a.environment_btn.right{ right:-25px; left:auto; padding:12px 45px 12px 15px;}
.map_box a.environment_btn.right:after{ right:28px;  left:auto; }

.map_box a.efficiency_btn{ left:-25px; min-width:135px; font-size:15px; line-height:19px; letter-spacing:0.5px; padding:12px 0 12px 30px;}
.map_box a.efficiency_btn:after{ top:17px; left:14px; width:8px; height:11px; }

.map_box a.efficiency_btn.right{ right:-25px; left:auto; padding:12px 45px 12px 15px;}
.map_box a.efficiency_btn.right:after{ right:28px;  left:auto; }




.map_container .map_box{ padding:45px 0 40px; height:auto; min-height:0; }
.map_box h3 { font-size: 48px; line-height: 52px; }
.map_box p { font-size: 21px; line-height: 35px; padding: 0 0 40px; }
.map_box p span { font-size: 18px; line-height: 24px; }
.top_map{ top:70px;}

.center_content { width: 800px;}


.video_sec{ padding-top:140px;}
.video_sec:after{ top:140px; height:calc(100% - 140px);} 
.video_sec .common_col{ margin-top:-140px;}
.video_sec .common_col:after{ left:200px;  width:calc(100% - 200px);}
.video_sec .video_icon { height: 140px; width: 200px; }
.video_sec .video_icon img { margin: 50px 80px 0 0; width: 36px;}
.video_sec .center_content h3 { font-size: 44px; line-height: 48px; padding: 0 0 25px;}


.energy_sec{ padding-top:140px;}
.energy_sec:after{ top:140px; height:calc(100% - 140px);} 
.energy_sec .common_col{ margin-top:-140px;}
.energy_sec .common_col:after{ left:200px;  width:calc(100% - 200px);}

.energy_sec .energy_icon { height: 140px; width: 200px; }
.energy_sec .energy_icon img { margin: 50px 80px 0 0; width: 36px;}
.energy_sec .center_content h3 { font-size: 44px; line-height: 48px; padding: 0 0 25px;}
.energy_sec .center_content p { font-size: 20px; line-height: 34px;}


.fixed_box .heading_sec h3 { font-size: 22px; line-height: 26px;}
.fixed_box .content_sec p { font-size: 18px;  line-height: 24px; padding: 10px 0 0; }
.fixed_box .content_sec .value strong { font-size: 120px; line-height: 124px;}
.fixed_box .content_sec .value small { font-size: 60px; line-height: 64px; }
.fixed_box .content_sec .value span { font-size: 26px; line-height: 30px;}

.card .heading_sec h3 { font-size: 19px; letter-spacing: 1.5px; line-height: 21px; }
.card .content_sec p { font-size: 16px; line-height: 21px; }
.card1 .value strong { font-size: 130px; line-height: 134px; }
.card1 .value small { font-size: 76px; line-height: 80px; }
.card2 .value strong { font-size: 60px; line-height: 64px; }
.card2 .value small { font-size: 36px; line-height: 40px; }
.card3 .value strong { font-size: 40px; line-height: 44px; }
.card4 .content_sec img { max-width: 194px;}


.fixed_box { width: 320px; min-height:590px;}
.card .content_sec { min-height: 387px; padding:10px; }


.slider_container { margin: 0 0 0 -320px; padding: 43px 0 0 320px;}
.card_slider .card {  width: 274px; padding-left:10px;}


.student_sec{ padding-top:140px;}
.student_sec:after{ top:140px; height:calc(100% - 140px); } 
.student_sec .common_col{ margin-top:-140px;}
.student_sec .common_col:after{ left:225px; width:calc(100% - 225px);}

.student_sec .grid_icon { height: 140px; width: 225px; }
.student_sec .grid_icon img { margin: 50px 80px 0 0; width: 36px; }
.student_sec .center_content h3 { font-size: 40px; line-height: 52px; }


.mid_block .img_sec { min-height: 630px; width: 984px;}
.mid_block .quote_sec { min-height: 630px; width: 500px; padding: 60px 40px 50px 60px; }
.quote_sec p { font-size: 28px; line-height: 40px; }
.quote_sec span{ font-size:18px; line-height:22px; padding:25px 0 0;}

.genius_sec .intro_sec h3{ font-size: 28px; line-height: 34px; }
.genius_sec .intro_sec p { font-size: 20px; line-height: 34px; }

.genius_block .genius_slide figure{ min-height: 360px; }
.genius_block .genius_slide span { font-size: 15px; line-height: 20px;}
.genius_block .genius_slide p { font-size: 19px; line-height: 33px; }
.genius_block .genius_slide a { font-size: 17px; line-height: 24px; min-width:150px; padding:5px 5px;}

}



@media only screen and (max-width: 1499px) {

.banner_caption { padding: 160px 0 0; }
.banner_caption h1{ font-size: 100px; line-height: 102px; padding:0 0 2px;}
.banner_caption h1 span{ font-size: 70px; line-height: 72px; }
.banner_caption p { font-size: 20px; line-height: 26px; max-width: 700px;  }
.logo_sec a img { max-width: 157px; width: 157px; height:52px;}
ul.pillars li a { min-width: 185px; padding: 18px 5px 16px; font-size: 15px; }

.banner .waves { background-size:3000px !important; min-height:310px; margin-bottom:-170px;}
.banner_caption .scroll_bottom img{ width:18px;}

.map_box h3 { font-size: 44px; line-height: 48px; padding: 0 0 15px; }
.map_box p { font-size: 18px; line-height: 28px; padding: 0 0 25px; max-width:610px; }
.map_box p span { font-size: 14px; line-height: 18px; }

.center_content { width: 700px; }

.body_wrapper { overflow-x: hidden; padding: 0 25px 0;}


.video_sec{ padding-top:144px;}
.video_sec:after{ top:144px; height:calc(100% - 144px);} 
.video_sec .common_col{padding: 55px 0 35px; margin-top:-144px;}
.video_sec .common_col:after{ left:95px;  width:calc(100% - 95px);}

.video_sec .video_icon { width: 95px; height:144px;}
.video_sec .video_icon img { margin: 50px 35px 0 0; width: 26px; }
.video_sec .wrapper{ max-width:100%;}



.energy_sec{ padding-top:144px;}
.energy_sec:after{ top:144px; height:calc(100% - 144px);} 
.energy_sec .common_col{padding: 55px 0 0; margin-top:-144px;}
.energy_sec .common_col:after{ left:95px;  width:calc(100% - 95px);}

.energy_sec .energy_icon { width: 95px; height:144px;}
.energy_sec .energy_icon img { margin: 50px 35px 0 0; width: 26px; }
.energy_sec .wrapper{ max-width:100%;}
.energy_sec .center_content p { font-size: 19px; line-height: 28px;}

.slider_box { padding: 35px 0 0; }
.fixed_box { min-height: 572px; width: 429px; margin-left:-25px; }
.fixed_box .content_sec p { padding: 10px 13% 0; }

.slider_container { margin: 0 0 0 -429px; padding: 36px 0 0 429px; }
.card_slider{width: 310px;}
.card_slider .slick-list { overflow: visible !important; }
.card_slider .card { width: 310px; padding:0 0 0 10px; }
.card .heading_sec { min-height: 107px; }
.card .content_sec p { padding: 10px 6% 0; }


#slider_btns1{ display:block; float:left; position:relative; width:168px; clear:both; padding:15px 0 0; left:50%; margin-left:-75px;}
.slider_container .slider_btns .slick-prev { position:absolute; height: 14px; left: 0; top:13px; right:auto; bottom:auto; width: 29px; z-index: 999; font-size:0; background:#323232 url(../images/prev_arr.webp) no-repeat 0 0; cursor:pointer; }
.slider_container .slider_btns .slick-prev:before { display:none;  }
.slider_container .slider_btns .slick-next { position:absolute; height: 14px; right: 0; top:13px; left:auto; bottom:auto; width: 29px; z-index: 999; font-size:0; background:#323232 url(../images/next_arr.webp) no-repeat 0 0; cursor:pointer;}
.slider_container .slider_btns .slick-next:before { display:none;  }

.slider_container .slider_btns .slick-dots { padding:0; text-align:center;}
.slider_container .slider_btns .slick-dots li { display:inline-block;  height: 10px; margin: 0; padding: 0 6px; vertical-align: top; width: auto; }
.slider_container .slider_btns .slick-dots li button {  background: #cccccc; border: medium none; border-radius: 50%; display: block; height: 9px; padding: 0; text-indent: -9999px; width: 9px;  cursor:pointer;}
.slider_container .slider_btns .slick-dots li.slick-active button { background: #323232; }
.slider_container .slider_btns .slick-dots li button::before { display: none; }





.student_sec{ padding-top:144px;}
.student_sec:after{ top:144px; height:calc(100% - 144px); } 
.student_sec .common_col{padding: 55px 0 75px; margin-top:-144px;}
.student_sec .common_col:after{ left:120px; width:calc(100% - 120px);}

.student_sec .grid_icon { height: 144px; width: 120px; }
.student_sec .grid_icon img { margin: 62px 46px 0 0; width: 33px; }


.mid_block { padding: 80px 0 55px; }
.mid_block .img_sec{ width: 72%; min-height: 558px;}
.mid_block .quote_sec { margin: 56px 0 0 -7%; width: 35%; min-height: 558px; background-size:100%;}
.quote_sec img { margin-bottom: 30px; }
.quote_sec span{ padding:20px 0 0;}

.wave_mid {  }

.genius_container { padding: 85px 0 30px; }
.genius_block .genius_slide .overlay_cont { bottom: -35px; padding: 0 16%; }
.genius_block .genius_slide figure { min-height: 320px; }
.genius_block .genius_slide span { font-size: 13px; }
.genius_block .genius_slide p { font-size: 17px; line-height: 26px; padding:20px 0 0; }
.genius_block .genius_slide a { font-size: 15px; line-height: 20px; min-width: 133px; padding: 7px 5px; margin:30px 0 0; }
.genius_sec a.genius_btn { font-size: 15px; line-height: 20px; margin: 50px 0 0; min-width: 232px; padding: 7px 15px; }




.ads_sec { padding: 20px 0; }

footer { margin: 20px 0 0; }

}

@media only screen and (max-width: 1366px) {
.banner_caption { padding: 160px 0 0; }	
.map_container .map_box { padding: 10px 0 40px; }
.map_box h3 { padding: 0 0 10px; }
.map_box p { padding: 0 0 20px; }
.map_box .big_map { max-width: 740px; }
body.fixed .top_map { max-width: 100% !important; }
}

@media only screen and (max-width: 1330px) {
	
.farm_view.left figure{ margin-left:-25px;}	
.farm_view.right figure{ margin-right:-25px;}		
.info_box .content_sec p { padding: 0 10% 10px; }
.info_col .content_sec p { padding: 0 5% 10px; }

.video_wrapper{ max-width:920px; }	
}

@media only screen and (max-width: 1200px) {
	
.info_col1 .value strong { font-size: 120px; line-height: 124px; }	
.info_col1 .value small { font-size: 66px; line-height: 70px; }	
.info_col2 .value strong { font-size: 90px; line-height: 94px; }
.info_col2 .value small { font-size: 50px; line-height: 54px; }
.info_col2 .value span { font-size: 26px; }
.info_col3 .value strong { font-size: 104px; line-height: 108px; }
.info_col3 .value small { font-size: 44px; line-height: 48px; }	

.video_wrapper{ max-width:720px; }	
}



@media only screen and (max-width: 1024px) {

.video_wrapper{ max-width:520px; }

.banner .waves { background-size: 2000px !important; min-height:206px; margin-bottom:-140px;}
.banner .waves svg{ width:1024px !important;}
.banner_caption{ padding:20px 0 0;}
.banner_caption h1{ font-size: 60px; line-height: 62px; padding: 0 0 5px; }
.banner_caption h1 span { font-size: 43px; line-height: 45px; padding:0 }
.banner_caption p {  font-size: 18px; line-height: 24px; max-width: 600px;  }

ul.pillars li a { min-width: 150px; padding: 7px 5px; }

.logo_sec a img { max-width: 140px; widows:140px; height:47px; }

.map_box a.economy_btn { min-width: 0;  padding: 10px 20px 10px 5px; transform:none; -webkit-transform:none; -moz-transform:none; top:auto; bottom:250px; }
.map_box a.economy_btn:after { right: 5px; top: 14px; }
.map_box a.economy_btn.left{ right:auto; padding: 10px 5px 10px 20px;}
.map_box a.economy_btn.left:after{ left:5px; right:auto; }

.map_box a.environment_btn{padding: 10px 5px 10px 20px; min-width:0; transform:none; -webkit-transform:none; -moz-transform:none; top:auto; bottom:250px; }
.map_box a.environment_btn:after{ left: 5px; top: 14px; }
.map_box a.environment_btn.right{ left:auto; padding: 10px 20px 10px 5px;}
.map_box a.environment_btn.right:after{ right:5px; left:auto; }

.map_box a.efficiency_btn{padding: 10px 5px 10px 20px; min-width:0; transform:none; -webkit-transform:none; -moz-transform:none; top:auto; bottom:250px; }
.map_box a.efficiency_btn:after{ left: 5px; top: 14px; }
.map_box a.efficiency_btn.right{ left:auto; padding: 10px 20px 10px 5px;}
.map_box a.efficiency_btn.right:after{ right:5px; left:auto; }


.top_map { display:none !important; }
.banner_caption .small_map{ display:block;}
.map_box .big_map img.base_img{ opacity:1;}
.fadenew{ opacity:1 !important; }

.body_wrapper { padding: 0 25px 0;}

.map_box h3 { font-size: 34px; line-height: 38px; }
.map_box p { font-size: 17px; line-height: 27px; max-width: 580px; }
.map_box p span { font-size: 13px; line-height: 17px; }

.center_content { width: 530px; }

.video_sec{ padding-top:100px;}
.video_sec:after{ top:100px; height:calc(100% - 100px);} 
.video_sec .common_col{ margin-top:-100px;}
.video_sec .common_col:after{ left:80px;  width:calc(100% - 80px);}
.video_sec .video_icon { height: 100px; width: 80px; }
.video_sec .video_icon img { margin: 37px 30px 0 0; width: 20px; }
.video_sec .center_content h3 { font-size: 32px; line-height: 36px; }


.energy_sec{ padding-top:100px;}
.energy_sec:after{ top:100px; height:calc(100% - 100px);} 
.energy_sec .common_col{ margin-top:-100px;}
.energy_sec .common_col:after{ left:80px;  width:calc(100% - 80px);}

.energy_sec .energy_icon { height: 100px; width: 80px; }
.energy_sec .energy_icon img { margin: 37px 30px 0 0; width: 20px; }

.energy_sec .center_content h3 { font-size: 32px; line-height: 36px; }
.energy_sec .center_content p { font-size: 18px; line-height: 27px; }


.student_sec{ padding-top:100px;}
.student_sec:after{ top:100px; height:calc(100% - 100px); } 
.student_sec .common_col{ margin-top:-100px;}
.student_sec .common_col:after{ left:105px; width:calc(100% - 105px);}

.student_sec .grid_icon { height: 100px; width: 105px; }
.student_sec .grid_icon img { margin: 37px 30px 0 0; width: 23px; }
.student_sec .center_content h3 { font-size: 32px; line-height: 40px; padding: 0 0 30px; }
.student_sec .center_content p { font-size: 17px; line-height: 30px; padding: 0 0 20px; }

.mid_block { padding: 50px 0 45px; }
.mid_block .img_sec { min-height: 480px; width: 80%; }
.mid_block .quote_sec { margin: 30px 0 0 -20%; min-height: 480px;  width: 40%; padding: 30px 20px 20px 30px;}
.quote_sec p { font-size: 24px; line-height: 36px; }
.quote_sec span{ font-size:16px; line-height:20px;}

.genius_container { padding: 60px 0 10px; }
 


.bottom_img { background-attachment:scroll !important; }

.wave_mid svg{ width:1024px !important; }
.wave_bottom svg{ width:1024px !important; }


.farm_view figure { min-height: 500px; }
.farm_view .info_box { min-height: 500px; }

.info_box1 .heading_sec { padding: 0 15px 20px 0; }
.info_box1 .content_sec { padding: 0 15px 0 0; }
.info_box2 .heading_sec { padding: 0 0 20px 15px; }
.info_box2 .content_sec { padding: 0 0 0 15px; }

.info_box .content_sec p { padding: 0 0 10px; }
.info_box1 .value strong { font-size: 120px; letter-spacing: 1px; line-height: 124px; }
.info_box1 .value span { font-size: 20px; letter-spacing: 1px; line-height: 24px; }

.info_box2 .value strong { font-size: 70px; line-height: 74px; }
.info_box2 .value small { font-size: 40px; line-height: 44px; }
.info_box2 .value span { font-size: 26px; line-height: 30px; margin-top: 0; }


.info_col_container { padding: 40px 0; }
.info_col .heading_sec .heading_cont { padding: 0 15px 15px; }
.info_col .content_sec { padding: 0 15px; min-height: 290px;}
.info_col .content_sec p { padding: 0 0 10px; }

.info_col1 .value strong { font-size: 90px; letter-spacing: -1px; line-height: 94px; }
.info_col1 .value small { font-size: 50px; line-height: 54px; }

.info_col2 .value strong { font-size: 68px; letter-spacing: -1px; line-height: 72px; }
.info_col2 .value small { font-size: 40px; line-height: 44px; }
.info_col2 .value span { font-size: 20px; letter-spacing: 1.5px; line-height: 24px; margin-top: -5px; }

.info_col3 .value strong { font-size: 80px; letter-spacing: -1px; line-height: 84px; }
.info_col3 .value small { font-size: 34px; line-height: 38px; }



}




@media only screen and (max-width: 767px) {
.video_wrapper{ padding:0 10px; }
	
header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 10px;}
header a.paid_logo { margin: 0 auto 0; padding: 2px 5px 1px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }

.banner .waves { background-size:auto !important;  min-height:313px; background:url(../images/wave_white_small.webp) no-repeat center center;}
.banner .waves svg{ display:none !important; }

.banner_caption { padding: 25px 15px 0; }
.banner_caption h1 { font-size: 46px;  line-height: 48px;  padding: 0 0 5px;}
.banner_caption h1 span { font-size: 34px; line-height: 36px; }
.banner_caption p { font-size: 14px; line-height: 20px; max-width: 480px; }
.logo_sec a img { max-width: 120px; white-space:120px; height:40px; }

.banner_caption ul.pillars { padding: 0 0 20px; }
ul.pillars li a { font-size: 12px; letter-spacing: 1px; line-height: 16px;  min-width: 125px; padding: 5px 5px; }

.body_wrapper { padding: 0 10px; }

.map_box a.economy_btn{ right:-10px; display:none;}
.map_box a.economy_btn.left{display:none;}

.map_box a.environment_btn{display:none; }
.map_box a.environment_btn.right{display:none; }

.map_box a.efficiency_btn{display:none; }
.map_box a.efficiency_btn.right{ display:none;}


ul.pillars_nav li a { font-size: 12px; letter-spacing: 1px; line-height: 16px;  min-width: 125px; }

.map_container { padding: 0 0 10px 0; }
.map_container .map_box { padding: 25px 10px 20px; min-height:0; height:auto; }
.map_box h3 { font-size: 28px; line-height: 32px; }
.map_box p { font-size: 16px; line-height: 22px; max-width: 480px; }
.map_box p span { font-size: 12px;  line-height: 16px; }
.map_box .big_map { margin: -20px auto 0; }

.center_content { padding: 0 30px; width: 100%; }

.video_sec{ margin-bottom:10px; padding-top:0; background:#fff;}
.video_sec:after{ display:none;} 
.video_sec .common_col{ margin-top:0;}
.video_sec .common_col:after{ display:none; }
.video_sec .video_icon.desktop{ display:none;}
.video_sec .video_icon.mobile{ display:block; position:static; width:100%; height:auto; background:none;}
.video_sec .video_icon.mobile img{ float:none; margin:0 0 18px; width:auto;}
.video_sec .center_content h3 { font-size: 26px; line-height: 28px; }


.energy_sec{ margin-bottom:10px; padding-top:0; background:#fff;}
.energy_sec:after{ display:none;} 
.energy_sec .common_col{ margin-top:0;}
.energy_sec .common_col:after{ display:none; }
.energy_sec .energy_icon.desktop{ display:none;}
.energy_sec .energy_icon.mobile{ display:block; position:static; width:100%; height:auto; background:none;}
.energy_sec .energy_icon.mobile img{ float:none; margin:0 0 18px; width:auto;}
.energy_sec .center_content h3 { font-size: 26px; line-height: 28px; }
.energy_sec .center_content p { font-size: 16px; line-height: 24px; }

.slider_box { padding: 30px 0 0; }
.slider_container { margin: 0; padding: 0;}
.fixed_box.desktop{ display:none;}
.fixed_box { margin-left: 0; min-height: 472px; width: 100%;}
.fixed_box .heading_sec { min-height: 107px; }
.fixed_box .content_sec { padding: 10px; }
#desktop_slider{ display:none;}
#slider_btns1{ display:none;}
#mobile_slider{ display:block;}
.card_slider { width: 100%;}
.card_slider .card { padding: 0; width: 100%;}
.card .content_sec { min-height: 365px; padding: 10px;}
.card_slider .slick-list { overflow: hidden !important;}



#mobile_slider .slick-prev { position:absolute; height: 43px; left: -10px; top:50%; right:auto; bottom:auto; width: 43px; z-index: 999; font-size:0; background:#fff url(../images/prev_arr.webp) no-repeat center center; cursor:pointer; margin-top:-21px; }
#mobile_slider .slick-prev:before { display:none;  }
#mobile_slider .slick-next { position:absolute; height: 43px; right: -10px; top:50%; left:auto; bottom:auto; width: 43px; z-index: 999; font-size:0; background:#fff url(../images/next_arr.webp) no-repeat center center; cursor:pointer;  margin-top:-21px;}
#mobile_slider .slick-next:before { display:none;  }

#mobile_slider .slick-dots { padding:0; text-align:center; position:absolute; bottom:-25px; left:0; width:100%;}
#mobile_slider .slick-dots li { display:inline-block;  height: 10px; margin: 0; padding: 0 6px; vertical-align: top; width: auto; }
#mobile_slider .slick-dots li button {  background: rgba(255,255,255,0.5); border: medium none; border-radius: 50%; display: block; height: 9px; padding: 0; text-indent: -9999px; width: 9px;  cursor:pointer;}
#mobile_slider .slick-dots li.slick-active button { background: rgba(255,255,255,1); }
#mobile_slider .slick-dots li button::before { display: none; }



.student_sec{ padding-top:0; background:#fff;}
.student_sec.pillar3 { background:#fff; }
.student_sec:after{ display:none; } 
.student_sec .common_col{padding: 35px 0 20px; margin-top:0;}
.student_sec .common_col:after{ display:none;}
.student_sec .grid_icon.desktop{ display:none;}
.student_sec .grid_icon.mobile{ display:block; position:static; width:100%; height:auto; background:none;}
.student_sec .grid_icon.mobile img{ float:none; margin:0 0 18px; width:auto;}
.student_sec .center_content h3 { font-size: 26px; line-height: 28px; padding: 0 0 15px; }
.student_sec .center_content p { font-size: 16px; line-height: 24px; padding: 0 0 18px; }

.mid_block { padding: 15px 0 35px;  text-align: center; }
.mid_block .img_sec { min-height: 440px;  width: 100%; }
.mid_block .quote_sec { display: inline-block; float: none; margin: 30px 0 0; min-height: 440px; padding: 40px 20px 20px 40px; text-align: left; width: 90%; }


.wave_mid { margin-bottom: 25px; }
.wave_mid svg{ display:none !important;}
.wave_mid.pillar1{ min-height: 160px; background:url(../images/waves_mid_en.png) no-repeat center center;}
.wave_mid.pillar3{ min-height: 160px; background:url(../images/waves_mid_ef.png) no-repeat center center;}

.bottom_img { min-height: 440px; }

.genius_container { padding: 40px 0 10px; }

.genius_sec .intro_sec h3 { font-size: 24px; line-height: 34px; padding:0 0 5px;}
.genius_sec .intro_sec p { font-size: 17px; line-height: 34px; padding: 0 0 30px; }
.genius_block{ max-width:100%;}


.genius_block .genius_slide span { font-size: 12px; }
.genius_block .genius_slide p { font-size: 15px; line-height: 19px; padding: 20px 0 0; }

.genius_block .genius_slide a { font-size: 14px; line-height: 18px; min-width: 102px; padding: 5px; }
.genius_sec a.genius_btn { font-size: 14px; line-height: 19px; }


.wave_bottom {  }
.wave_bottom svg{ display:none !important;}
.wave_bottom.pillar1{ min-height: 195px; background:url(../images/waves_end_en.png) no-repeat center center;}
.wave_bottom.pillar2{ min-height: 195px; background:url(../images/waves_end_ec.png) no-repeat center center;}
.wave_bottom.pillar3{ min-height: 195px; background:url(../images/waves_end_ef.png) no-repeat center center;}

.modal_box { background: #fff; overflow-y:scroll; }

.modal_box.vid_box { background: rgba(0,0,0,0.75); }

.modal_box figure { height: 250px; position: static; }
.modal_box figure:after{ display: none; }
.model_box_content { max-width: 100%; padding: 35px 30px 20px; position: static; top: 0; left:0; transform: none; -webkit-transform: none; -moz-transform: none; width: 100%; }
a.modal-close { font-size: 12px; height: 84px; line-height: 13px; padding: 46px 15px 0; text-align: center; width: 73px; }
a.modal-close::after { right: 18px; }

.model_box_content span img.solar_plate { width: 38px; }
.model_box_content span img.solar_energy { width: 70px; }
.model_box_content h3 { font-size: 22px; line-height: 26px; }
.model_box_content p { font-size: 17px; line-height: 24px; }


.ads_sec a img.desktop_img{ display:none;}
.ads_sec a img.mobile_img{ display:block;}


.farm_view.left figure { margin-left: -10px; }
.info_box1 .heading_sec { padding: 0 10px 15px 0; }
.info_box1 .content_sec { padding: 0 10px 0 0; }
.farm_view.right figure { margin-right: -10px; }
.info_box2 .heading_sec { padding: 0 0 15px 10px; }
.info_box2 .content_sec { padding: 0 0 0 10px; }

.info_col .heading_sec .heading_cont { padding: 0 10px 15px; }
.info_col .content_sec { min-height: 295px; padding: 0 10px; }

}


@media only screen and (max-width: 666px) {
.fixed_box .content_sec p { padding: 10px 6% 0; }

.banner_caption { padding: 25px 15px 0; }
.banner_caption p { padding: 0 0 20px; }
.banner_caption .scroll_bottom { padding: 30px 0 0; }

.big_map.pillar1 a.spotlight2 { left: 5%; top: 25%; }
.big_map.pillar1 a.spotlight1 { left: 7%; top: 40%; }
.big_map.pillar1 ul.nav li:nth-of-type(3) { right: 8%; top: 19%; }
.big_map.pillar1 ul.nav li:nth-of-type(4) { right: 12%; top: 65%; }
.big_map.pillar1 a.video1 { right: 15.5%; top: 22.5%; }

.big_map.pillar2 ul.nav li:nth-of-type(4) { right: 44%; top: 17.5%; }

.big_map.pillar3 a.spotlight1 { right: 6%; top: 9%; }
.big_map.pillar3 a.spotlight2 { right: 5.5%; top: 17.5%; }
.big_map.pillar3 ul.nav li:nth-of-type(3) { right: 28.5%; top: 23%; }
.big_map.pillar3 ul.nav li:nth-of-type(4) { right: 12%; top: 65%; }


footer { position:relative; padding:20px 0 60px }
footer a.footer_logo { position:absolute; left: 50%; margin: 0 0 0 -75px; bottom:15px; }
footer ul { padding: 0; max-width:320px; margin:0 auto;}
footer ul li:nth-of-type(3) { background:none; }

.farm_view figure { width: 100%;  min-height: 400px; }
.farm_view.left figure { margin-left: 0; }
.farm_view.right figure { margin-right: 0; }
.farm_view .info_box { min-height: 0; width: 100%; }
.info_box .inner_box { position: static; top: 0; transform: none; -webkit-transform: none; -moz-transform: none; }

.info_box1 .heading_sec { padding: 15px 10px 15px 10px; }
.info_box1 .content_sec { padding: 0 10px 0 10px; }
.info_box2 .heading_sec { padding: 15px 10px 15px 10px; }
.info_box2 .content_sec { padding: 0 10px 0 10px; }


.info_col_container { padding: 20px 0 15px; }
.info_col_container .info_col { width: 100%;  border-left:none; padding:0 10px 0; }
.info_col .heading_sec { min-height: 0; border-top:1px solid #a80a50;}
.info_col .heading_sec .heading_cont { position: static; padding: 20px 0 15px; }
.info_col .content_sec { min-height: 0; padding: 0 0 10px; }

}


@media only screen and (max-width: 480px) {

.modal_box figure { height: 190px; }
.modal_box.vid_box { padding:100px 20px 0; }

.banner_caption { padding: 25px 10px 0; }
.banner_caption h1 { font-size: 36px; line-height: 38px; }
.banner_caption h1 span { font-size: 26px; line-height: 28px; }

ul.pillars li { margin: 0 1px; }
ul.pillars li a { font-size: 11px; line-height: 16px; min-width: 0; padding: 5px 5px;}


.map_box h3 { font-size: 24px; line-height: 28px; }

.big_map a > span{ min-width:75px; font-size:11px; line-height:13px;}

.big_map.pillar1 a.spotlight2 { left: 4%; top: 22%; }
.big_map.pillar1 a.spotlight1 { left: 6%; top: 36%; }	
.big_map.pillar1 ul.nav li:nth-of-type(3) { right: 9%; top: 17%; }
.big_map.pillar1 ul.nav li:nth-of-type(4) { right: 10%; top: 62%; }


.big_map.pillar3 a.spotlight1 { right: 7%; top: 7%; }
.big_map.pillar3 ul.nav li:nth-of-type(3) { right: 27%; top: 19%; }
.big_map.pillar3 ul.nav li:nth-of-type(4) { right: 10%; top: 62%; }

ul.pillars_nav li a { font-size: 11px; line-height: 15px; min-width: 0; padding:15px 7px; }


.fixed_box .heading_sec .heading_cont { padding: 10px; }
.fixed_box .heading_sec h3 { font-size: 19px; line-height: 23px; letter-spacing:1px; padding:0 0 10px; }	
.fixed_box .heading_sec img { margin-bottom: 5px; }
.fixed_box .heading_sec { min-height: 94px; }	
.fixed_box .content_sec p { font-size: 16px; line-height: 22px; padding: 10px 3% 0; }

.card .heading_sec .heading_cont { padding: 10px; }
.card .heading_sec { min-height: 94px; }
.card .heading_sec h3 { font-size: 17px; letter-spacing: 0; line-height: 19px; letter-spacing:1px;}
.card .heading_sec img { margin-bottom: 5px; }
.card .content_sec { min-height: 378px; }

#mobile_slider .slick-prev { width: 35px; height: 35px; }
#mobile_slider .slick-next { width: 35px; height: 35px; }	


.center_content { padding: 0 15px; }
	
.video_sec .center_content h3 { font-size: 24px; line-height: 26px; }
.energy_sec .center_content h3 { font-size: 24px; line-height: 26px; }
.student_sec .center_content h3 { font-size: 24px; line-height: 26px; }

.mid_block .img_sec { min-height: 250px;  }
.mid_block .quote_sec { margin: 20px 0 0; min-height: 400px; padding: 20px 20px 20px 20px; }	
.quote_sec img { margin-bottom: 15px; }
.quote_sec p { font-size: 22px; line-height: 30px; }
.quote_sec span{ font-size:14px; line-height:18px;}

.bottom_img { min-height: 228px; }

.genius_block .genius_slide .overlay_cont { padding: 0 5%; }
.genius_block .genius_slide figure { min-height: 200px; }
.genius_block .genius_slide p { padding: 15px 0 0; }

.farm_view figure { min-height: 300px; }	
	
}


@media only screen and (max-width: 380px) {
.big_map.pillar1 a.spotlight2 { left: 3%; top: 20%; }
.big_map.pillar1 a.spotlight1 { left: 6%; top: 38%; }	
.big_map.pillar1 ul.nav li:nth-of-type(3) { right: 8%; top: 16%; }
.big_map.pillar1 ul.nav li:nth-of-type(4) { right: 9%; top: 57%; }	

.big_map.pillar2 a.spotlight1 { left: 19%; bottom: 33%; }
.big_map.pillar2 a.spotlight2 { left: 45%; bottom: 17%; }	
.big_map.pillar2 ul.nav li:nth-of-type(4) { right: 41%; top: 13%; }

.big_map.pillar3 ul.nav li:nth-of-type(3) { right: 26%; top: 15%; }
.big_map.pillar3 ul.nav li:nth-of-type(4) { right: 9%; top: 57%; }	
	
}


@media screen and ( max-height: 790px )and (min-width: 1500px){
.banner_caption { padding: 150px 0 0; }
.banner_caption h1 { font-size: 115px; line-height: 117px; }
.banner_caption h1 span { font-size: 80px; line-height: 82px; }
.banner_caption p { font-size: 22px; line-height: 34px; }
ul.pillars li a { padding: 20px 5px 18px; }
}

@media screen and ( max-height: 740px )and (min-width: 1500px){
.banner_caption h1 { font-size: 95px; line-height: 97px; padding: 0; }
.banner_caption h1 span { font-size: 67px; line-height: 69px; padding:0 0 10px; }
.banner_caption p { font-size: 20px; line-height: 26px; max-width: 700px; }
ul.pillars li a { font-size: 15px; min-width: 185px; padding: 16px 5px 14px; }
.logo_sec a img { max-width: 157px; width: 157px; height:52px; }
.banner_caption .scroll_bottom { padding: 38px 0 0; }
.banner_caption .scroll_bottom img { width: 18px; }
}
@media screen and ( max-height: 639px )and (min-width: 1025px){
.banner_caption { padding: 160px 0 0; }	
.banner_caption h1 { font-size: 70px; line-height: 72px;}
.banner_caption h1 span { font-size: 50px; line-height: 52px; }
.banner_caption p { padding: 0 0 15px; }
.banner_caption ul.pillars { padding: 0 0 20px; }
ul.pillars li a { padding: 12px 5px 10px; }
}