@media not all and (min-width: 1024px) {
  #header-resize {
    z-index: 50 !important;
  }
  .passengers-field {
    background-color: #f3f5fd !important;
  }
  .searchList .close-searchList {
    background-color: var(--primary-700) !important;
  }
  .reservation-item {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .flighttype-items li {
    width: 27vw !important;
    height: 36px !important;
  }
  .FlightClass ul {
    margin-top: 30px !important;
  }
  .FlightClass ul li {
    padding-right: 12px !important;
    text-align: center !important;
  }
  .Add-Remove {
    height: 48px !important;
  }
  #r-flighthotel .form-search > div.block,
  .form-search,
  .route-content-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 38px !important;
  }
  .flight-routes,
  .Flightclass-Passenger {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
  }
  .reserve-search {
    width: 100% !important;
    height: 61px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .reserve-search button {
    width: 61px !important;
    height: 100% !important;
    border: 1px solid #0dc0f8 !important;
    border-radius: 50% !important;
    background-color: #0dc0f8 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .searchList li.bg-bgColor-100 {
    text-align: center !important;
    font-weight: 700 !important;
  }

  .route-minus-btn {
    width: fit-content !important;
    height: 27px !important;
    position: absolute !important;
    left: 20px !important;
    top: 5px !important;
    transform: scale(2.5);
  }
}
@media (min-width: 1024px) {
  .route-minus-btn {
    width: fit-content !important;
    height: 27px !important;
    position: absolute !important;
    left: 20px !important;
    top: -42px !important;
    transform: scale(2.5);
  }
  .confirm-passenger:hover,
  .plus-count:hover,
  .minus-count:hover {
    background-color: #263854 !important;
  }
  .Add-Remove {
    margin-left: -280px !important;
  }
  .multiroute-fields {
    margin-top: 59px !important;
  }

  .reserve-search {
    width: 61px !important;
    height: 61px !important;
  }
  .reserve-search button {
    width: 100% !important;
    height: 100% !important;
    border: 1px solid #0dc0f8 !important;
    border-radius: 50% !important;
    background-color: #0dc0f8 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .reservation-item li {
    min-width: 80px !important;
  }
  #r-flight .flightclass-field {
    width: 33.333333% !important;
  }
  .route-content-inner .flight-routes {
    width: 75% !important;
  }
  #r-insurance .passengers-field {
    width: 28% !important;
  }

  .Add-Remove {
    height: 65px !important;
  }
  .reserve-search button span {
    display: none !important;
  }
  .multiroute-fields {
    justify-content: space-between;
  }
  .exchangeRoute svg {
    transform: rotate(90deg) !important;
    width: 23px !important;
    height: 29px !important;
  }
  .flight-routes {
    gap: 53px !important;
  }
  .exchangeRoute {
    height: 65px !important;
    top: 0 !important;
    width: 44px !important;
    left: -45px !important;
    border-radius: 15px;
    background-color: #d4ddff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .searchList,
  ul.FlightClass,
  .passengerbox {
    text-align: right;
    float: right;
    margin: auto 0;
    direction: rtl;
    font-size: 12px;
    background: #fff;
    right: 0;
    z-index: 9999;
    border-radius: 15px;
    border: 1px solid #ddd9d8;
  }
  .flighttype-items li {
    width: 100px !important;
    height: 39px !important;
  }
  .r-flight,
  .r-hotel,
  .r-tour,
  .r-flighthotel,
  .r-insurance {
    padding: 28px 20px !important;
  }
}
.search-nav {
  position: relative !important;
}
.reservation-item li {
  background-color: #fff;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center !important;
  border-radius: 10px;
  height: 80px !important;
}
.reservation-item li.active-module,
.reservation-item li:hover {
  background-color: #0375e1 !important;
}
.reservation-item li:hover span {
  color: #fff !important;
}
.r-flight,
.r-hotel,
.r-tour,
.r-flighthotel,
.r-insurance {
  padding: 28px 20px !important;
}
.searchEngine-c form label.label-flightclass svg {
  width: 20px !important;
  height: 18px !important;
  transform: scale(0.78) !important;
}
.searchEngine-c form label svg {
  width: 33px !important;
  height: 36px !important;
}
.down-icon {
  display: none !important;
}
.flighttype-items li {
  background-color: #fff !important;
  border: 1px solid #aab0ca !important;
  border-radius: 15px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.flighttype-items li * {
  color: #aab0ca !important;
}
.flighttype-items li.active-r-btn {
  background: #263854 !important;
  color: #fff !important;
  border: 1px solid #263854 !important;
}
.flighttype-items li.active-r-btn * {
  color: #fff !important;
}
.label-dates {
  display: inline-flex !important;
  align-items: center;
}
#picker button:not(.book-border) {
  border: none !important;
}
#picker button {
  cursor: pointer !important;
}
.departure-route,
.destination-route,
.flightclass-field,
.passengers-field,
.Basis_Date_Box .reserve-field {
  position: relative;
  background-color: #f3f5fd;
  color: #02293c;
  border-radius: 15px;
  height: 65px !important;
}
.departure-route input,
.Basis_Date_Box .reserve-field input,
.destination-route input {
  height: 100% !important;
}
.Basis_Date_Box .reserve-field input {
  padding-top: 0 !important;
}
.label-routes,
.label-dates,
.label-passengers {
  position: absolute !important;
  right: 0;
  top: -35px;
}
.label-flightclass {
  position: absolute !important;
  right: 0;
  top: -30px;
}
.label-dates span {
  white-space: nowrap !important;
}
.searchEngine-c form {
  margin-top: 45px !important;
}
.click-content {
  display: flex !important;
}
.FlightClass-text,
.show-passengers-dropdown div.cursor-pointer {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  font-size: 14px !important;
}
.exchangeRoute {
  height: 65px;
  width: 38px !important;
  border-radius: 15px;
  background-color: #d4ddff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.plus-count,
.minus-count {
  background-color: #0375e1 !important;
  color: white !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}
.confirm-passenger {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 35px !important;
  background-color: #0375e1 !important;
  color: white !important;
  border-radius: 10px !important;
}

.Wrapper-ExteraHoteldate.hidden {
  display: none !important;
}
.Wrapper-ExteraHoteldate {
  display: unset !important;
}
.passenger-birthday-dropdown {
  z-index: 10000000000000000 !important;
}
.toggle-calendar {
  border-radius: 8px !important;
}
.searchList svg {
  display: none !important;
}
.searchList ul li.cursor-pointer {
  text-align: center !important;
}
.searchList ul li.cursor-pointer:hover {
  background-color: var(--primary-50) !important;
  color: var(--primary-900) !important;
}
.searchList li.bg-bgColor-100 {
  background-color: var(--primary-100) !important;
  border-radius: 10px !important;
}
.searchEngine-c form p {
  display: none !important;
}
ul.FlightClass {
  padding: 4px !important;
}
.active-FlightClass {
  background-color: var(--primary-700) !important;
  border-radius: 13px !important;
}
.active-FlightClass * {
  color: #fff !important;
}
ul.FlightClass li {
  padding-right: 12px !important;
}

.route-minus-btn span {
  display: none !important;
}
.multi-route-tlt {
  margin-bottom: 50px !important;
}

.Add-Remove div.h-full {
  display: flex !important;
  width: 100% !important;
  gap: 8px !important;
}

.Add-Remove button svg {
  display: none !important;
}
.Add-Remove button span,
.Add-Remove button {
  font-size: 14px !important;
  color: white !important;
}
.Add-Remove button {
  background-color: var(--primary-700) !important;
  border-radius: 14px !important;
}
.reserve-search button:hover {
  background-color: var(--secondary-600) !important;
}
.Wrapper-CheckHotelDate input:checked ~ .needhotel-label::after {
  background-color: var(--primary-700) !important;
}

.reserve-search button span {
  display: none !important;
}
#picker button {
  cursor: pointer !important;
}
.search-box-container .createChildDropdown select,
.BithdatePassenger {
  width: 100% !important;
}
.search-box-container select {
  width: 100% !important;
}
.warningColor-100 {
  color: rgb(209, 0, 0) !important;
}
.passengerbox select {
  border-radius: 8px !important;
}