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

@media only screen and (min-width: 1501px) and (max-width: 1900px){
    :root{
        --baseFS: 13px;
        --fs4: 1.4em;
        --fs3: 2.6em;
    }

    .header_inner{ padding-top: 10px;  padding-bottom: 10px;}
    .impact_box h4{ padding-bottom: 10px; }
    .impact_box ul li{ padding-bottom: 10px; margin-bottom: 10px;}
    .impact_box ul li p{ min-height: 40px; }
    .impact_box i svg{ max-width: 50px; max-height: 50px;}
    .autoContent{ max-width: 1200px;}
    .cs_slider > div{ min-width: 1300px;}
    .banner_slider_img{  margin-bottom: 46px; margin-left: auto; margin-right: auto; }
    .banner_slider_img:after, .banner_slider_img:before{ height: 16px; }
    .banner_slider_img:after{ top: calc(100% + 16px);}
    .features_box{ max-width: 34%;}
    .userCases_box{ min-height: 250px;}
    .impact_logo{ max-width: 220px; height: 220px;}
    .keyFeatures_img{ min-height: 300px;}
    .keyFeatures_box{ width: 34%; }
    .keyFeatures_text{ padding-left: 100px;}
    .industries_list h2{ font-size: 80px; }
    .industries_box i img{ max-width: 60px; max-width: 60px; max-height: 50px;}
    .industries_box{ padding: 20px;}
    .multiLayer_sec .ar_arrowsCircle{ width: 600px; height: 600px;}

    .multiLayer_sec .ar_arrowsCircle{ background-size: 434px auto;}

    .banner_slider_main{ max-width: 850px; }






}

