/* ---- search_tour ---- */
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

.title_quest p {
  font-weight: 700;
  font-size: 36px;
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
}

.search_tour {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  transform: translateY(50%);
  z-index: 10;
  color: #555;
}

.search-bar {
  width: 80%;
  background-color: #fd8c0c;
  padding: 7px 4px;
}

.search-bar-item {
  width: 20%;
  background-color: white;
  margin: 0 5px;
}

#rate.search-bar-item {
  padding: 6px 0;
  position: relative;
}

#rate.search-bar-item a {
  padding: 0;
  font-size: 14px;
	color: #495057; 
}

#rate .dropdown .dropdown-menu {
  top: 6px !important;
  left: 0 !important;
  border-radius: 0;
}

.dropdown-menu li {
  font-size: 12px;
}

i.fa-star {
  color: coral;
  font-size: 12px;
}

.search-padd {
  padding: 6px 8px;
}

.hotel-pos {
  flex: 30%;
}

.hotel-des,
.date-pick {
  overflow: hidden;
}

.hotel-des input,
.date-pick input {
  border: 0;
  width: 95%;
}

.date-pick {
  position: relative;
  padding: 6px 0;
}

#datepicker {
  padding-left: 25px;
}

.day-night {
  position: relative;
}

.day-night select.form-control {
  padding: 6px 25px;
  border: 0;
  border-radius: 0;
  height: auto;
  font-size: 14px;
}

.day-night select.form-control:focus, .day-night select.form-control:active {
  border: 0 !important;
  outline: 0 !important;
}

i.fa-clock,
i.fa-calendar-alt {
  position: absolute;
  left: 6px;
}

.search {
  background-color: #003580;
  color: white;
  padding: 4.5px 8px;
}

.search:hover {
  background-color: #0756c5;
}

.search a {
  font-size: 16px;
}

/* top-hotel*/
.top-hotel {
  margin-top: 40px;
  margin-bottom: 40px;
}

.top-hotel-img {
  overflow: hidden;
}

.top-hotel-img a img {
  object-fit: cover;
  transition: transform 0.5s;
}

.top-hotel-img a img:hover {
  transform: scale(1.1);
  transition: transform 0.5s;
}

.top-hotel-title p {
  font-size: 36px;
  color: black;
}

.top-hotel-item {
  padding: 0.25rem;
}

.box-desc {
  padding: 12px 5px;
}

.left-desc {
  width: 70%;
  padding-left: 6px;
}

.left-desc a {
  color: #3385d6;
  font-size: 18px;
  font-weight: 400;
}

.left-desc a:hover {
  color: coral;
  text-decoration: underline;
  cursor: pointer;
}

.line-clamp {
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.right-desc {
  width: 30%;
  padding-right: 6px;
}

.right-desc p {
  color: gray;
}

.right-desc p span {
  color: #b20000;
  font-size: 16px;
}

.right-desc p span:nth-child(2) {
  font-size: 24px;
}

/* -----------------------
responsive
-------------------------- */
@media (max-width: 1200px) {
  .search-bar {
    width: 95%;
  }
}

@media (max-width: 991px) {
  .top-hotel-item {
    margin-bottom: 30px;
  }
  .left-desc {
    padding-left: 12px !important;
  }
  .right-desc {
    padding-right: 12px !important;
  }
  .search-bar {
    width: 100%;
  }
  select.form-control {
    padding: 6px 22px !important;
  }
}

@media (max-width: 768px) {
  .search_tour {
    padding: 0;
  }
  .search-bar {
    flex-wrap: wrap;
    padding: 0;
  }
  .search-bar-item {
    width: 100%;
    flex-wrap: wrap;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e9e7e7;
  }
}