.nbm-container-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .8;
}

.nbm-item.nbm-booking-submit {
  text-align: center;
}

.nbm-container,
.nbm-container-age {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: center;
}

.nbm-container-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: right;
  margin-right: 20px;
}

.nbm-container-bg {
  opacity: 0.7;
}

.nbm-container-age {
  margin-top: -20px;
}

#main_container {
  padding-bottom: 30px;
}

.nbm-calendar>label,
.nbm-check-out>label,
.nbm-count>label {
  font-size: 1em;
}

.nbm-calendar::after {
  font-family: 'FontAwesome';
  content: '\f073';
  position: absolute;
  top:35px;
  right: 10px;
  font-size: 1.5em;
  opacity: 0.5;
}

.nbm-guest, .nbm-promo {
  position: relative;

}

#dropdownguest {
  color: #000;
}

.nbm-guest::after {
  font-family: 'FontAwesome';
  content: '\f007';
  position: absolute;
  top:35px;
  right: 10px;
  font-size: 1.5em;
  opacity: 0.5;
}

/* .nbm-promo::after {
  font-family: 'FontAwesome';
  content: '\f295';
  position: absolute;
  top:35px;
  right: 10px;
  font-size: 1.5em;
  opacity: 0.5;
} */

#calendar,
#check-out,
#promo-input,
#guest,
#loyalty-input,
.nbm-item>select {
  width: 100%;
  padding: 15px;
}
#calendar,
#check-out {
  cursor: pointer;  /**Design choice**/
}

#adults {
  margin-right: 20px;
}

.nbm-item {
  width: 100%;
  padding: 20px 20px 0 0;
  display: block;

}

.nbm-item.nbm-count,
.nbm-item.nbm-age {
  width: 50%;
}

.nbm-item.nbm-count .nbm-count-increment {
  display: flex;
}

.nbm-item.nbm-count .nbm-count-increment button {
  width: 25%;
  padding: 0;
}

.nbm-item.nbm-count .nbm-count-increment input {
  width: 50%;
  text-align: center;
  padding: 10px 0;
  margin: 0 !important;
}

#booking-submit {
  width: 95%;
  padding: 15px;
  border: 1px solid;
  cursor: pointer;
}

.form-invalid .form-required,
.form-invalid .form-required:focus,
.form-invalid.form-required input,
.form-invalid.form-required input:focus,
.form-invalid.form-required select,
.form-invalid.form-required select:focus {
  border-color: #d63638 !important;
  box-shadow: 0 0 2px rgb(214 54 56 / 80%);
}

.form-invalid-text {
  font-size: 10px;
  font-size: 14px;
  color: #d63638;
}

.nbm-hr {
  width: 100%;
  grid-column: 1/5;
  margin-bottom: 0;
  margin-top: 20px;
}

.date-icon {
  position: relative;
  top: -40px;
  left: 190px;
  cursor: pointer;
  color: rgb(0, 0, 0);
}

.guest-icon {
  position: relative;
  top: -40px;
  left: 190px;
  cursor: pointer;
  color: rgb(0, 0, 0);
}


.date-container {
  position: relative;
  float: left;
}

.white-bg {
  border-width: 10px;
  background-color: white;
}

@media screen and (min-width: 768px) {
  .nbm-item {
    width: 24%;  /**Adjusted to fit**/
    /* margin-left: 20px;   */
    /**Adjusted to fit**/
  
  }
  .nbm-container, .nbm-container-bg{
    width: 1200px;  /**Adjusted to fit**/
  }

  .nbm-item.nbm-count {
    width: 10%;  /**Adjusted to fit**/
  }

  .nbm-item.nbm-booking-submit {
    width: 285px;
    margin-top: 37px;
  }

  .nbm-item.nbm-booking-submit-group {
    width: 285px;
    margin-top: 10px;
  }

  .nbm-item.nbm-age {
    width: 20%;
  }
}