/*start of = (min-width: 1366px) and (max-width: 1440px)*/
@media only screen and (min-width: 1366px) and (max-width: 1500px){
    :root{
        --baseFS: 13px;
        --fs1: 3.55em;
        --fs4: 1.4em;
        --fs2: 3em;
        --fs3: 2.6em;
        

    }
     
    .header_inner{ padding-top: 10px;  padding-bottom: 10px;}
    .impact_box h4{ padding-bottom: 10px; }
    .impact_box ul li{ padding-bottom: 10px; margin-bottom: 10px;}
    .impact_box ul li p{ min-height: 40px; }
    .impact_box i svg{ max-width: 50px; max-height: 50px;}
    .autoContent{ max-width: 1050px;}
    .cs_slider > div{ min-width: 1150px;}
    .banner_slider_img{  margin-bottom: 36px; margin-left: auto; margin-right: auto; }
    .banner_slider_img:after, .banner_slider_img:before{ height: 14px; }
    .banner_slider_img:after{ top: calc(100% + 14px);}
    .features_box{ max-width: 34%;}
    .userCases_box{ min-height: 250px;}
    .impact_logo{ max-width: 220px; height: 220px;}
    .keyFeatures_img{ min-height: 300px;}
    .keyFeatures_box{ width: 34%; }
    .keyFeatures_text{ padding-left: 100px;}
    .industries_list h2{ font-size: 80px; }
    .industries_box i img{ max-width: 60px; max-width: 60px; max-height: 50px; }
    .industries_box{ padding: 20px;}

    .ar_arrowsCircle{ width: 550px; height: 550px;}
    .multiLayer_sec .ar_arrowsCircle{ width: 550px; height: 550px;}

    .multiLayer_sec .ar_arrowsCircle{ background-size: 404px auto;}

    .banner_slider_main{ max-width: 750px; }

    .multiLayer_sec .ar_arrowsCircle ul li .ar_visual::before{ font-size: 66px; top: -30px; }
    .iPlatform_shap { width: 180px; height: 200px; }








/*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: 13px;
        --fs1: 3.55em;
        --fs4: 1.4em;
        --fs2: 3em;
        --fs3: 2.6em;
        

    }
     
    .header_inner{ padding-top: 10px;  padding-bottom: 10px;}
    .impact_box h4{ padding-bottom: 10px; }
    .impact_box ul li{ padding-bottom: 10px; margin-bottom: 10px;}
    .impact_box ul li p{ min-height: 40px; }
    .impact_box i svg{ max-width: 50px; max-height: 50px;}
    .autoContent{ max-width: 1050px;}
    .cs_slider > div{ min-width: 1150px;}
    .banner_slider_img{  margin-bottom: 36px; margin-left: auto; margin-right: auto; }
    .banner_slider_img:after, .banner_slider_img:before{ height: 14px; }
    .banner_slider_img:after{ top: calc(100% + 14px);}
    .features_box{ max-width: 34%;}
    .userCases_box{ min-height: 250px;}
    .impact_logo{ max-width: 220px; height: 220px;}
    .keyFeatures_img{ min-height: 300px;}
    .keyFeatures_box{ width: 34%; }
    .keyFeatures_text{ padding-left: 100px;}
    .industries_list h2{ font-size: 80px; }
    .industries_box i img{ max-width: 60px; max-width: 60px; max-height: 50px; }
    .industries_box{ padding: 20px;}

    .ar_arrowsCircle{ width: 550px; height: 550px;}
    .multiLayer_sec .ar_arrowsCircle{ width: 550px; height: 550px;}

    .multiLayer_sec .ar_arrowsCircle{ background-size: 404px auto;}

    .banner_slider_main{ max-width: 750px; }

    .multiLayer_sec .ar_arrowsCircle ul li .ar_visual::before{ font-size: 66px; top: -30px; }
    .iPlatform_shap { width: 180px; height: 200px; }
 
/*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: 13px;
    --fs1: 3.55em;
    --fs4: 1.4em;
    --fs2: 3em;
    --fs3: 2.6em;
    

}
 
.header_inner{ padding-top: 10px;  padding-bottom: 10px;}
.impact_box h4{ padding-bottom: 10px; }
.impact_box ul li{ padding-bottom: 10px; margin-bottom: 10px;}
.impact_box ul li p{ min-height: 40px; }
.impact_box i svg{ max-width: 50px; max-height: 50px;}
.autoContent{ max-width: 1050px;}
.cs_slider > div{ min-width: 1050px;}
.banner_slider_img{  margin-bottom: 36px; margin-left: auto; margin-right: auto; }
.banner_slider_img:after, .banner_slider_img:before{ height: 14px; }
.banner_slider_img:after{ top: calc(100% + 14px);}
.features_box{ max-width: 34%;}
.userCases_box{ min-height: 250px;}
.impact_logo{ max-width: 220px; height: 220px;}
.keyFeatures_img{ min-height: 300px;}
.keyFeatures_box{ width: 34%; }
.keyFeatures_text{ padding-left: 100px;}
.industries_list h2{ font-size: 80px; }
.industries_box i img{ max-width: 60px; max-width: 60px; max-height: 50px; }
.industries_box{ padding: 20px;}

.ar_arrowsCircle{ width: 550px; height: 550px;}
.multiLayer_sec .ar_arrowsCircle{ width: 550px; height: 550px;}

.multiLayer_sec .ar_arrowsCircle{ background-size: 404px auto;}

.banner_slider_main{ max-width: 750px; }

.multiLayer_sec .ar_arrowsCircle ul li .ar_visual::before{ font-size: 66px; top: -30px; }
.iPlatform_shap { width: 180px; height: 200px; }
.ar_logo img{ max-width: 196px;}

.multiLayer_sec .ar_logo img{ max-width: 140px;}

/*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){

body { -webkit-text-size-adjust:none;  -webkit-overflow-scrolling: touch; overflow-x: hidden;}
:root{
    --baseFS: 13px;
    --fs1: 3.55em;
    --fs4: 1.4em;
    --fs2: 3em;
    --fs3: 2.6em;
    

}
 .wrapper{ padding: 0px 10px;}
.header_inner{ padding-top: 10px;  padding-bottom: 10px;}
.impact_box h4{ padding-bottom: 10px; }
.impact_box ul li{ padding-bottom: 10px; margin-bottom: 10px;}
.impact_box ul li p{ min-height: 40px; }
.impact_box i svg{ max-width: 50px; max-height: 50px;}
.autoContent{ max-width: 1050px; padding: 0px 15px; }
.cs_slider > div{ min-width: 1150px;}
.banner_slider_img{  margin-bottom: 36px; margin-left: auto; margin-right: auto; }
.banner_slider_img:after, .banner_slider_img:before{ height: 14px; }
.banner_slider_img:after{ top: calc(100% + 14px);}
.features_box{ max-width: 34%;}
.userCases_box{ min-height: 250px;}

.impact_logo{ max-width: 220px; height: 220px;}
.keyFeatures_img{ min-height: 250px;}
.keyFeatures_box{ width: 40%; }
.keyFeatures_text{ padding-left: 80px;}
.industries_list h2{ font-size: 60px; }
.industries_list h4{  font-size: 1.8em;}
.industries_box i img{ max-width: 60px; max-width: 60px; max-height: 50px;}
.industries_box{ padding: 20px;}

.ar_arrowsCircle{ width: 100%; height: auto;}
.multiLayer_sec .ar_arrowsCircle{ width: 100%; height: auto;}

.multiLayer_sec .ar_arrowsCircle{ background-size: 404px auto;}

.banner_slider_main{ max-width: 750px; }

.multiLayer_sec .ar_arrowsCircle ul li .ar_visual::before{ font-size: 66px; top: -30px; }
.iPlatform_shap { width: 180px; height: 200px; }

.em_box{ padding: 20px;}
.em_box i img, .em_box i svg{ max-height: 60px; max-width: 60px;}

.userCases_list ul li{ width: 50%;}

.industries_list ul li{ width: 50% !important;}
.cs_savings_row ul li {  width: 50%; padding: 0px 15px 45px 15px; }
.caseStudies_sec{ padding-bottom: 50px;}
.brands ul{ gap: 15px;}
.brands ul li img{ max-width: 80px;}



.features_img{ display: none; }
    .features_box{ max-width: 100%; }
    .features_box ul{ position: initial; height: auto; display: flex; flex-wrap: wrap;  }
    .features_box ul li{ transform: none !important; position: initial; height: auto; width: 50%; padding: 32px 20px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.10); background: #0E0C15;  margin-bottom: 10px; text-align: left !important; display: flex; align-items: center; flex-wrap: wrap; }
    .features_box ul li span{ background-position: left 0px !important; padding-right: 0px !important; padding-left: 36px !important; }

    .ar_arrowsCircle{ transform-origin: center center !important;  transform: rotate(0) !important; }
    .ar_logo{ display: none; }
    .ar_arrowsCircle ul{ height: auto; position: initial; display: flex; flex-wrap: wrap;  }
    .ar_arrowsCircle ul li{ width: 50%; transform: none !important; transition-delay: 0ms !important; margin-bottom: 20px; position: initial; padding: 15px; }
    .multiLayer_sec .ar_arrowsCircle{ background-image: none; }
    .ar_arrowsCircle{ background-image: none; }

    .ar_li_right .ar_visual{ flex-direction: initial; text-align: left; }

    
 
    .ar_visual{ position: relative; }

    .multiLayer_sec .ar_arrowsCircle ul li{ margin-bottom: 40px;}
    .multiLayer_sec .ar_arrowsCircle ul li.ar_li_right .ar_visual::before{ left: 30px; }
    .popup_inner{ display: block;}
    



/*end of = (min-width: 768px) and (max-width: 1023px)*/			
}



