.vacation_banner_center {
  display: flex;
  align-items: center;
}

.vacation_product_banner {
  height: 280px;
}

.vacation_product_banner_overlay::before {
  background: rgba(0, 0, 0, 0.55);
}

.vacation_product_detail_padding {
  padding-top: 0px;
}

.vacation_product_hotel_space {
  margin-top: 0px;
  box-shadow: none;
}

.vacation_product_hotel_space .vacation_product_hotel_content {
  overflow: hidden;
  position: relative;
}

.box_space_new {
  padding: 20px 0px 20px 20px;
}

.vacation_product_detail_main {
  width: 100%;
  float: left;
  border: 10px solid #0060e3;
  box-shadow: -1px 13px 23px 12px rgba(75, 76, 78, 0.08);
}

.vacation_product_detail_inside_bg {
  align-items: center;
  background: #0F1D35 !important;
}

.vacation_product_detail_inside_bg .vacation_product_detail_content {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}

.vacation_product_detail_inside_bg .vacation_product_detail_content h2 {
  font-size: 20px;
  font-family: Roboto-Medium;
  color: #022949;
  text-transform: uppercase;
  margin: 0px;
  background: #fff;
  min-height: 74px;
  display: inline-flex;
  align-items: center;
  padding: 0px 10px;
  position: relative;
}

.vacation_product_detail_inside_bg .vacation_product_detail_content h2 i {
  padding-right: 15px;
  color: #0060e3;
  font-size: 22px;
}

.vacation_product_detail_inside_bg .vacation_product_detail_content h2 img {
  margin-right: 5px;
}

.vacation_product_detail_inside_bg .vacation_product_detail_content h2::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  left: 100%;
  top: 0;
  border: 37px solid transparent !important;
  border-left: 23px solid #fff !important;
}

.vacation_product_detail_inside_bg .vacation_product_detail_content h4 {
  font-size: 20px;
  font-family: Roboto-Medium;
  color: #fff;
  margin-left: 50px;
}

.vacation_product_detail_inside_bg .vacation_product_detail_content h4 i {
  font-size: 20px;
  padding-left: 5px;
}

.vacation_product_detail_inside_bg ul.countdown {
  text-align: left;
  padding-left: 20px;
  margin-top: 20px;
}

.vacation_product_detail_inside_bg ul.countdown li span {
  color: #FFFFFF !important;
}

.vacation_product_detail_inside_bg ul.countdown li p {
  font-family: Roboto-Regular;
  margin: -8px 0 0 0;
  color: #FFFFFF !important;
  font-size: 9px;
  text-transform: uppercase;
}

.vacation_product_detail_inside_bg ul.countdown li.seperator {
  color: #FFFFFF !important;
}

.vacation_product_detail_inside_bg .buy_it_btn {
  width: 35%;
  float: left;
  margin-top: -10px;
}

.vacation_product_detail_padding .vacation_product_detail_main_top {
  margin-top: -65px;
  z-index: 1;
  position: relative;
}

.vacation_product_detail .buy_it_btn .regular_txt_price,
.vacation_product_detail .regular_txt_price {
  border-radius: 2px;
  font-family: Roboto-Bold;
  text-transform: uppercase;
}

.vacation_product_detail .buy_it_btn .regular_txt_price {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.vacation_product_hotel_space .vacation_product_hotel_description ul li {
  font-family: Roboto-Regular;
  font-size: 18px;
  align-items: center;
}

.vacation_product_gallery_padding {
  padding-top: 0px;
}

.background_bg {
  background-color: #f5f4f3;
}

.vacation_gallery_slider_padding {
  padding: 10px 10px 10px;
  background: #fff;
}

.vacation_gallery_margin {
  margin-top: 40px;
}

.boxSoon {
  width: 100%;
  float: left;
  border: 2px solid #e9e8e8;
  display: flex;
  align-items: center;
}

.boxSoonProfile {
  width: 8%;
  float: left;
}

.boxSoonProfile img {
  object-fit: cover;
  object-position: center;
  height: 5rem;
  width: 100%;
}

.boxSoonContent {
  width: 85%;
  float: left;
  padding-left: 15px;
}

.boxSoonContent p {
  margin-top: 18px;
  color: #2c475d;
  font-size: 16px;
  font-family: "Open Sans";
  margin: 0;
  font-weight: 400;
}

.boxSoonContent p span {
  font-size: 18px;
  font-family: "Open Sans";
  font-weight: 700;
}

.boxSoonContent p b {
  font-weight: 700;
  font-family: "Open Sans";
}

.vacation_hotel_content {
  width: 100%;
  float: left;
  padding: 0px 20px;
}

.vacation_hotel_content .hotel-booked {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #E8E8E8;
}

.vacation_hotel_content .hotel-booked .image img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #707070;
}

.vacation_hotel_content .hotel-booked .text {
  flex: 1;
  line-height: 1.5;
  font-size: 22px;
  color: #787E8E;
}

.vacation_hotel_content .hotel-booked .text p {
  margin-bottom: 0;
}

.vacation_hotel_content .hotel-booked .text span {
  font-family: Roboto-Bold;
}

