.form-box {
    width: 100%;
    float: left;
    padding: 30px 0 50px 0;
}
.form-box .col-50 {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}

.form-box .col-33 {
  -ms-flex: 30%; /* IE10 */
  flex: 33.33%;
}

.form-box .col-75 {
  -ms-flex: 75%; /* IE10 */
  flex: 100%;
}

.form-box .col-25,
.form-box .col-50,
.form-box .col-75 {
  padding: 0 16px;
}

.form-box .container {
  padding: 5px 20px 15px 20px;
  border-radius: 3px;
   max-width:600px;
  margin:auto;
}

.form-box h2 {
    font-size: 27px;
    padding: 20px 0;
    color: #ff181d;
}

.form-box h1 {
    font-size: 27px;
    padding: 20px 0;
}


.form-box input[type=text] {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  border-bottom: 1px #ddd solid;
}
.form-box input[type=datetime-local] {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  border-bottom: 1px #ddd solid;
}

.form-box input[type=email], input[type=tel],textarea, select{
  width: 100%;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  border-bottom: 1px #ddd solid;
}

.form-box input[type=number] {
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
    border-bottom: 1px #ddd solid;
}
.form-box input[type=text] {
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
    border-bottom: 1px #ddd solid;
}
.form-box input[type=time] {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  border-bottom: 1px #ddd solid;
}
.form-box input[type=date] {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  border-bottom: 1px #ddd solid;
}

.form-box label {
    color: #fff;
}


.form-box .btn {
    background-color: #ff181d;
    color: #fff;
    padding: 12px;
    margin: 10px 0;
    border: none;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    font-size: 17px;
}

.form-box .btn:hover {
  background-color: #015d93;
  color: #fff;
}

.hotel-bg{background: url(../img/hotel-bg.jpg); margin-top: 4.5%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.hotel-bg input, textarea, select, text{border: 1px solid #fff;}

.flight-bg{background: url(../img/flight-bg.jpg); margin-top: 4.5%; background-size: cover; background-position: right; background-repeat: no-repeat;}
.flight-bg input, textarea, select, text{border: 1px solid #fff;}

.bus-bg{background: url(../img/bus-bg.jpg); margin-top: 4.5%; background-size: cover; background-position: right; background-repeat: no-repeat;}
.bus-bg input, textarea, select, text {
    border-bottom: 1px solid #ddd;
}




/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
@media (max-width: 400px) {
 .form-box .row {
    flex-direction: column;
  }
 .form-box  .col-25 {
    margin-bottom: 20px;
  }
}