#inputB_1 {
  width: 664px;
}

#btnMethod_1,
#btnMethod_2 {
  width: 140px;
}

#btnClear_1,
#btnClear_2 {
  width: 66px;
}

/* *************** 1024px *************** */
@media only screen and (max-width: 1024px) {
  #inputB_1 {
    width: 464px;
  }
}

/* *************** 834px *************** */
@media only screen and (max-width: 834px) {

  #inputB_1 {
    width: 314px;
  }
}

/* *************** 640px *************** */
@media only screen and (max-width: 640px) {

  #syntax_1,
  #syntax_2 {
    padding-bottom: 0px;
  }

  #inputB_1,
  #btnMethod_1,
  #btnMethod_2,
  #btnClear_1,
  #btnClear_2 {
    margin-bottom: 14px;
  }

  #inputB_1 {
    width: 280px;
    text-align: left;
    padding-left: 8px;
  }
}