#main-banner #units-search-form-container {
/*     position: absolute; */
    position: fixed;
    top: 50%;
    right: -200%;
/*     width: 80%; */
}

.beehotel-units-search, .bee-hotel-book-this-unit-form {
  background: #ffffffab;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 10px;
  border-top-right-radius: 0%;
  border-bottom-right-radius: 0%;
  border-bottom-left-radius: 10PX;
  color: white;
  font-family: "monospace", sans-serif;
  font-weight: 200;
  font-style: normal;
  margin: auto;
  padding: 12px 12px;
  text-align: right;
  z-index: 9;
}

.beehotel-units-search label, .bee-hotel-book-this-unit-form label {
  color: black;
}

.bee-hotel-book-this-unit-form h2 {
  display:none;
}

.bee-hotel-book-this-unit-form button {
  background: #6B8E23;
  border-color: #556B2F;
  color: #ffffff;
}


.edit-dates {
  width:240px;
}


.beehotel-units-search.collapsed {
  /*   width: 64px; */
  /*   min-width: 64px; */
  /*   height: 64px; */
  position: fixed;
  top: 50%;
  right: 20%;
}

.beehotel-units-search.collapsed *{
  display:none;
}

/* js-form-item js-form-type-textfield form-type-textfield js-form-item-dates form-item-dates mb-3 */
.beehotel-units-search .form-item ,
.beehotel-units-search .form-actions,
.beehotel-units-search .form-type-textfield,
.beehotel-units-search .form-type-select {
  display:inline-block;
/*   max-width: 300px; */
}
.beehotel-units-search .edit-dates {
    width: 260px;
    text-align: center;
}


.beehotel-units-search input,
.beehotel-units-search select {
  font-size: 0.8rem;
}


.content .bee-hotel-book-this-unit-form {
  text-align:center;
}

.content .bee-hotel-book-this-unit-form > div.form-item,
.content .bee-hotel-book-this-unit-form > button {
  width: 30%;
  display: inline-block;
}

.content .bee-hotel-book-this-unit-form > button.btn-default:hover {
/*   background-color: darkred; */
/*   border-color: #adadad; */
/*   color: white; */
}

.content #beehotel-units-search label {
/*   font-size: 15px; */
/*   color: #3a3a3a; */
/*   margin-bottom: 15px; */
}

.content #beehotel-units-search input {
/*   margin-bottom: 30px; */
}

.content #beehotel-units-search textarea {
  /*width: 100%;
  height: 150px;
  max-height: 180px;
  border-radius: 22px;
  background-color: #f6f6f6;
  border: none;
  margin-bottom: 40px;
  font-size: 14px;
  padding: 15px 15px;*/
}

.content #beehotel-units-search button,
.bee-hotel-book-this-unit-form button {
/*  background-color: #1e1e1e;
  border-radius: 22px;
  border: none;
  color: #fff;
  display:block;
  height: 36px;
  font-size: 15px;
  font-weight: 500;
  margin: 24px auto;
  padding: 0px 20px;
  transition: all .5s;*/
}

.content #beehotel-units-search button:hover {
/*   background-color: darkred; */
}

@media (max-width: 767px) {

  .path-frontpage .beehotel-units-search {
    margin: 20px;
    padding: 16px 24px;
  }

  #main-banner {
    margin-top: 206px;
  }

  #main-banner #units-search-form-container {
    /*     background:red; */
    /*     position: absolute; */
    position: fixed;
    top: 62px;
    right: 0%;
    /*     width: 80%; */
  }

  .views-field-nothing .field-content .container.slider .title {
    font-size:1em;
  }

  .views-field-nothing .field-content .container.slider .slogan {
    display:none;
  }

}