@media only screen and (min-width: 1901px) {
     
}

@media only screen and (min-width: 1401px) and (max-width: 1900px){ 
    :root{
      --baseFS: 14px;
      --autoWidth: 104em; 
    }
    .offering_flexible_left{ width: 36%;}
    .thunderEnergy_left{ width: 50%;}
}

/*start of = (min-width: 1366px) and (max-width: 1440px)*/
@media only screen and (min-width: 1366px) and (max-width: 1400px){
    :root{
        --baseFS: 11.5px;
        --autoWidth: 104em; 
      }
      .offering_flexible_left{ width: 36%;}
      .thunderEnergy_left{ width: 50%;}
      .footer_inner p{ font-size: var(--fs18);}


/*end of = (min-width: 1366px) and (max-width: 1900px)*/			
}





 
/*start of = (min-width: 1280px) and (max-width: 1365px)*/	
@media only screen and (min-width: 1280px) and (max-width: 1365px){

    :root{
        --baseFS: 11px;
        --autoWidth: 104em; 
      }
      .offering_flexible_left{ width: 36%;}
      .thunderEnergy_left{ width: 50%;}
      .footer_inner p{ font-size: var(--fs18);}
      .tEnergy_left_content{ padding-top: 4em;}
    
/*end of = (min-width: 1280px) and (max-width: 1365px)*/			
}





/*start of = (min-width: 1024px) and (max-width: 1279px)*/
@media only screen and (min-width: 1024px) and (max-width: 1279px){

   
	
body { -webkit-text-size-adjust:none;  -webkit-overflow-scrolling: touch; }

:root{
    --baseFS: 10.5px;
    --autoWidth: 104em; 
  }
  .offering_flexible_left{ width: 36%;}
  .thunderEnergy_left{ width: 50%;}
  .footer_inner p{ font-size: var(--fs18);}
  .tEnergy_left_content{ padding-top: 4em;}
  .header_links ul li{ padding: 0em 1.1em;}
  .header_links{ padding-right: 3em;}
 
 
/*end of = (min-width: 1024px) and (max-width: 1279px)*/			
}