.boxSoonHotel {
  width: 100%;
  float: left;
  padding: 10px 10px 0px;
}

.vacation_slider_new {
  width: 100%;
  float: left;
  padding: 0px 10px 20px;
}

.boxSoonheading {
  font-family: Roboto-Medium;
  color: #2c475d;
  font-size: 21px;
  margin-bottom: 10px;
}

.boxSoonheading span img {
  margin-right: 5px;
  margin-top: -8px;
}

.boxSoonHotel p {
  font-family: "Open Sans";
  color: #2c475d;
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 400;
}

.tp_package .table-responsive {
  overflow-x: inherit;
  width: 100%;
  float: left;
  padding: 0px 0px 0px;
}

.popularVacationPackages {
  width: 100%;
  float: left;
  overflow-x: inherit;
  margin-top: 15px;
  margin-bottom: 25px;
}

.tp_inside_package {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.popularVacationPackages .packageDealBox {
  border: 1px solid #d6d8da;
  position: relative;
  float: left;
  width: 100%;
  /* margin-bottom: 20px; */
}

.tp_packageDealBox {
  margin-bottom: 0px !important;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.popularVacationPackages .packageDealBox .dealsDtls_imginfo {
  position: relative;
  margin: 0;
  padding: 0;
}

.round-star {
  /* position: absolute;
  top: 10px;
  left: 0px; 
  background: url(../images/star-background-strip.png) no-repeat; */
  background-position: center center;
  padding: 3px 0px;
}

span.stars i {
  color: #ffcb00;
  font-size: 18px;
  font-weight: 400;
}

.popularVacationPackages .packageDealBox .dealsDtls_imginfo .pkgimg {
  text-align: center;
}

.popularVacationPackages .packageDealBox .dealsDtls_imginfo .pkgimg img {
  margin: 0 auto;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  object-fit: cover;
  width: 100%;
  height: 18rem;
}

.popularVacationPackages .packageDealBox .hotelAccomodationDtlsBox {
  padding: 15px 15px 5px;
  min-height: 70px;
}

.row_dealCustom {
  width: 100%;
  float: left;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}

.tp_white {
  background-color: #fff;
}

.popularVacationPackages .packageDealBox .hotelAccomodationDtlsBox h4.inclDealTtl,
.popularVacationPackages .packageDealBox .hotelAccomodationDtlsBox h4.ttlnightTttl {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin: 0;
  line-height: 18px;
  color: #2c475d;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-weight: 700;
}

.activation_redeem {
  width: 100%;
  float: left;
}

.activation_redeem p {
  font-family: "Open Sans";
  color: #2c475d;
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 400;
}

.activation_redeem p span {
  font-family: "Open Sans" !important;
  font-weight: 700;
}

.tp_white p {
  font-family: Roboto-Regular;
  color: #001023;
  font-size: 14px;
  font-weight: 400;
}

.package_overlay_content {
  position: absolute;
  text-align: center;
  width: 100%;
  float: left;
  background: rgba(0, 0, 0, 0.65);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  margin: 0 auto;
  left: 0px;
  z-index: 99;
}

.package_overlay_inside {
  width: 100%;
  float: left;
}

.package_overlay_inside p {
  color: #fff;
  font-size: 18px;
  font-family: Roboto-Regular;
  margin-bottom: 25px;
  padding-top: 25px;
  font-weight: 400;
}

.tp_hotel {
  text-decoration: none;
  padding: 15px 45px;
  text-align: center;
  display: inline-block;
  background: #ffcb00 !important;
  border: none;
  color: #022949;
  font-size: 20px;
  text-transform: uppercase;
  font-family: Roboto-Medium;
  /* border-radius: 6px; */
  box-shadow: -1px 6px 15px 3px rgba(71, 73, 78, 0.15);
}

.tp_hotel:hover {
  color: #022949;
}

.scrollHeight {
  height: 45px;
  transition: 0.5s;
}

.notblur {
  filter: blur(0px) !important;
  -webkit-filter: blur(0px) !important;
}

.vacation_hotel_amenities_padding {
  padding-top: 0px;
}

.amenities_content_right h3 {
  text-transform: capitalize;
}

.guest_rating h2,
.vacation_hotel_amenities_content h2,
h4 {}

/* mobile section css start */
.tp_dialog {
  width: 800px;
  text-align: left;
}

.tp_content {
  background: transparent;
  border: 1px solid rgba(199, 192, 192, 0.9);
  background: #f5f4f3;
}

.tp_header {
  border-bottom: none;
}

.tp_header .close {
  color: #3f4548;
  opacity: 1;
  font-size: 30px;
}

.tp_header h4 {
  color: #022949;
  font-family: Roboto-Medium;
  font-size: 21px;
  text-transform: capitalize;
  padding: 0px 25px;
}

.tp_body {
  padding: 0px;
}

.tp_main {
  background: #f5f4f3;
  padding: 0px 20px 20px;
}

.tp_main img {
  object-fit: cover;
  object-position: center;
  height: 45rem;
  width: 100%;
}

.tp_txt {
  color: #2c475d;
  font-family: Roboto-Regular;
  font-size: 18px;
  padding: 15px 40px 0px;
}

.tp_subtxt {
  color: #2c475d;
  font-family: Roboto-Regular;
  font-size: 14px;
  padding: 0px 40px 10px;
}

.modal-backdrop.in {
  opacity: 0.9;
}

.tp_overlay_content img {
  margin: 0 auto;
  width: 50px;
  height: auto;
}

.tp_overlay_content p {
  color: #fff;
  font-size: 20px;
  font-family: Roboto-Regular;
  padding-top: 0px;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
}

.tp_overlay_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  float: left;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tp_overlay_content h2 {
  font-family: Roboto-Black;
  font-size: 40px;
  color: #FFFFFF;
  margin-bottom: 0px;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
}

.tp_overlay_inside {
  width: 100%;
  float: left;
}

.tp_blur {
  object-fit: cover;
  width: 100%;
  height: 18rem;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

/* mobile section css end */

/* .regular_txt_price {
      font-size: 20px;
      font-family: Roboto-Medium;
      color: #022949 !important;
      text-transform: uppercase;
      background: #ffcb00;
      padding: 20px 20px;
      border-radius: 6px;
      text-align: center;
      display: block;
      margin-bottom: 10px;
    } */

.regular_txt_price span {
  text-decoration: line-through;
  color: #ff0000;
}

.regular_txt_price:hover {
  text-decoration: none;
}

.regular_txt_price:hover span {
  color: #fff;
}

.tp_overlay_inside h3 {
  color: #fff;
  font-size: 28px;
  font-family: Roboto-Medium;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
}

.tp_overlay_inside h4 {
  color: #fff;
  font-size: 22px;
  font-family: Roboto-Regular;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
}

.tp_photo_strip {
  width: 100%;
  float: left;
  padding: 8px 15px;
  position: relative;
  background-color: #005dea;
  text-align: center;
}

.light_overlay {
  background: rgba(0, 0, 0, 0.30);
}

.tp_no_blur {
  object-fit: cover;
  width: 100%;
  height: 18rem;
}

.tp_photo_strip p {
  color: #fff;
  font-size: 15px;
  font-family: Roboto-Regular;
  margin: 0;
}

.width_small {
  width: 21%;
}

.width_large {
  width: 79%;
}

.video-thumbnail {
  width: 100%;
  height: 266px;
}

.video-thumbnail iframe {
  width: 100%;
  height: 266px;
  background: #ffffff;
}

.three_recent_main .lSAction>a {
  z-index: 9;
}

.three_recent_main .lSAction>.lSPrev {
  left: 25px;
}

.three_recent_main .lSAction>.lSNext {
  right: 25px;
}

.have-questions {
  padding: 0 10px;
  margin-bottom: 40px;
  width: 100%;
  float: left;
  position: relative;
}

.have-questions .content {
  background-color: rgba(196, 196, 196, 0.3);
  backdrop-filter: blur(23px);
  border-radius: 20px;
  padding: 25px 55px !important;
  float: left;
  text-align: center;
  width: 100%;
}

.have-questions .content h3 {
  color: #003c8a;
  font-family: Roboto-Bold !important;
  font-size: 36px;
  text-transform: capitalize;
}

.have-questions .content p {
  color: #001023;
  font-family: Roboto-Regular !important;
  font-size: 20px;
  margin-bottom: 0;
}

.have-questions .content p a {
  color: #001023;
  text-decoration: underline;
}

.vacation_partners .redeemHotelPartner {
  margin-bottom: 0px;
}

.vacation_partners .container .redeemHotelPartner p {
  color: #202840;
  font-family: Roboto-Regular !important;
  font-size: 24px;
  width: 100%;
}

.vacation_partners .container .partners-content {
  padding: 0 10px;
}

.vacation_product_gallery .vacation_gallery {
  border-bottom: none;
  /* padding-bottom: 40px; */
}

.recent-hotels-section .recent-hotels {
  margin-top: 20px;
  padding: 0 10px;
}

.recent-hotels-section .popularVacationPackages {
  background: none;
  margin-bottom: 0px;
}

.recent-hotels-section .recent-hotels .vacation_hotel_content {
  background: #F7F8FA;
  padding: 30px !important;
  margin-bottom: 30px;
}

section.recent-hotels-section .recent-hotels .boxSoonheading {
  background: #2B2B2B;
  color: #FFFFFF !important;
  text-transform: capitalize;
}

section .boxSoonheading {
  /* background: #2B2B2B; */
  color: #202840 !important;
  font-family: Roboto-Bold !important;
  font-size: 30px !important;
  padding: 5px;
  margin-top: 0px;
}

.recent-hotels #carousel123 .usingCss {
  padding: 0 10px;
  display: flex;
  /* flex-wrap: wrap; */
  gap: 20px;
  margin-bottom: 20px;
}

.recent-hotels #carousel123 .usingCss>.col-md-4 {
  padding: 0;
  flex: 0 0 33.33%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #FFFFFF;
}

.recent-hotels-section #carousel123 .ttlnightTttl {
  color: #202840 !important;
  font-family: Roboto-Regular !important;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 5px;
}

