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

    :root{
        --baseFS: 17px; 
    }
    .banner_inner h1{ max-width: 1130px; }

}

/*start of = (min-width: 1366px) and (max-width: 1440px)*/
@media only screen and (min-width: 1366px) and (max-width: 1700px){
    
    :root{
        --baseFS: 17px; 
    }
    .banner_inner h1{ max-width: 1130px; }
    .il_text h2{ letter-spacing: -14px; }
/*end of = (min-width: 1366px) and (max-width: 1900px)*/			
}

@media only screen and (min-width: 1440px) 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: 16px;   
        --fs180: 8em;
    }
    
    .il_height { height: 56px; } 
    .livesRow_middle{ height: 110px; }
    .il_height.sm-h { height: 46px; } 

     
   
/*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: 16px;  
    --fs130: 6.22em;
    --fs180: 8em;
}

.banner_inner h1{ max-width: 910px; }
.banner_inner p{ max-width: 560px; }
.about_sect::after{ left: 0; }
.about_sect_text { padding-top: 160px; }
.il_height { height: 76px;}

 
.il_height { height: 56px; } 
    .livesRow_middle{ height: 110px; }
    .il_height.sm-h { height: 46px; }


  
/*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: 16px; 
    --fs130: 4.22em; 
    --fs180: 6em; 
    --fs72: 3.22em;
    --fs50: 2.22em;
}

.banner{ min-height: calc(100vh - 80px); }
.header_inner { padding: 40px 0px 0px 0px; }

.banner_inner h1 { max-width: 610px; padding-bottom: 34px; }

.banner_inner p{ max-width: 538px; }

.about_sect{ padding: 90px 0px 90px 0px; }
 
.about_sect::after{ width: 1388px; height: 1110px; left: 0; }

.page_counting{ margin-bottom: 20px; }
.about_sect_inner h2 { padding-bottom: 56px;}

.all_btn{ padding: 16px 36px; }

.about_sect_info{ padding-left: 0px; }
.about_sect_text {  padding-top: 100px; }

.services{ padding: 100px 0px 100px 0px;}

.services_heading{ padding-bottom: 20px; }

.s_content_box_heading{ min-height: 200px; }

.page_counting{margin-bottom: 20px; }


 

.services_detail span{ padding-bottom: 20px; }
.services_slider_main{ padding: 100px 0px 100px 0px; }

.s_content_box{ padding: 30px 24px 20px 24px; }
.services_mvp h2{ padding-bottom: 30px; }

.process_outline{ padding: 100px 0px 100px 0px; }

.p_outline_heading h2{ padding: 30px 0px 80px 0px; }

.process_outline::after { height: 1360px; }

.p_outline_working{ padding-bottom: 70px; }

.p_outline_working .row{ padding-bottom: 60px !important; }
.p_outline_working .row:last-child{ padding-bottom: 0px !important; }
.il_height { height: 44px; } 
    .livesRow_middle{ height: 80px; }
    .il_height.sm-h { height: 36px; }

.industries_sect{ padding: 100px 0px 100px 0px; }
.i_sect_heading h2{ padding: 26px 0px 34px 0px; }
.i_sect_heading{ padding-bottom: 100px; }
.our_approches_sect{ padding: 100px 0px; }

.oa_heading{ padding-bottom: 100px; }

.oa_content_text_main{ display: block; }
.oa_content_text{ width: 100%; text-align: center; padding-top: 30px; }
.oa_content_img{ width: 100%; }
.oa_heading h2{ padding-top: 30px; }

.oa_content_text h4{padding-bottom: 30px; }
.oa_content_text p{ margin: auto; }

.our_approches_content ul li{ padding-bottom: 100px; } 

.lets_talk_sect{ padding: 100px 0px; }

.i_content_img{ top: -86px;  right: 40px;   max-width: 300px; }




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



@media(max-width:767px) { 

    body { -webkit-text-size-adjust:none;  -webkit-overflow-scrolling: touch; overflow-x: hidden;}
 
    .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: rgba(42, 28, 63, 0.9); backdrop-filter: blur(90.066588401794434px); text-align: left; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

    .isOpenMenu .header_right {  display: block; }
    .isOpenMenu{ overflow: hidden;}
    .isOpenMenu .header{ backdrop-filter: initial; }

    .isOpenMenu .header_left{ z-index: 2222; position: relative;}
    
    .header_icons{ display: inline-block; vertical-align: middle; width: auto;}



    :root{  

        --baseFS: 14px;
        --fs180: 4em;
        --fs130: 4em;
        --fs24: 1.33em;
        --fs72: 2.22em;
        --fs50: 2em;
        --fs48: 2em;
        --fs40: 1.77em;
        --fs35: 1.64em;
        --fs32: 1.77em;
        --fs26: 1.44em;
        --fs20: 1.11em;
    }
    
    .header_inner {  padding: 30px 0px 0px 0px; }
    .header_left{ max-width: 150px; }
    .banner_inner h1{ max-width: 510px; padding-bottom: 26px; line-height: 1em; }
    .banner_inner p{ max-width: 500px; }

    .about_sect{ padding: 80px 0px 80px 0px; }

    .page_counting{ max-width: 90px; margin-bottom: 20px; padding: 8px 4px; }
    .about_sect_inner h2 { max-width: 204px; padding-bottom: 22px; }
    

    .all_btn{padding: 14px 34px;}

    .about_sect_info{ padding-left: 0px; }
    .about_sect_info span{ max-width: 550px; }
    .about_sect_text { padding-top: 70px; }

    .services {  padding: 80px 0px 80px 0px; }
    .services_heading h2{ max-width: 150px; padding-bottom: 20px; }

    .services_detail span{ padding-bottom: 10px; max-width: 586px; }

    .services_slider_main { padding: 80px 0px 80px 0px; }
    .s_content_box{ padding: 20px 16px 20px 16px; }

    .s_content_box_icon i svg{ max-width: 70px; }

    .i_content_img{ width: 240px; height: auto; right: 40px; top: -56px; }
    .img_inner_text{ left: 14px; }
 

    .services_mvp h2{ padding-bottom: 20px; }

    .process_outline{ padding: 80px 0px 80px 0px; }
    .process_outline::after{ height: 936px; background: url(../images/lines_bg.svg) no-repeat; }

    .p_outline_heading h2 { padding: 20px 0px 80px 0px; }
    .po_box_icon{ padding: 20px; max-width: 86px; }
    .po_box_icon i{ display: flex; align-items: center; justify-content: center; }
    .po_box_icon i svg{ max-width: 44px; }
    
    .po_box_content h4{ padding: 20px 0px 10px 0px; }

    .p_outline_working{ padding-bottom: 50px; }
    .il_height{ height: 22px; }
    .livesRow_middle{ height: 43px; }
    .il_height.sm-h { height: 30px; }
    
    .il_text h2{ letter-spacing: -0.32px; line-height: 50px; }

    .industries_sect{ padding: 80px 0px 80px 0px; }
    .i_sect_heading{ padding-bottom: 60px; }

    .i_sect_heading h2{ padding: 20px 0px 20px 0px; }

    .industries_content ul li a{ padding: 10px 20px; } 


    .our_approches_sect{ padding: 80px 0px; }

    .oa_heading{ padding-bottom: 80px; }
    .oa_heading h2{ padding-top: 20px; }

    .our_approches_content ul li{ padding-bottom: 80px; } 

    .oa_content_text{ width: 100%; padding-top: 20px; } 
    .oa_content_text.text_right{ text-align: left; }
    .oa_content_text h4{ padding-bottom: 20px; }

 
    .oa_content_img{ width: 100%; }
    .oa_content_text_main{ display: block; }

    .lets_talk_sect{ padding: 80px 0px; }


   
}


@media only screen and (min-width:375px) and (max-width:530px){
    :root{   
        --baseFS: 14px; 
        --fs130: 4em;
        --fs180: 2.70em;
        --fs20: 1em;
    }
    .il_text{ letter-spacing: -2.32px; }

    .i_content_img{ width: 170px; height: auto; right: 30px; top: -44px; }
    .img_inner_text{ left: 14px; }

    .il_height{ height: 22px; }
    .livesRow_middle{ height: 30px; }
    .il_height.sm-h { height:18px; }
    
 
}

@media only screen and (min-width:320px) and (max-width: 374px){
	:root{   
        --baseFS: 14px; 
        --fs130: 3.75em;
        --fs180: 2em;
    }

    .il_text {
        letter-spacing: 2px;
    }
    .il_height{ height: 16px; }
    .livesRow_middle{ height: 20px; }
    .il_height.sm-h { height:14px; }
}




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

 


}