/*start of = (min-width: 768px) and (max-width: 1023px)*/	
@media only screen and (min-width: 768px) and (max-width: 1023px){
  :root{
    --baseFS: 10.5px;
    --autoWidth: 104em; 
    --fs18: 1em;
    --fs20: 1.1em;
    --fs106: 5em;
    --fs96: 4em;
  }
 
body { -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
 
.banner_heading{ padding: 3.25em 0em 10.25em 0em; }
.logo{ width: 160px; }
.header_links ul li{ padding: 0px 8px; }
.header_links{ padding-right: 12px; }
.btn_outline_white{padding: 0.625em 1em; }

.whoWeAre_sec{ padding: 7em 0em; }
.whoWeAre_sec_left{ width: 100%; padding: 0em 0em 1.875em 0em; }
.whoWeAre_sec_right{ width: 100%; }
.img_topIcon_arrow{ width: 4.863em;  height: 4.863em; }


.ourOfferings_sec{ padding: 7em 0em; }
.offeringTabs_flexible{ padding-top: 10px; }
.offering_flexible_left{ width: 36%; }

.ourServices_sec{ padding: 7em 0em; }


.thunderEnergy_sec{ padding: 7em 0em; }
.thunderEnergy_content{ flex-wrap: wrap; }
.thunderEnergy_left{ width: 100%; padding: 0em 0em 2.5em 0em;}
.thunderEnergy_right{ width: 100%; }
.tEnergy_left_content {  padding-top: 2.375em; }
.tEnergy_tab_img{ max-width: none; }


.ourImpact_sec{ padding: 7em 0em; }

.information_box_main ul li{ width: 50%; }

.ourBenefits_sec{ padding: 7em 0em; }

.ourTeam_sec{ padding: 7em 0em; }
.ourTeam_detail{ width: fit-content; }
.ourTeam_detail ul{ justify-content: center; margin: 0em -2.781em; }
.ourTeam_detail ul li { padding: 0em 2.781em; }

.industries_sec{ padding: 7em 0em; }

.ind_row_circle{ font-size: 10px; }

.caseStudies_sec{ padding: 7em 0em; }

.cs_sec_left{ width: 100%; padding: 0em 0em 2.938em 0em; }
.cs_sec_right{ width: 100%; }
.solar_energy_detail p{ padding-top: 6px; }
.cs_saving_heading{ padding-bottom: 3.188em; }
 
.services_img{ min-height: 300px;}



/* end 768 */
}


@media only screen and (min-width:0px) and (max-width:767px){
   
    body { -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; overflow-x: hidden; }


    :root{
        --baseFS: 11px; 
        --fs16: 1.2em;
        ----fs18: 1.4em;
        --autoWidth: 104em; 
        --fs106: 3.625em;
        --fs96: 2.8em;
        --fs58: 2.5em;
        --fs62: 2.8em;
        --fs28: 1.5em;
        
      }

      .mob_menuBtn { display: flex; }
      .open_mobile_menu {  overflow: hidden; }  
    
  
      .header_right{ display: none; position: fixed; top: 0px; left: 0px; padding: 100px 20px 15px;  -webkit-backdrop-filter: blur(90.5px); width: 100%; height: 100%; z-index: 22; background: var(--s_green); backdrop-filter: blur(90.066588401794434px); text-align: left; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
      .hamburger-lines .line{ background: var(--white); }
  
      .isOpenMenu .header_right {  display: block; }
      .isOpenMenu{ overflow: hidden;}
      .isOpenMenu .header{ backdrop-filter: initial; }
  
      .isOpenMenu .header_left{ z-index: 2222; position: relative;}

      .offering_flexible_left{ width: 36%;} 
      .footer_inner p{ font-size: var(--fs18);}
      .tEnergy_left_content{ padding-top: 4em;}
      .header_links{ text-align: center; }
      .header_links ul{ flex-wrap: wrap; }
      .header_links ul li{ width: 100%; padding: 12px 0em;}
      .header_links{ padding: 0em 0em 3em 0em; font-size: 18px}
      .header_btn{ display: flex; justify-content: center; }

      .logo{ width: 170px; }
      .header{ padding: 1em 0em;}
      .banner_heading{ padding: 3.25em 0em 6.25em 0em; }
      .banner_box{ display: block; }
      .banner_box_left{ width: 100%; padding-right: 0em; padding-bottom: 2.375em; }
      .banner_box_left .banner_box_content{ justify-content: space-between; }
      .banner_box_middle{ width: 100%; padding-bottom: 2.375em; }
      .banner_box_right{ width: 100%; padding-left: 0em; }

      .whoWeAre_sec{ padding: 5em 0em; }
      .whoWeAre_sec_left{ width: 100%; padding-right: 0em; padding-bottom: 1.875em; }
      .whoWeAre_sec_right{ width: 100%; flex-wrap: wrap; }

      .img_topIcon_main{ width: 100%; }
      .img_topIcon{ max-width: none; }
      .img_topIcon_arrow{ width: 5em;  height: 5em; right: 5px; top: 5px; }
      .whoWeAre_sec_list { padding-left: 0em; padding-top: 2.5em; width: 100%; }

      .ourPhilosophy_sec{ padding: 5em 0em; }
      .ourPhilosophy_sec_left{ width: 100%; }
      .ourPhilosophy_sec_left .sec_heading{ padding-bottom: 1em; }
      .op_text{ padding-bottom: 3.625em; }
      .op_list ul{ justify-content: center; }
      .op_left_img{ max-width: none; }
      .op_list ul li{ padding: 1em; }
      .op_list_icon{ width: 3.625em; height: 3.625em; }
      .op_list_icon i { width: 40px; height: 40px;}

      .ourPhilosophy_sec_right{width: 100%; padding: 2.25em 0em 0em 0em; }

      .ourOfferings_sec{ padding: 5em 0em; }
      .offeringTabs_flexible{ flex-wrap: wrap; }
      .offering_flexible_left{ width: 100%; }
      .offering_flexible_right{ width: 100%; }
      .ourServices_sec{ padding: 5em 0em; }
      .services_info{ width: 100%; }
      .accordian_content{ flex-direction: column-reverse; }
      .services_right{ width: 100%;  padding-bottom: 1.875em;}
      .thunderEnergy_sec{ padding: 5em 0em; }
      .thunderEnergy_content{ flex-wrap: wrap; }
      .thunderEnergy_left{ width: 100%; padding: 0em 0em 4.5em 0em;}
      .thunderEnergy_right{ width: 100%; }
      .accordian_header_arrow{ width: 3.25em;  height: 3.25em; }
      .offering_tabBtn{ padding: 14px; }

      .ourImpact_sec{ padding: 5em 0em; }
      .info_box_icon{ width: 5em; height: 5em; }

      .information_box_main ul li{ width: 100%; }
      .ourBenefits_sec{ padding: 5em 0em; }

      .ourTeam_sec{ padding: 5em 0em; }
      .ourTeam_detail{ width: 100%; }
      .ourTeam_detail ul{ margin: -1em 0em; }
      .ourTeam_detail ul li{ padding: 1em 0em; width: 100%; display: flex; justify-content: center; }

      .os_content_box{ padding: 2em 2em 2em 3em; }

      .industries_sec{ padding: 5em 0em; }
      .industries_content{ margin-top: 5.563em; }
      .ind_row_circle{ font-size: 7px; }

      .caseStudies_sec{ padding: 5em 0em; } 
      .cs_sec_left{ width: 100%; padding: 0em 0em 2.938em 0em; }
      .cs_sec_right{ width: 100%; flex-wrap: wrap; }
      .cs_saving_detail{ width: 100%; padding: 2.5em 0em 0em 0em; }
      .cs_saving_heading{ padding-bottom: 3.188em; }

      .footer_left{ display: block; text-align: center; }
      .footer_icon{ margin: 0.875em 0em auto; width: 4.938em; } 
      
      .footer_middle{ text-align: center; }
      .footer_right{ text-align: center; }

      .ind_visual_shap_main{ flex-direction: column !important; gap: 10px;}
      .accordian_header{ padding: 1em;}
      .info_box span{ font-size: 6em;}
      .g-recaptcha {  transform: scale(0.7); }
      .services_img{ min-height: 300px;}

      .ourTeam_detail ul{ flex-direction: column;     align-items: center; }
      .ourTeam_detail ul li{ max-width: none; }
      .solar_energy_detail ul li{ padding-right:2em; min-width: 35%; }
      .caseStudies_slider_li{ padding: 0px 10px;}
      .caseStudies_sec_inner{ width: auto; margin: 0px -10px;}

      .wrapper{ overflow-x: hidden; width: 100%;}
      .caseStudies_slider .slick-dots button{ width: 40px;}
      .footer_inner{ flex-direction: column; gap: 10px;}
      .footer_icon{ width: 8em;}
   
}
 
 


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape)  {  

 


}

@supports (-webkit-touch-callout: none) {
    html, body {
        overflow-x: hidden;  
    }
}