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

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

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


/*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; 
      } 
    
/*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; 
  } 
 
/*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; }
 
  
.header_links ul li{ padding: 0px 8px; }
.header_links{ padding-right: 12px; } 




/* 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.8em;
        --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;}

       
      .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{ padding: 1em 0em;} 
   
}
 
 


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