.query-form{
    text-align:center;
    margin-bottom: 20px;
}

.query-form .form-fields > div{
    padding:10px 0;
}

.query-form .form-fields label { font-size: 16px; font-weight: bold; }

.query-form .form-fields input[type=text] {
  box-shadow: none;
  margin-bottom: 0;
  max-width: initial;
  border: none;
  border-radius: 8px;
  border: 1px solid var(--medium-gray);
  position: relative;
  padding: 15px;
  font-size: 14px;
  width: 100%;
  max-width: 300px;
  text-align: center;
  font-size: 18px;
}

.points-result{ margin-top: 20px; display: table; margin:0 auto; padding: 20px; box-sizing: border-box; border: 1px solid #f4f4f4; box-shadow: 0 1px 3px 0 hsla(0,0%,7%,.15);  }

.points-result .row { display: flex; font-size:24px; align-items: flex-end; }
.points-result .row > div { display: inline-block; padding: 20px; font-weight: bold; margin: 10px; }
.points-result .row label { font-size: 14px; color: var(--secondary-color); display:inline-block; padding-bottom: 10px;  }
.points-result .row .name { color: var(--default-text-color); font-weight: bold; }
.points-result .row .available { background-color: #f3f3f3; }
.points-result .row .redeem { background-color: #f3f3f3; }

.points-redeem{
  .error{
    color: #ff0000;
    text-align: center;
    font-weight: 500;
  }
}

@media all and (max-width: 1175px) {
}


@media all and (max-width: 980px) {
}

@media all and (max-width: 780px) {
    .points-result .row { display: block; }
    .points-result .row > div { display: block; }
}

@media all and (max-width: 640px) {
}

@media all and (max-width: 480px) {
}