@media only screen and (min-width: 1901px) {
    :root{
        --baseFS: 18px;
    } 
    .banner_inner {  min-height: calc(100vh - 176px); }

    
}
@media only screen and (min-width: 2901px) {
    :root{
        --baseFS: 26px;
    } 
    .banner_inner {  min-height: calc(100vh - 256px); }

    
}

@media only screen and (min-width: 1440px) and (max-width: 1900px){ 
   
    

}

/*start of = (min-width: 1366px) and (max-width: 1440px)*/
@media only screen and (min-width: 1366px) and (max-width: 1439px){
   
    :root{
        --baseFS: 14px;
    } 
    .banner_inner {  min-height: calc(100vh - 132px); }





/*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: 14px;
    }

    .about_us_main .banner_content{      max-width: 800px; }
    
/*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: 14px;
        --fs80: 4em;
        --fs100: 5em;
    } 
    
   
    .about_us_main .banner_inner{ height: auto; min-height: auto; padding: 4em 0 5em; }

    .whowe_gallery figure{ height: 30.5em; }
    .footer_top{ gap: 40px; }

    .about_us_main .banner_content{ max-width: 700px; }


    .banner_inner {  padding: 1em 0;  min-height: calc(100vh - 135px); }
    .banner_detail span{ font-size: 2em;}

    .team_card{ height: 30em; }
    
    .getIn_touch{ padding-top: 0; }
   
	

 
/*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: 1023.98px){
   
 
body { -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
  
:root{
    --baseFS: 14px;
    --fs80: 4em;
    --fs100: 4em;
    --secPad:3.75em;
} 

.banner_ref_inner ul{ gap: 2em; }
/* .banner_ref_inner ul li a img{ max-width: 110px; max-height: 38px; display: block; } */
.whowe_gallery figure{ height: 30.5em; }
.footer_top{ gap: 40px; }

.about_us_main .banner_inner{ height: auto; min-height: auto; padding: 3em 0 4em; }

.banner_detail{ max-width: 800px; }

.team_list ul li{ width: auto; }

.about_us_main .banner_content{ max-width: 600px; }

.git_contact_header{ justify-content: space-between; }
.git_banner_left{ padding-right: 1.75em; }
.sustain_box_img figure { height: 25.875em; }
.banner_inner {  padding: 1em 0;  min-height: calc(100vh - 150px); }
.whowe_counters_box, .whowe_inds_box{ padding: 1.5em;}
.banner_detail span{ font-size: 2em;}
.revolution{ padding: 3em;}

.sustain_box_text{ padding: 1em; }
.teleccomSolu_list{  padding: 1em 0; }
.teleccomSolu_list h4{ font-size:1em; }
.teleccomSolu_list small{ padding: 0; }
.teleccomSolu_list > ul li{ padding: .5em; }
.sustain_box_logo{ padding-bottom: 1.5em; }

.team_card{ height: 28em; }

.social_media{ padding-bottom: 3.75em; }

.insights_card_img{ height: 12em; }
.insights_card_info{ padding: 1em; }

.getIn_touch{ padding-top: 0; }

.aboutUs_content_right{ padding: 1em 1.5em; }

.aboutUs_content ul li:last-child .aboutUs_content_inner{ padding-bottom: 0; }
.aboutUs_content_img figure{ height: auto; }
.commitment_content ul li{ width: 50%;}

.gt_pin{ transform: scale(0.7);}




/* end 768 */
}


