.main {
  background: rgba(162, 241, 225, 0.5) !important;
}

.thankyou-pg {
  margin-top: 200px;
}

.spacer {
  height: 20px;
}
#banner {
  background-color: #edece6;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
}

.resvs {
  background-color: #7fffd4;
}

.conditions {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
}

.navbar-nav > li {
  float: none;
  padding-top: 15px;
}

.panel-sidebar {
  background-color: #e6eded;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-color: #b9c0c0;
  border-right-color: #b9c0c0;
  border-bottom-color: #b9c0c0;
  border-left-color: #b9c0c0;
}

.panel-content {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-color: #b9c0c0;
  border-right-color: #b9c0c0;
  border-bottom-color: #b9c0c0;
  border-left-color: #b9c0c0;
}
.title {
  margin-bottom: 50px;
}

/* CAROUSEL */
.carousel-inner {
  width: auto;
  height: 400px;
}

.carousel-inner > .item > img {
  margin: 0 auto;
}

.carousel slide {
  padding: 0 0 0 0;
  vertical-align: middle;
}

.carousel-indicators {
  display: none;
}

.carousel-inner {
  vertical-align: middle;
}

.carousel-pool {
  width: auto;
  height: 400px;
}

.carousel-room2 {
  width: auto;
  height: 400px;
}

.carousel-bathroom {
  width: auto;
  height: 400px;
}

.carousel-room1 {
  width: auto;
  height: 400px;
}

.carousel-reception {
  width: auto;
  height: 400px;
}

.carousel-outdoor {
  width: auto;
  height: 400px;
}

.carousel-bedroom {
  width: auto;
  height: 400px;
}

.carousel-bedroom2 {
  width: auto;
  height: 400px;
}

.carousel-bedroom1 {
  width: auto;
  height: 400px;
}

.carousel-velez {
  width: auto;
  height: 400px;
}
.ul.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
}

#ticker {
  height: 110px;
  overflow: hidden;
  border: 0px solid black !important;
  list-style-type: none;
  padding: 0px !important;
}

#ticker li {
  height: 129px;
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}

.manual {
  height: 10em;
}

#fright {
  padding-top: 2.5em;
}

#fcentre {
  padding-top: 1em;
  border: 1px solid black !important;
}

.plans {
  margin-bottom: 2em;
  padding: 1em;
}

.plans_link {
  padding: 1em;
}

/* MEDIA QUERIES */

@media (min-width: 640px) {
  #banner_pic2 {
    display: none !important;
  }
}

@media (max-width: 640px) {
  #banner_pic1 {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  .carousel-inner {
    width: auto;
    height: 60%;
  }
  .carousel-pool {
    width: auto;
    height: 60%;
  }

  .carousel-room2 {
    width: auto;
    height: 60%;
  }

  .carousel-bathroom {
    width: auto;
    height: 60%;
  }

  .carousel-room1 {
    width: auto;
    height: 60%;
  }

  .carousel-reception {
    width: auto;
    height: 60%;
  }

  .carousel-outdoor {
    width: auto;
    height: 60%;
  }

  .carousel-bedroom {
    width: auto;
    height: 60%;
  }

  .carousel-bedroom2 {
    width: auto;
    height: 60%;
  }
  .carousel-bedroom1 {
    width: auto;
    height: 60%;
  }

  .carousel-room2 {
    width: auto;
    height: 60%;
  }

  .carousel-velez {
    width: auto;
    height: 60%;
  }
}

@media (max-width: 600px) {
  .carousel-inner {
    width: auto;
    height: 400px;
  }
}

@media (max-width: 415px) {
  #ticker {
    display: none;
  }

  @media (max-width: 992px) {
    h1 {
      font-size: 24px;
    }

    h2 {
      font-size: 21px;
    }
    h3 {
      font-size: 18px;
    }
    h4 {
      font-size: 16px;
    }
    .footer {
      display: none;
    }
  }
}

/*  Changes collapse point of navbar */

@media (max-width: 1000px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
}

/* banner div disappears when navbar collapses */

@media all and (max-width: 1000px) {
  .conditions {
    font-size: 16px;
  }
}
/*  navbar brand only appears after navbar collapses  */

@media (min-width: 1000px) {
  .navbar-brand {
    display: none !important;
  }
}

@media (max-width: 640px) {
  #top > .spacer {
    display: none;
  }

  h1 {
    font-size: 18px;
  }

  h2 {
    font-size: 16px;
  }
  h3 {
    font-size: 12px;
  }
  h4 {
    font-size: 10px;
  }
  .footer {
    display: none;
  }
}