.mobile_ui{
  display:none;
}

@media (max-width:1400px){
  #net_selector_container{
    left:45%;   
   }
}
@media (max-width:1200px){
  
   #nav_links{
     font-size:var(--navlink-fontsize-mobile);
   }

}
@media (max-width:1000px){
  /* UI */
  /*.pin_input{
    width:var(--pin-size-mobile);
    height:var(--pin-size-mobile);
    font-size:var(--pin-font-mobile); 
  }*/

  /*ASSETS */
  #share_options{
    top:55px;
  }
  .share_option{
    margin:3px;
  }
  br.mobile_break{
    display:inline;
  }
  
  .link_mobile_hide{
    display:none;
  }
  #net_selector_container{
    left:53%;  

   }

   .net_toggle_container{
     font-size:1.25em;
   }
}

@media (max-width:768px){
  /* UI */
  .input__field--haruki {
    font-size: 1em;
    padding-bottom:0.5em;
  }

  /* ASSETS */
  #contract_section strong.lbl{
    display:block;
  }

  #share_options{
    /* top:55px;
    right:25px; 
    padding-bottom:10px; */
  }
  br.mobile_break2{
    display:inline;
  }
  .net_lbl{
    display: none;
  }
  
  .net_toggle_on,.net_toggle_off{
    transform:none;
  }
  .net_lbl_mobile{
    display:block;
    position:absolute;
    transform:translateX(-15%);
  }
  #mobile_test_lbl{
    display:none;
  }
  #net_selector:checked ~ #mobile_test_lbl {
    display:block;
  }
  
  #net_selector:checked ~ #mobile_main_lbl {
    display:none;
  }
  #net_selector_container{
    left:auto;
    right:1%;
    top:45%;
  }
  #nav_links{
    right:15%;
  }

  #header_title{
    font-size:var(--title-fontsize-mobile);
  }

  .modal__inner{
    width:100%;
    height:100%;
    padding: 0;
    border-radius:0;
  }

  
}
@media (max-width:650px){
  #nav_links{
    right:12%;
  }
}
@media (max-width:600px){
  /* UI */  
  .masked{
    font-size:var(-pin-fontsize-mobile);
  }
  .title{
    display:none;    
  }
  #nav_links{
    right:25%;
  }
}

@media (max-width:500px){
  /*ASSETS */
  #share_options{
    /* right:35px; */
    /* top: 55px; */
  }
  br.mobile_break, br.mobile_break2{
    /* display:none; */
  }
  /* .asset_share{position:relative;top:auto;right:auto;margin-top:10px;}  */
  /* h2.asset_symbol{margin-bottom:5px;padding-top:15px;} */

  #nav_links{
    right:20%;
  }
  #nav_links a{
    padding: 0.25em;
  }
  @supports (-webkit-overflow-scrolling:touch){
    #logo_link{
      /* transform:scale(0.9); */
      background-image:var(--logo-img-mobile);
      height:40px;
    }
  }
}