@media only screen and (min-width:0px) and (max-width:767.98px){
   
    body { -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
  
    :root{
        --baseFS: 13px;
        --fs80: 2.4em;
        --fs100: 3.5em;
        --secPad:2.5em;
    } 

    .header{ height: auto; }
    .header_inner{ padding: 1em 0; }

    .header_right{ display: none;  position: fixed; top: 0px; left: 0px; padding: 80px 20px 15px; background-color: rgba(0, 0, 0, 0.4);-webkit-backdrop-filter: blur(90.5px); width: 100%; height: 100%; z-index: 22; backdrop-filter: blur(90.066588401794434px); text-align: left; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: url(../images/dotted_bg.png) repeat top left; background-color: var(--black); }

    .header_links{ border: 0px none; background: none;  }

    .isOpenMenu .header_right {  display: block; }
    .mob_menuBtn { display: flex; }

    .header_contact{ display: none; }
    .header_links .header_contact{ display: block; }

    .header_links{ padding: 20px; }
    .header_links ul{ display: block; text-align: left;}
    .header_links a{ display: inline-flex; margin-bottom: 10px; font-size: 18px; color: var(--white); }
    .header.white .header_links a i svg path, .header.white .header_links a i svg path{     stroke: var(--white); }
    .header.white .header_links a{ color: var(--white);  }


    .header_links a.dropdown_btn{ display: inline-flex;}
    .header_links .header_contact .all_btn{ font-size: 18px; display: flex; align-items: center; justify-content: center; }

    .header_links a.dropdown_btn{ justify-content: center; }

    .header_left{ position: relative; z-index: 999; }

    .countrypicker .btn.dropdown-toggle .inline-flag{ margin: 0px;}

    .whowe_gallery, .whowe_counters ul, .whowe_inds_box ul, .sustain_box, .c_brand_info, .oc_detail, .footer_top, .footer_top_right{ flex-wrap: wrap; }
    .whowe_gallery figure{ height: 30em; }

    .whowe_inds_box ul li{ padding: 14px 1em !important; border: 0;  }
    .sustain_box_img{ width: 100%; }
    .c_brand_li{ padding-bottom: 1em; }

    .commitment_content ul li{ width: 100%; }
    .commitment_content ul li{ width: 50%;}
    .oc_detail_text{ padding-bottom: 1em; }

    .footer{ padding: 2.5em 0; }
    .footer_top{ gap: 30px; }
    .footer_top_left, .footer_top_right{ width: 100%; }

    .ft_middle_left, .ft_middle_right{ width: 50%; padding-bottom: 2em; }
    .ft_right_right{ width: 100%; }

    /* .banner_ref_inner ul{ gap: 0.5em; } */
    /* .banner_ref_inner ul li{ flex: 1; }
    .banner_ref_inner ul li a img{ width: 45px; height: 25px; } */

    .about_us_main .banner_inner{ height: auto; min-height: auto; padding: 2em 0em 3em; }
    .au_info_left{ display: none; }
    .au_info_right{ width: 100%; padding-left: 0; }

 

    .team_list ul li{ width: auto; }

    .aboutUs_content{ padding-bottom: 2.5em; }
    .aboutUs_content_inner{ display: block; }
    .aboutUs_content_left, .aboutUs_content_right{ width: 100%; }
    .aboutUs_content_right{ padding: 0; }
    .aboutUs_content_left, .aboutUs_content ul li{ padding-bottom: 2em; }
    .about_us_main .banner_content{ max-width: 300px; }
    .aboutUs_content_img figure{ height: auto; }
    .aboutUs_content_img figure img{ max-width: 100%; display: block; width: 100%; }

    .getIn_touch_banner_inner{ flex-direction: column-reverse;}
    .git_banner_right{ width: 100%; padding-bottom:3.75em;; }
    .git_banner_img{ max-width: none; }

    .git_banner_left{ width: 100%; padding-right: 0em; }


    .git_contact_inner{ flex-wrap: wrap; margin: 0 -10px; }
    .git_contact_detail{ padding: 0 10px 20px;flex: 0 0 50%; }

    .form_row{ display: block; }

   .header_contact .all_btn{ color: var(--primary); }
   .header_contact .all_btn:hover, .header_contact .all_btn.active{ background: linear-gradient(180deg, #F3621D 0.03%, #FF9759 100.04%); }


   .banner_ref .autoContent{ display: block;}
    /* .banner_ref{ overflow: hidden; overflow-x: auto;}
    .banner_ref_inner ul li a img { width: auto; height: auto;  max-width: 8.375em; max-height: 2.75em; } */
    /* .banner_ref_inner ul li {padding-right: 25px; } */
    .sustain_box_img figure{ height: 20em;}

    .revolution{ padding: 3em 2em;}
    .all_headline{ padding-bottom: 2em;}
    .all_headline.white h2{ padding: 0.2em 0px;}
    .commitment_box{ padding: 1.5em 1.5em;}
    .dropdown_box{ width: 100%; position: initial; display: none; box-shadow: 0px 0px 0px transparent; background:none; padding: 0px 0px 0px 50px;  }
    .header_links .dropdown_box ul li a{ color: var(--white);}
    .dropdown:hover .dropdown_box{ display: block;}
    .whowe_gallery figure, .whowe_gallery{ height: 20em;}

    .banner_inner{ padding: 2em 0em;}

    .ou_commitments_list > ul > li{ width: 100%; }

    .history_list_main{ padding-bottom: 5em; }
    .history_year{ text-align: left; margin-left: -50px; }
    .history_list{ padding-left: 40px; }
    .history_progress{ left: 10px; }
    .history_row_image, .history_row_text{ width: 100%; }
    .history_row{flex-wrap: wrap;gap: 2.5em;}
    .history_list ul li:nth-child(2n) .history_row_text{ text-align: left; }

    .au_approach_list .aboutUs_content_left{ width: 100%; }
    .au_edge_list .aboutUs_content_left{ width: 100%; }
    .au_edge_list.aboutUs_content ul li{ padding: 0; }

    .portfolio_main .aboutUs_contant{ padding: 2.5em 0; }
    .portfolio_main .au_content_footer{ padding: 2.5em 0; }
    .sustain_box_text{ padding: 1em; }
    .teleccomSolu_list h4{ font-size: 1em; }
    .teleccomSolu_btn_row{ justify-content: center; }

    .team_card{ height: 28em; }
    .social_media{ padding-bottom: 5em; }

    .insights_main{ padding-top: 8.25em; }
    .insights_list > ul li{ width: auto; }

    .ins_intro_content_left{ display: none; }
    .ins_intro_right{ width: 100%; }

    .ins_details_content{ padding: 0; }

    .getIn_touch_banner{padding-top: 6em;}
    
    .footer_bottom{ flex-direction: column; justify-content: center;}

    .gt_pin{ transform: scale(0.5);}
    .tooltip-box h4{ font-size: 12px;}
    .tooltip-box p{ font-size: 13px;}

    .gt_pin.gt_pin4 .tooltip-box, .gt_pin.gt_pin3 .tooltip-box{ bottom: initial; top: 100%;}
    .gt_pin.gt_pin4 .tooltip-box .tooltip-arrow,  .gt_pin.gt_pin3 .tooltip-box .tooltip-arrow{ bottom: initial; top: -8px;}

    .gt_pin.gt_pin3 .tooltip-box{ left: 0%; transform: translateX(-82%); }
    .gt_pin.gt_pin3 .tooltip-box .tooltip-arrow{ left: 80%;}

    .gt_pin.gt_pin4 {  left: 61%; top: 42%; }
    .form_cell{ width: 100%;}
    .ft_middle_left, .ft_right_middle, .ft_right_right{ width: 50%;}

}

@media only screen and (min-width:320px) and (max-width:519px){
    
 
}
@media only screen and (min-width:520px) and (max-width:767px){
    .ft_middle_left, .ft_right_middle, .ft_right_right{ width: 33.33%;}
    
}



@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;  
    }
}