.recent-hotels-section .tp_white p {
  color: #585D6C;
  font-family: Roboto-Regular;
  font-size: 18px;
  /* margin-bottom: 0px; */
}

.recent-hotels-section .popularVacationPackages .packageDealBox {
  border: none;
  border-radius: 0px;
  overflow: hidden;
}

.recent-hotels-section .popularVacationPackages .packageDealBox .hotelAccomodationDtlsBox {
  padding: 15px 20px 15px;
}

.recent-hotels-section .OverlookingDesktopInside p {
  font-family: Roboto-Regular !important;
  font-size: 16px !important;
  text-align: center;
  letter-spacing: -0.1px;
}

.recent-hotels-section .OverlookingDesktopInside p span {
  font-family: Roboto-Bold;
}

.faq-section {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 0px;
}

.faq-section .faq {
  padding: 0 10px;
}

.faq-section h3 {
  color: #003c8a;
  font-family: Roboto-Bold;
  font-size: 36px;
  text-align: center;
  text-transform: capitalize;
}

.faq-section .accordion {
  font-family: Roboto-Medium;
  font-size: 24px;
  border-bottom: 1px solid #efefef;
  margin-top: 0;
  padding: 20px 0;
  cursor: pointer;
  width: 100%;
  outline: none;
  transition: 0.8s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  color: #0f1d35;
}

