@media (max-width: 1199px) and (min-width: 1024px) {
  #booking_widget .vc_col-sm-6 {
    width: 100% !important;
  }
}

@media (max-width: 1023px) and (min-width: 992px) {
  #booking_widget .vc_col-sm-6 {
    width: 100% !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #booking_widget .vc_col-sm-6 {
    width: 100% !important;
  }
  #check .form-wrap .input-warp {
    width: 38%;
  }
  #check button {
    width: 23%;
    font-size: 20px;
  }
  .room_form select.form-control,
  .room_form input#room-depart,
  .room_form input#room-arrive {
    font-size: 25px !important;
  }
  #check .form-wrap .input-warp label {
    font-size: 14px;
  }
  .room_form .input-warp.adults-number::after {
    right: 10px;
    top: 70%;
  }
}

/* @media (max-width: 767px) and (min-width: 685px) {
  #booking_widget .vc_col-sm-6 {
    width: 100% !important;
  }
  #check .form-wrap .input-warp {
    width: 38%;
  }
  #check button {
    width: 23%;
    font-size: 20px;
  }
} */

@media (max-width: 684px) and (min-width: 568px) {
  #check .form-wrap .input-warp {
    height: auto !important;
    width: 100%;
    line-height: 0px;
  }
  #check button {
    width: 100%;
  }
  #check .form-wrap .input-warp label {
    padding-top: 0;
    width: 100%;
    line-height: 18px;
  }
  #booking_widget .vc_col-sm-6 {
    width: 100% !important;
  }
  .fa-calendar {
    top: 49px;
    left: 14px;
  }
}

@media (max-width: 567px) and (min-width: 480px) {
  #check .form-wrap .input-warp {
    height: auto !important;
    width: 100%;
    line-height: 0px;
  }
  #check button {
    width: 100%;
  }
  #check .form-wrap .input-warp label {
    padding-top: 0;
    width: 100%;
    line-height: 18px;
  }
  #booking_widget .vc_col-sm-6 {
    width: 100% !important;
  }
  .fa-calendar {
    top: 50px;
    left: 6px;
  }
}

@media (max-width: 479px) and (min-width: 320px) {
  #check .form-wrap .input-warp {
    height: auto !important;
    width: 100%;
    line-height: 0px;
  }
  #check button {
    width: 100%;
  }
  #check .form-wrap .input-warp label {
    padding-top: 0;
    width: 100%;
    line-height: 18px;
  }
  #booking_widget .vc_col-sm-6 {
    width: 100% !important;
  }
  .fa-calendar {
    top: 50px;
    left: 6px;
  }
}