@media (max-width: 767px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero {
    display: flex !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 14px 0 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container {
    box-sizing: border-box !important;
    width: min(400px, calc(100vw - 48px)) !important;
    max-width: min(400px, calc(100vw - 48px)) !important;
    min-height: 126px !important;
    margin: 0 auto !important;
    padding: 26px 28px 28px 30px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(43, 139, 226, .12), transparent 45%),
      linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .94)) !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 42px rgba(25, 72, 118, .12) !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero .yz-section-kicker {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    color: #2877bd !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero .yz-section-kicker::before {
    width: 4px !important;
    height: 15px !important;
    margin-right: 10px !important;
    content: "" !important;
    background: linear-gradient(180deg, #d8a13a, #f2cc73) !important;
    border-radius: 999px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: #082d59 !important;
    font-size: 25px !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    letter-spacing: -.04em !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero p {
    display: block !important;
    max-width: 96% !important;
    margin: 13px 0 0 !important;
    padding: 0 !important;
    color: #526d86 !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
  }
}

@media (max-width: 360px) {
  html body.yz-booking-site.page-booking-series .yz-series-main > .yz-order-page-hero > .container {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    padding: 24px 22px 26px 24px !important;
  }

  html body.yz-booking-site.page-booking-series .yz-series-hero h1 {
    font-size: 23px !important;
  }
}