@media (max-width:1430px){
  .container__top_title{
    display: none;
  }
}
@media (max-width:1300px){
.container__middle {
    height: 400px;
  }
  form{
    flex-direction: column;
  }
  .left__form div, .right__form div {
    padding: 3px;
    background-color: rgb(211, 211, 211);
  }
  .right__form{
    margin: 3px 0 3px 0;
  }
}
@media (max-width:760px){
  .form__button_container {
    width: 20%;
  }
  .reservation__container {
    margin-top: 75px;
}
}
@media (max-width:630px){
  .form__button_container {
    width: 30%;
  }
}
@media (max-width:555px){
  .left__form, .right__form {
    width: auto;
  }
}
@media (max-width:470px){
  .left__form, .right__form {
    font-size: 15px;
  }
  input[type=text] {
    font-size: 15px;
  }
  #date_arrivals, #date_departures, #passangers, #email, #phone_number {
    font-size: 15px;
    padding: 8px 14px;
  }
}
@media (max-width:410px){
  .left__form, .right__form {
    font-size: 14px;
  }
  .form__button {
    font-size: 15px;
    height: 45px;
  }
  input[type=text] {
    font-size: 14px;
  }
}
@media (max-width:360px){
  .left__form, .right__form {
    font-size: 14px;
  }
  .form__button {
    font-size: 15px;
    height: 45px;
  }
  input[type=text] {
    font-size: 14px;
  }
  #date_arrivals, #date_departures, #passangers, #email, #phone_number {
    font-size: 15px;
    padding: 8px 0px;
  }
}