.form-inline {  
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-top:-20px;
}

.form-inline label {
  margin: 5px 0;
  padding: 12.8px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-left: 1px solid #444;
}

.form-inline input {
  vertical-align: middle;
  margin: 5px 5px 5px 0;
  background-color: #fff;
  border: 1px solid #444;
}

input[type=submit] {
  background-color: dodgerblue;
  border: 0.2rem solid dodgerblue;
  color: white;
  cursor: pointer;
  margin-left: 5px;height: 53px;
}

input[type=submit]:hover {
  background-color: royalblue;
  border: 0.2rem solid royalblue;
}
.form-inline input:focus {
  border: 0.2rem solid royalblue;
}
.error{
    width: 50%;
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 50px;
	color: #D8000C;
	background-color: #FFBABA;
	text-align: center;
}

.form-inline select, option { height: 53px; }

@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
  }
  .form-inline label {
  margin:0;
  border: none;
  }
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
  .form-inline button {
  margin: 5px;
  width: 100%;
  }
  .form-inline select, option { width: 100%; }
  .error{
    width: 100%;
  }

}