#inputB_1,
#inputC_1,
#inputC_2 {
  height: auto;
  font-size: 14px;
  background-color: transparent;
  color: var(--dark);
  margin: 0;
  padding-right: 4px;
  text-align: left;
}

#inputC_2 {
  width: 544px;
  padding-left: 4px;
}

#inputB_1,
#inputC_1 {
  width: 100px;
  padding-left: 4px;
}

#btnMethod_1,
#btnMethod_2,
#btnMethod_3 {
  width: 160px;
}

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

/* *************** 1024px *************** */
@media only screen and (max-width: 1024px) {
  .selectParams {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

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


  #inputB_1,
  #inputC_1,
  #inputC_2,
  #btnMethod_1,
  #btnMethod_2,
  #btnMethod_3,
  #btnClear_1,
  #btnClear_2,
  #btnClear_3 {
    width: 110px;
    text-align: left;
    padding-left: 8px;
    margin-bottom: 14px;
  }

  #inputB_1,
  #inputC_1 {
    height: 26px;
  }

  #inputC_2 {
    width: 580px;
    height: 26px;
  }

  #btnMethod_1,
  #btnMethod_2,
  #btnMethod_3 {
    width: 150px;
  }

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

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

  #inputC_2 {
    width: 500px;
    height: 42px;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
}

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

  #inputC_2 {
    width: 280px;
    height: 54px;
  }
}