@media(max-width:767px) {

    :root{
        --baseFS: 13px;
        --fs4: 1.4em;
        --fs3: 40px;
        --fs1: 40px;
        --fsp: 14px;
    }

    body { -webkit-text-size-adjust:none;  -webkit-overflow-scrolling: touch; overflow-x: hidden;}
    .header_inner{ padding: 10px 15px; }
    .all_btn {  padding: 10px 20px; font-size: 12px; }

    .wrapper{ padding: 0px;}
    .banner_slider_img:after, .banner_slider_img:before{ height: 14px; }
    .banner_slider_img:after{ top: calc(100% + 14px);}
    .banner_slider_img{ margin-bottom: 35px; }

    .slick-dotted{ padding-bottom: 60px;}

    .banner{ padding: 110px 0px 100px 0px;}
    .headlines{ padding-bottom: 20px; }
    .autoContent{ padding: 0px 15px;}
     .cs_slider > div{ min-width: 100%; padding: 0px; margin-right: 0px; padding-bottom: 60px; }
     .cs_slider{ display: block;}
     .cs_slider_scroll{ overflow: hidden;}
     .banner_slider_box h2{ font-size: 30px; }
     .em_box h3{ padding-bottom: 5px; }

     .energy_management_sec{ padding-bottom: 60px; }

     .divider{ display: none; }

     .features_sec{ padding: 20px 0px 40px 0px; }
     .userCases_sec{ padding: 40px 0px 40px 0px; }

     .impact_top{ display: none; }

     .valueImpact_sec{ padding-bottom: 40px; }
     .keyFeatures_sec{ padding: 40px 0px 40px 0px; }


    .features_img{ display: none; }
    .features_box{ max-width: 100%; }
    .features_box ul{ position: initial; height: auto; }
    .features_box ul li{ transform: none !important; position: initial; height: auto; padding: 32px 20px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.10); background: #0E0C15;  margin-bottom: 10px; text-align: left !important; }
    .features_box ul li span{ background-position: left 0px !important; padding-right: 0px !important; padding-left: 36px !important; }

    .userCases_list ul li{ width: 100%; }

    .impact_logo{ display: none; }

    .keyFeatures_box{ width: 100%; } 
    .keyFeatures_text{ width: 100%; padding-left: 0px; padding-top: 40px; }
    .keyFeatures_row{ flex-wrap: wrap; }

    .keyFeatures_img{ min-height: 250px; }
    .architecture_sec{ padding: 60px 0px;}
    .ar_arrowsCircle{ display: block; }

    .architecture_sec .headlines{ padding-bottom: 0px; }

    .ar_logo{ margin-bottom: 20px; }
    .ar_logo img{ max-width: 130px; margin: auto; }
    .ar_arrowsCircle ul{ height: auto; position: initial; padding-top: 60px; }

    .ar_arrowsCircle ul li{ width: 100%; transform: none !important; transition-delay: 0ms !important; position: relative;
    margin-bottom: 0px; padding-bottom: 60px; position: relative; border-left: 1px solid #fff;border-right: 1px solid #fff; }
    
    .ar_arrowsCircle ul li:last-child{ border: 0px; padding-bottom: 0px; }

    .ar_arrowsCircle ul li::before{ content: ""; width: 30%; height: 1px; background: #fff; position: absolute; left: 0px;
     top: 0px; }
    
     .ar_arrowsCircle ul li::after{ content: ""; width: 30%; height: 1px; background: #fff; position: absolute; right: 0px;
        top: 0px; }

    .multiLayer_sec .ar_arrowsCircle{ background-image: none; }
    .ar_arrowsCircle{ background-image: none; }

    .ar_visual{ display: block; }

    .iPlatform{ padding-bottom: 50px; }
    .iPlatform_inner{ margin-top: 20px; }
    .iPlatform_inner ul{ margin-top: 0px; gap: 0; }

    .ar_visual{ position: relative; }

    /* thunder across industry  */

    .industries_list ul li{ width: 100% !important; }

    .industries_list h4, .industries_list h2{ text-align: center; font-size: 40px; }

    .cs_content_inner .cs_top_right{ display: none; }
    .cs_content_inner .cs_info{ width: 100%; }
    .cs_content_inner .cs_info i img{ margin: auto; }

    .cs_savings_row ul li{ width: 100%; }


    /* footer */

    .footer_inner .divider{ width: 90%; margin: auto; }
    .footerTop{ max-width: 335px; margin: auto; }
    .footerTopRow{ display: block ; }
    .footerTopRow .brands ul li{ width: 100%; }

    .footer_menu{ padding-top: 30px; }
    .footer_menu ul{ justify-content: flex-start; gap: 20px; }
    .footer_menu ul li{ width: 100%; }

    .footer_rights p{ text-align: center; }

    .ar_visual i{ width: 100px; height: 100px; margin: auto; }
    .ar_visual i img{ width: 50%;}

    .ar_visual{ position: relative; top: -48px; }

    .ar_visual::before{ content: ""; width: 0; height: 0px; border-top: 7px solid transparent; 
    border-bottom: 7px solid transparent;
    border-left: 12px solid #fff; position: absolute; left: 30%; top: 43px; }

    .ar_visual::after{ content: ""; width: 0; height: 0px; border-top: 7px solid transparent; 
        border-bottom: 7px solid transparent;
        border-right: 12px solid #fff; position: absolute; right: 30%; top: 43px; }
    
    .ar_visual span{ text-align: center; padding-top: 10px; }

    .ar_arrowsCircle, .multiLayer_sec .ar_arrowsCircle{ width: 100%; height: auto;}
    .multiLayer_sec .ar_arrowsCircle ul li{ margin: 30px 0px; padding: 0px; border: 0px; }
    .multiLayer_sec .ar_arrowsCircle ul li .ar_visual::before{ font-size: 100px; top: 5px; left: 70px; }

    .multiLayer_sec .ar_li_right .ar_visual{ flex-direction: row; text-align: left; }
    .multiLayer_sec .ar_visual span{ text-align: left; }

    .multiLayer_sec .ar_arrowsCircle ul li.ar_li_right .ar_visual::before{ left: 70px; right: inherit; }

    .multiLayer_sec .ar_arrowsCircle ul li::before, .multiLayer_sec .ar_arrowsCircle ul li::after{ display: none; }

    .multiLayer_sec .ar_visual::before{ border: 0px; }
    .multiLayer_sec .ar_visual{ top: 0px; display: flex; }
    .multiLayer_sec .ar_visual::after{ display: none; }

    .multiLayer_sec .ar_visual i{ margin: 0; }

    .multiLayer_sec{ padding-top: 0px; }
    .multiLayer_sec .ar_arrowsCircle{ display: block; }

    .multiLayer_sec .ar_arrowsCircle ul{ padding: 0px; }

    .iPlatform_shap{ width: 180px; height: 200px;}
    .industries_box i img {  max-height: 40px; max-width: 40px; max-height: 40px;}

    .industries_sec, .caseStudies_sec{ padding: 40px 0px;}
    .cs_savings_box i img {  max-width: 36px;  max-height: 36px; }
    .cs_info i img{ max-width: 100px; }
    .kfThumb_slider{ padding: 20px 0px !important; }
    .kfThumb_progress{ margin-bottom: 30px; }


    .cs_slider_scroll{ overflow: visible; }

    .cs_top{ padding-bottom: 0px; }

    .caseStudies_sec{ padding-bottom: 60px; }

    .footer_inner .divider{ display: block; }

    .popup_inner{ display: block;}

    .popup_close{ width: 35px;  height: 35px; }
    .popup_close svg{ max-width: 15px;}


    .bootstrap-select.btn-group .dropdown-menu li a span.text {
        white-space: normal;
    }

    .industries_box strong{
        word-break: normal;
    }
    .industries_box{
        padding: 20px;
    }
    .slick-dots{
        bottom:-15px;
    }

/* end 767 */
}


@media only screen and (min-width:0px) and (max-width:388px){
   
}

@media only screen and (min-width:320px) and (max-width:374px){
	
}




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

 


}