.faq-section .accordion.active {
  font-family: Roboto-Bold;
  font-size: 24px;
  color: #003c8a;
  border-bottom: 1px solid #003c8a;
}

.faq-section .dropdown_icon {
  font-size: 23px;
  color: #c4c4c4;
  scale: 0.7;
  text-align: right;
}

.faq-section .active .dropdown_icon {
  color: #003c8a;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq-section .panel {
  padding: 0;
  display: none;
  background-color: white;
  overflow: hidden;
  border: none;
  -webkit-box-shadow: none !;
  box-shadow: none;
}

.faq-section .panel p {
  color: #001023;
  font-family: Roboto-Regular !important;
  font-size: 20px;
  margin-top: 20px;
}

.how-it-works .purchase,
.how-it-works .presentation,
.how-it-works .book {
  border-radius: 20px;
}

.how-it-works .purchase {
  padding: 35px 18px !important;
}

.how-it-works .steps p {
  font-family: Roboto-Regular !important;
  color: #001023;
  font-size: 20px !important;
  margin-bottom: 0px;
}

.vacation_partners .redeemHotelPartner {
  border-top: 0px solid #aaaaaa;
  border-bottom: 0px solid #aaaaaa;
}

.video-reviews-section {
  margin-bottom: 80px;
}

.vacation_partners {
  margin-bottom: 0px;
}

.hotel-name-section {
  margin-bottom: 20px;
}

.hotel-name-section h3 {
  font-family: Roboto-Bold !important;
  color: #001023;
  padding-left: 30px;
  background: url('/tp-assets/images/flame.png') no-repeat left center;
  background-size: 22px;
}

.hotel-name-section p {
  font-family: Roboto-Regular !important;
  font-size: 16px;
  color: #585D6C;
}

.mobile_support_number {
  display: none;
}

