@media (max-width:629px) {
    #regis_pro {
      display: none;
    }

    #f {
      width: 80%;
    }

    #s {
      width: 20%; 
    }
  }
  label {
      display: block;
      position: relative;
      margin: 40px 0px;
    }
    .label-txt {
      position: absolute;
      top: -1.6em;
      padding: 10px;
      font-family: sans-serif;
      font-size: .8em;
      letter-spacing: 1px;
      color: rgb(120,120,120);
      transition: ease .3s;
    }
    .input {
      width: 100%;
      padding: 10px;
      background: transparent;
      border: none;
      outline: none;
    }
    
    .line-box {
      position: relative;
      width: 100%;
      height: 2px;
      background: #BCBCBC;
    }
    
    .line {
      position: absolute;
      width: 0%;
      height: 2px;
      top: 0px;
      left: 50%;
      transform: translateX(-50%);
      background: #8BC34A;
      transition: ease .6s;
    }
    
    .input:focus + .line-box .line {
      width: 100%;
    }
    
    .label-active {
      top: -3em;
    }