@media screen and (max-width: 767px) {
  .mobile_support_number {
      display: block;
  }

  .vacation_product_header h2 {
    font-family: Roboto-Bold !important;
    color: #001023;
  }

  .how-it-works .header h3 {
    font-size: 20px !important;
  }

  .how-it-works-section {
    margin-top: 0px !important;
  }

  .video-reviews-section {
    margin-bottom: 20px;
  }

  .video-reviews-section h3 {
    font-size: 22px !important;
    margin-top: 20px !important;
  }

  .how-it-works .steps h4 {
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }

  .how-it-works .steps p {
    font-size: 18px !important;
  }

  .have-questions {
    padding: 0 5px;
  }

  .video-reviews {
    padding: 0 5px !important;
  }

  .recent-hotels-section .container {
    padding: 0px;
  }

  .recent-hotels-section .recent-hotels {
    margin-top: 0;
    padding: 0px;
  }

  .recent-hotels-section .recent-hotels .boxSoonHotel {
    padding: 0 !important;
  }

  .recent-hotels-section .OverlookingDesktopInside p {
    font-size: 15px !important;
    text-align: center;
    padding-bottom: 20px;
  }

  .recent-hotels-section .popularVacationPackages .packageDealBox {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0px;
  }

  .recent-hotels-section .popularVacationPackages .packageDealBox .dealsDtls_imginfo {
    flex: 0 0 40%;
    max-width: 40%;
    box-sizing: border-box;
    padding-right: 10px;
  }

  .recent-hotels-section .popularVacationPackages .packageDealBox .dealsDtls_imginfo img {
    height: 118px !important;
    width: 100%;
    height: auto;
  }

  .recent-hotels-section .popularVacationPackages .packageDealBox .hotelAccomodationDtlsBox {
    flex: 0 0 60%;
    max-width: 60%;
    box-sizing: border-box;
  }

  .recent-hotels-section .popularVacationPackages .packageDealBox .hotelAccomodationDtlsBox {
    /* border: 1px solid #c4c4c4 !important; */
    background: none;
    border-radius: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 15px;
  }

  .recent-hotels-section #carousel123 .ttlnightTttl {
    font-size: 22px;
  }

  .recent-hotels-section .popularVacationPackages {
    margin-bottom: 0;
  }

  .recent-hotels-section .tp_white p {
    font-size: 16px;
  }

  section .boxSoonheading {
    background: none;
    color: #202840 !important;
    font-size: 20px !important;
    line-height: 28px;
    text-align: left;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0;
  }

  .vacation_hotel_content .hotel-booked {
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 10px;
  }

  .vacation_hotel_content .hotel-booked .image {
    width: 33.33%;
  }

  .vacation_hotel_content .hotel-booked .text {
    font-size: 18px;
  }

  section.recent-hotels-section .recent-hotels .boxSoonheading {
    padding: 10px;
    margin-top: 0;
  }

  .video-reviews-section h3 {
    margin-bottom: 15px !important;
    margin-top: 10px !important;
  }

  section.vacation_partners {
    border: none;
    margin-bottom: 0;
  }

  section.vacation_partners .redeemHotelPartner {
    /* border-top: 1px solid #c4c4c4; */
    /* border-bottom: 1px solid #c4c4c4; */
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 20px;
  }

  .vacation_partners .container .partners-content {
    padding: 0 5px 10px;
  }

  .vacation_partners .container .redeemHotelPartner p {
    color: #787E8E;
    font-size: 18px;
  }

  .vacation_partners .redeemHotelPartnerLogo {
    padding-top: 10px;
  }

  .faq-section {
    margin-top: 0px;
    margin-bottom: 0;
  }

  .faq-section .faq {
    padding: 0 5px;
  }

  .faq-section h3 {
    font-size: 28px;
    margin-top: 0;
  }

  .faq-section .accordion {
    font-size: 18px;
    padding: 15px 0;
  }

  .faq-section .accordion.active {
    font-size: 18px;
  }

  .faq-section .panel p {
    font-size: 18px;
  }

  .video-thumbnail {
    width: 100%;
    height: 225px;
  }

  .video-thumbnail iframe {
    height: 225px;
  }

  .vacation_slider_new {
    padding: 0px 0px 20px;
  }

  /* mobile section css start */
  .mobile_section_vacation {
    width: 100%;
    float: left;
    /* padding: 0px 15px; */
    margin-bottom: 30px;
    /* background-color: #f5f4f3; */
  }

  .mobile_section_vacation .promo_image {
    position: relative;
    float: left;
    width: 100%;
  }

  .promo_image .tp_overlay_content h2 {
    font-size: 30px;
  }

  .promo_image .tp_overlay_content p {
    font-size: 16px;
  }

  .resortNamemobile {
    float: left;
    width: 67%;
    padding: 15px 0px;
  }

  .resortNamemobile h1 {
    font-size: 17px;
    margin: 0 0 2px;
    font-family: Roboto-Medium;
    color: #022949;
  }

  .HotelStar_vacation {
    float: left;
    width: 33%;
    text-align: right;
    padding: 15px 0px;
  }

  .HotelStar_vacation span i {
    color: #ffcb00;
    font-size: 13px;
    font-weight: 400;
  }

  .mobileSlider100 {
    padding-top: 0px;
    padding: 0 15px;
    border: none;
    width: 100%;
    float: left;
  }

  .mobile_tp_popup {
    width: 100%;
    float: left;
    padding: 0px;
  }

  .tp_photo {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
  }

  .tp_overlay_img {
    width: 85% !important;
    margin: 0 auto;
  }

  .tp_dialog {
    position: relative;
    width: auto;
    margin: 50px 10px;
  }

  .tp_header {
    padding: 20px 0px;
    position: relative;
  }

  .tp_header .close {
    position: absolute;
    right: 5px;
    top: 5px;
  }

  .modal-body {
    width: 100% !important;
  }

  .hotelDescriptionMobile {
    width: 100%;
    float: left;
    padding: 20px 0 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    /* border: 1px solid #c4c4c4; */
  }

  .OverlookingMobileInside p {
    padding: 0 !important;
  }

  .hotelDescriptionMobileInside {
    width: 100%;
    float: left;
    text-align: center;
  }

  .big-sunday-sale,
  .offers {
    width: 100%;
    float: left;
  }

  .offers ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .offers ul li {
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 22px;
    padding-left: 0px;
    text-align: left;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
  }

  .offers ul li span {
    padding-right: 10px;
  }

  /*.offers li:before {
          position: relative !important;
          left: 0;
          font-family: FontAwesome;
          color: #1a6c9b;
          font-size: 16px;
          content: "\f00c";
          margin-right: 6px;
      }*/

  /* .offers li:before {
          position: relative !important;
          left: 0;
          font-family: FontAwesome;
          color: #fff;
          font-size: 12px;
          content: "\f00c";
          margin-right: 6px;
          background-color: #0060e3;
          border-radius: 50%;
          padding: 4px;
      } */

  .hotelRetailPrice {
    text-align: center;
    width: 100%;
    float: left;
  }

  .hotelRetailPrice span.brandHeader {
    color: #808183 !important;
  }

  .hotelRetailPrice span {
    font-size: 20px;
    color: #202840 !important;
    font-family: Roboto-Regular !important;
    text-decoration: line-through;
  }

  .hotelPriceMainDiv {
    width: 100%;
    float: left;
  }

  .dollarPriceHotel {
    float: left;
    width: 100%;
    line-height: 1em;
    font-size: 20px;
    color: #2c475d;
    font-family: Roboto-Medium;
    text-align: center;
  }

  .price_new_tag_value {
    font-size: 30px !important;
    color: #2c475d !important;
    font-family: Roboto-Medium !important;
    text-align: center;
    padding-left: 8px;
    text-decoration: initial !important;
  }

  .hotelButtonMobile {
    width: 100%;
    float: left;
    margin-top: 0.35em;
    margin-bottom: 0.75em;
    text-align: center;
  }

  .hotelButtonMobile a {
    width: 100%;
    font-size: 20px;
    font-family: Roboto-Bold;
    background-color: #008009;
    color: #fff;
    padding: 10px 60px;
    margin: auto;
    border-radius: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
  }

  .hotelButtonMobile a img {
    margin-left: -27px;
    padding-right: 6px;
  }

  .hotelButtonMobile a span {
    font-size: 13px;
    color: #d5d5d5 !important;
    text-decoration: none;
  }

  .hotelButtonMobile i {
    margin-right: 10px;
  }

  .hotelButtonMobile a:hover,
  .hotelButtonMobile a:focus,
  .hotelButtonMobile a:active {
    background-color: #008009 !important;
    border: none !important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: #000000;
  }

  .hotelButtonMobile .reserve_book {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 10px 20px;
    font-family: Montserrat-Semibold;
    font-size: 18px;
  }

  .reserve_book .only_today {
    font-size: 14px;
    display: block;
    font-family: Roboto-Regular;
  }

  .reserve_book .btn_icons {
    padding-right: 10px;
  }

  .down_today {
    width: 100%;
    float: left;
    text-align: center;
  }

  .countdownMessageMobile {
    font-size: 18px;
    color: #f30;
    line-height: 120%;
    padding-bottom: 3px;
    padding-top: 5px;
    width: 100%;
    text-align: center;
    float: left;
    font-family: Roboto-Regular;
  }

  .countdown-digits {
    font-family: Roboto-Medium;
  }

  .OverlookingMobileInside {
    float: left;
    width: 100%;
    text-align: center;
  }

  .OverlookingMobileInside p {
    clear: both;
    padding: 0 15px;
    line-height: 1em;
    margin-top: 10px;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #333;
  }

  .tp_carousel {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0 !important;
  }

  .hotelMobileCarousel {
    width: 100%;
    float: left;
  }

  .hotelMobileCarousel .carousel-control.left {
    background-image: inherit;
    opacity: 1;
    width: 0;
    top: 45%;
    left: 2%;
    transform: translate(-50%, -50%);
  }

  .hotelMobileCarousel .carousel-control span {
    background-color: #fff;
    color: #222;
    text-shadow: none;
    border-radius: 0px;
    width: 50px;
    height: 50px;
    line-height: 49px;
    font-size: 21px;
    margin-top: -10px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hotelMobileCarousel .carousel-control.right {
    background-image: inherit;
    opacity: 1;
    width: 0;
    top: 45%;
    right: 12%;
    transform: translate(-50%, -50%);
  }

  .hotelMobileCarousel .item img {
    object-fit: cover;
    object-position: center;
    height: 22rem !important;
    width: 100%;
  }

  .glyphicon_chevron_left {
    left: 50%;
    margin-left: -10px;
  }

  .glyphicon_chevron_right {
    right: 50%;
    margin-right: -10px;
  }

  .popularVacationPackages {
    margin-bottom: 10px;
  }

  .redeem_left {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
  }

  /* mobile section css end */

  .tp_packageDealBox {
    width: 200px !important;
  }

  .three_recent_main .tp_packageDealBox {
    width: 100% !important;
  }

  .tp_inside_package {
    /* display: flex; */
    /* padding-bottom: 10px !important; */
  }

  .recent-hotels-section .recent-hotels .vacation_hotel_content {
    padding: 0px 15px !important;
    box-shadow: 0px 2px 6px rgba(0, 3, 6, 0.1);
  }

  .recent-hotels .vacation_hotel_content {
    margin-bottom: 33px !important;
  }

  .popularVacationPackages .packageDealBox .dealsDtls_imginfo .pkgimg img {
    height: 16rem;
  }

  .package_overlay_content {
    width: 100%;
    left: 0px;
  }

  .package_overlay_inside p {
    margin-bottom: 5px !important;
    padding-top: 5px !important;
    font-size: 14px !important;
    margin-top: 0 !important;
  }

  .scrollHeight {
    height: 60px;
  }

  .vacation_hotel_content {
    padding: 0px 0px;
  }

  .boxSoonHotel {
    padding: 10px 0px 0px;
  }

  .boxSoonProfile {
    width: 25%;
    float: left;
  }

  .boxSoonProfile img {
    height: 5rem;
    padding: 5px;
    padding-bottom: 0px;
  }

  .boxSoonContent p {
    text-align: center;
  }

  .boxSoonContent {
    width: 75%;
  }

  .boxSoonContent p {
    font-size: 14px;
  }

  .boxSoonContent p span {
    font-size: 16px;
  }

  .boxSoonheading {
    font-size: 18px;
  }

  .boxSoonHotel p {
    font-size: 15px;
  }

  .amenities_content_right p {
    font-size: 14px;
  }

  /* .customDealPadding {
    padding-left: 5px;
    padding-right: 5px;
  } */

  .tp_hotel {
    font-size: 18px;
    margin-top: 10px;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content {
    display: block;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h2::after {
    display: none;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h2 {
    width: 100%;
    justify-content: center;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h4 {
    text-align: center;
    margin-left: 0px;
  }

  .vacation_product_detail_inside_bg .buy_it_btn {
    width: 100%;
    margin-top: 10px;
  }

  .vacation_product_detail_padding .vacation_product_detail_main_top {
    margin-top: 25px;
  }

  .vacation_product_detail_inside_bg ul.countdown {
    text-align: center;
    padding-left: 0px;
    margin-top: 10px;
  }

  .vacation_gallery_margin {
    margin-top: 0px;
  }

  .box_space_new {
    padding: 15px 15px 15px 15px;
  }

  .countdown_main {
    margin-bottom: 10px;
  }

  .tp_main img {
    height: 17rem;
  }

  .tp_header h4 {
    color: #022949;
    font-family: Roboto-Medium;
    font-size: 21px;
    text-transform: capitalize;
    padding: 0px 20px;
  }

  .tp_main {
    padding: 0px 20px 20px;
  }

  .tp_txt {
    padding: 15px 20px 0px;
  }

  .tp_subtxt {
    padding: 0px 20px 10px;
  }

  .width_small {
    width: 100%;
  }

  .width_large {
    width: 100%;
  }

  .three_recent_main .lSAction>.lSPrev {
    left: 15px;
  }

  .three_recent_main .lSAction>.lSNext {
    right: 10px;
  }

  .have-questions .content {
    border-radius: 8px;
    padding: 10px 20px !important;
  }

  .have-questions .content h3 {
    font-size: 28px;
  }

  .bottom-spacer {
    float: left;
    width: 100%;
    height: 30px;
    background: #FFFFFF;
  }

  .recent-hotels #carousel123 .usingCss {
    display: block;
  }

  .recent-hotels #carousel123 .usingCss>.col-md-4 {
    background: none;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .vacation_product_detail_inside_bg .vacation_product_detail_content h2 {
    font-size: 15px;
    padding: 0px 10px;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h4 {
    font-size: 16px;
    margin-left: 40px;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h2 img {
    width: 32px;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h4 i {
    font-size: 18px;
  }

  .vacation_product_detail_inside_bg ul.countdown li span {
    font-size: 32px;
  }

  /* .regular_txt_price {
          padding: 15px 20px;
      } */
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .vacation_product_detail_inside_bg .vacation_product_detail_content h2 {
    font-size: 13px;
    padding: 0px 6px;
  }

  .vacation_product_detail_main {
    border: 5px solid #0060e3;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h2::after {
    border-left: 18px solid #fff !important;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h2 i {
    padding-right: 5px;
    font-size: 18px;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h4 {
    font-size: 13px;
    margin-left: 23px;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h2 img {
    width: 30px;
  }

  .vacation_product_detail_inside_bg .vacation_product_detail_content h4 i {
    font-size: 15px;
  }

  .vacation_product_detail_inside_bg ul.countdown li span {
    font-size: 25px;
  }

  .vacation_product_detail_inside_bg ul.countdown {
    padding-left: 10px;
  }

  .vacation_product_detail_inside_bg .countdown_main {
    padding-right: 15px;
  }

  .vacation_product_detail_inside_bg .buy_it_btn {
    width: 45%;
    margin-top: -5px;
  }

  .vacation_product_detail_inside_bg ul.countdown li.seperator {
    margin: 0 7px;
    vertical-align: bottom;
  }

  .vacation_hotel_amenities_padding .vacation_video img {
    width: 100%;
  }

  .tp_dialog {
    width: 600px;
    text-align: left;
  }

  .boxSoonProfile {
    width: 10%;
    float: left;
  }

  .tp_main img {
    height: 33rem;
  }

  .tp_inside_package {
    display: flex;
    padding-bottom: 20px !important;
  }

  .tp_packageDealBox {
    width: 250px !important;
  }

  .three_recent_main .tp_packageDealBox {
    width: 100% !important;
  }

  .popularVacationPackages .packageDealBox .dealsDtls_imginfo .pkgimg img {
    height: 16rem;
  }

  .tp_width .table-responsive {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* width: 79rem !important; */
  }

  .tp_inside_package .customDealPadding {
    width: 100% !important;
  }
}

#carousel123 {
  position: relative;
}

#carousel123 .right.carousel-control {
  background-image: none;
  opacity: 1;
}

#carousel123 .carousel-control.left {
  background-image: none;
  opacity: 1;
}

#carousel123 .left.carousel-control .custom-prev-html {
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-image: none;
  background-color: white;
  opacity: 1;
  position: absolute;
  font-size: 27px;
  width: 32px;
  height: 32px;
  top: 40%;
  left: 10px;
}

#carousel123 .right.carousel-control .custom-next-html {
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-image: none;
  background-color: white;
  opacity: 1;
  position: absolute;
  font-size: 27px;
  width: 32px;
  height: 32px;
  top: 40%;
  right: 10px;
}

.mobilecarousel {
  display: none;
}

.desktopcarousel {
  display: inline-block;
}

#carousel123 .lSPrev {
  top: calc(50% + 0px) !important;
  left: 10px !important;
}

#carousel123 .lSNext {
  top: calc(50% + 0px) !important;
  right: 10px !important;
}

#carousel123 .ttlnightTttl {
  font-family: Roboto-Regular !important;
  font-size: 16px;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.mobileslidercontent {
  padding: 20px 0px;
}

.hotelButtonDesktop {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.OverlookingMobileInside p {
  font-size: 11px;
  font-family: Roboto-Regular !important;
  color: #001833;
  text-align: center;
  margin-bottom: 2px;
  font-weight: 100;
}

.hotelButtonDesktop a {
  font-size: 18px;
  font-family: Roboto-Regular;
  color: #000000 !important;
  text-transform: capitalize;
  background: #f2b203;
  padding: 10px 10px;
  border-radius: 80px;
  text-align: center;
  display: inline-block;
  margin-bottom: 10px;
  width: 210px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.hotelButtonDesktop {
  text-align: center;
  margin-top: 25px;
}

.OverlookingDesktopInside p {
  color: #787E8E !important;
  font-size: 20px !important;
  margin-bottom: 0px;
  font-family: Cormorant-Regular !important;
}

.mobileslidercontent {
  display: none;
}

#mobilecarouseltrippass {
  display: none;
}

.buy_it_btn .regular_txt_price {
  font-family: Roboto-Medium;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .mobilecarousel {
    display: inline-block;
  }

  #mobilecarouseltrippass {
    display: inline-block;
    padding-bottom: 30px;
  }

  .desktopcarousel {
    display: none;
  }

  /* #carousel123 .packageDealBox {
    border: 1px solid #d6d8da;
  } */

  #carousel123 .hotelAccomodationDtlsBox.tp_white {
    /* padding: 7px 15px 10px; */
    color: #4f6f8f !important;
    font-size: 16px;
  }

  #carousel123 .ttlnightTttl {
    margin: 0;
  }

  .packageDealBox {
    position: relative;
  }

  #carousel123 .ttlnightTttl {
    color: #001023 !important;
    font-family: Roboto-Medium;
  }

  h4.ttlnightTttl {
    color: #fff !important;
  }

  .hotelAccomodationDtlsBox {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    /* background-color: #00000052; */
    /* color: #fff; */
    height: auto;
  }

  .hotelAccomodationDtlsBox p {
    margin-bottom: 0;
    color: #2c2c2c;
    margin-top: 5px;
    font-size: 14px;
    font-family: Roboto-Regular !important;
  }

  .vacation_product_gallery_padding>.container {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.social-proof-section {
  position: relative;
  display: inline-block;
  width: 100%;
}

.social-proof {
  width: 100%;
  position: relative;
  padding: 0 10px;
}

@media (max-width: 767px) {
  .social-proof-section {
    margin-top: 20px;
  }

  .social-proof {
    padding: 0 5px;
    margin-bottom: 5px;
  }
}

.midnight-deal.fixedReserveItNowDiv {
  position: fixed;
  z-index: 1000;
  width: 100%;
  bottom: -1px;
  opacity: 1;
}

.midnight-deal {
  background-color: #0F1D35;
  padding: 8px 0 0 9px;
  margin-top: 23px;
}

.vacation_product_detail_inside_footer_bg {
  background: #0F1D35 !important;
}

.vacation_product_detail_content_footer h2.vacation_product_detail_content_footer_h2 {
  background: #fff !important;
  color: #0F1D35 !important;
}

.vacation_product_detail_content_footer h2.vacation_product_detail_content_footer_h2::after {
  border: 21px solid transparent !important;
  border-left: 19px solid #fff !important;
}

.vacation_product_detail_inside_bg ul.countdown li span.footer_color_white,
.vacation_product_detail_inside_bg ul.countdown li p.footer_color_white,
.vacation_product_detail_inside_bg ul.countdown li.footer_color_white {
  color: #fff !important;
}

.hide_bottom_bar {
  display: none;
}

@media screen and (max-width: 767px) {
  .vacation_product_banner_right_footer img {
    width: auto !important;
  }

  .vacation_product_banner_right_footer .buy_it_btn {
    margin-top: 0px !important;
  }

  .vacation_product_banner_right_footer .buy_it_btn .regular_txt_price {
    margin-top: 0px;
    margin-bottom: 0px;
    border: solid 1px white;
  }
}

.vacation_product_banner_right_footer ul.countdown {
  margin-top: 15px !important;
}

.vacation_product_banner_right_footer ul.countdown li.seperator {
  color: white !important;
}