@charset "utf-8";

/*
Theme Name: Hiboxa - Luxury Outdoor Resort HTML5 Template
Author: Metropolitanthemes
Version: 1.0.0

Responsive stylesheet - desktop first: 1399 / 1199 / 991 / 767 / 575
*/

/*======================
(min-width: 1600px)
========================*/
@media (min-width: 1600px) {
  /* 1. General */
  .container {
    max-width: 1400px;
  }

  /* 14. Why Outdoors */
  /* the grid widens to 1400px here */
  .why-controls {
    right: calc(100% - 1048px);
  }

  /* 32. Sub Header */
  .subheader-crumbs {
    right: calc((100vw - 1400px) / 2 + 12px);
  }
}

/*======================
(max-width: 1399px)
========================*/
@media (max-width: 1399px) {
  /* 3. Header */
  .hx-nav > ul {
    gap: 24px;
  }
  .hx-header .header-left,
  .hx-header .header-right {
    gap: 26px;
  }
  .hx-logo img {
    width: 200px;
  }
  .header-call {
    display: none;
  }
  .header-style-three .hx-nav > ul {
    gap: 20px;
  }

  /* 3. Header */
  .topbar-mail,
  .topbar-social {
    display: none !important;
  }

  /* 9. Hero Slider Controls */
  .hero-editorial .hero-title {
    font-size: 5vw;
  }

  /* 10. Editorial Hero */
  .hero-vertical {
    display: none;
  }

  /* 14. Why Outdoors */
  .why-controls {
    right: calc(100% - 918px);
  }
}

/*======================
(max-width: 1199px)
========================*/
@media (max-width: 1199px) {
  /* 1. General */
  .sec-pt-120 {
    padding-top: 105px;
  }
  .sec-pb-120 {
    padding-bottom: 105px;
  }

  /* 3. Header */
  .hx-nav {
    display: none;
  }
  .hx-header .header-inner {
    grid-template-columns: 1fr auto 1fr;
  }
  .container-wide {
    padding: 0 24px;
  }
  .header-style-three .header-topbar .topbar-hours {
    display: none;
  }
  .header-style-three .hx-logo img {
    width: 170px;
  }

  /* 3. Header */
  .topbar-rating {
    display: none;
  }

  /* 7. Booking Bar */
  .booking-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 22px;
  }
  .booking-bar .bb-submit {
    grid-column: 1 / -1;
  }
  .booking-bar .bb-submit .hx-btn {
    width: 100%;
    justify-content: center;
  }

  /* 8. Floating Leaves */
  .float-leaf.is-far {
    display: none;
  }

  /* 9. Hero Slider Controls */
  .hero-editorial .hero-title {
    font-size: 4.7vw;
  }

  /* 10. Editorial Hero */
  .hero-media {
    height: 600px;
    margin-left: 0;
  }
  .hero-copy {
    padding-bottom: 0;
  }
  .hero-editorial + .welcome-stem {
    padding-top: 205px;
  }

  /* 14. Why Outdoors */
  .why-photo {
    width: 70%;
  }
  /* the photo is 70% of the band here: the grid edge is (100% / 1.4 - 480px + 12px) in */
  .why-controls {
    right: calc(71.4286% - 468px);
  }

  /* 22. Ritual Day */
  .slot-tab {
    flex-wrap: wrap;
    font-size: 21px;
  }
  .slot-tab span {
    flex: 1 0 100%;
    margin-left: 28px;
  }
  .ritual-pick {
    grid-template-columns: 30px minmax(0, 1fr) auto;
  }
  .ritual-price {
    grid-column: 3;
  }
  .ritual-time {
    grid-column: 2;
    text-align: left;
  }
  .ritual-time b {
    display: inline;
    margin-right: 8px;
  }

  /* 25. Best Time To Visit */
  .month-pick {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .pick-total {
    grid-column: 1 / -1;
    padding-left: 0;
    padding-top: 26px;
    border-left: 0;
    border-top: 1px solid var(--hx-color-line);
  }
  .month-col .m-bloom {
    display: none;
  }

  /* 30. Garden Table And Counter Box */
  .menu-list {
    gap: 26px 36px;
  }

  /* 33. Stays Page */
  .stay-row {
    grid-template-columns: 300px minmax(0, 1fr);
  }
  .row-price {
    grid-column: 2;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    padding: 0 36px 30px;
    border-left: 0;
  }
  .row-price .stay-total {
    flex: 1 0 100%;
  }
  .row-price .hx-btn {
    margin-top: 8px;
  }

  /* 34. Stay Details */
  .amenity-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .rate-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .stay-specs.is-large {
    grid-template-columns: repeat(3, auto);
    row-gap: 16px;
  }
  .stay-specs.is-large div:nth-child(4) {
    padding-left: 0;
    border-left: 0;
  }

  /* 37. Filters, Places And Dining */
  .tile-filter {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .hours-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

/*======================
(max-width: 991px)
========================*/
@media (max-width: 991px) {
  /* 1. General */
  .sec-pt-120 {
    padding-top: 90px;
  }
  .sec-pb-120 {
    padding-bottom: 90px;
  }
  .sec-pt-90 {
    padding-top: 75px;
  }
  .sec-pb-90 {
    padding-bottom: 75px;
  }

  /* 1. General */
  .section-head {
    margin-bottom: 45px;
  }
  .section-head.is-split {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  /* 1. General */
  :root {
    --hx-leaf: 100px;
  }

  /* 3. Header */
  .header-topbar.is-wide {
    display: none;
  }

  /* 8. Floating Leaves */
  .counter-box .float-leaf.layer-mid {
    right: -30px;
    width: 130px;
  }
  .counter-box .float-leaf.layer-near {
    display: none;
  }

  /* 9. Hero Slider Controls */
  .hero-editorial .hero-title {
    font-size: var(--hx-fs-h1);
  }

  /* 10. Editorial Hero */
  .hero-editorial {
    padding-top: 140px;
  }
  .hero-copy {
    max-width: none;
    padding-bottom: 50px;
  }
  .hero-media {
    height: 520px;
  }
  .hero-editorial .booking-bar {
    margin-top: 40px;
    margin-bottom: -80px;
  }
  .hero-editorial + .welcome-stem {
    padding-top: 170px;
  }

  /* 11. Welcome Stem */
  .welcome-media {
    height: 520px;
    margin-top: 60px;
  }
  .welcome-media .wm-tall {
    height: 440px;
  }
  .stem-row {
    margin-top: 70px;
  }
  .stem-list {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
  }
  .stem-line {
    display: none;
  }
  .stem-stalk {
    display: none;
  }

  /* 13. Stay Collection */
  .collection-side {
    position: relative;
    top: 0;
    margin-bottom: 40px;
    padding-right: 0;
  }
  .collection-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 26px;
  }
  .collection-tab .tab-name {
    font-size: 25px;
  }

  /* 14. Why Outdoors */
  .why-photo {
    width: 100%;
    height: 460px;
  }
  /* the card covers the photo's foot here: the controls move to its square top-left corner */
  .why-photo::after {
    background: linear-gradient(to bottom, rgba(var(--hx-color-forest-deep-rgb), 0.6), transparent 42%);
  }
  .why-controls {
    top: 24px;
    left: calc(50% - 348px);
    right: auto;
    bottom: auto;
  }
  .why-outdoors .container {
    margin-top: -120px;
  }
  .why-card {
    max-width: none;
  }

  /* 15. Grounds Rail */
  .grounds-inner {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 24px;
  }
  .rail-cap {
    padding: 0 44px;
  }
  .grounds-swiper .swiper-slide {
    width: 300px;
  }
  .rail-photo {
    height: 420px;
  }
  .grounds-swiper .swiper-slide:nth-child(even) .rail-photo {
    height: 360px;
    margin-top: 60px;
  }

  /* 16. Rituals Split */
  .split-photo {
    height: 460px;
  }
  .split-sprig {
    display: none;
  }

  /* 20. Spa Hero */
  .hero-spa {
    padding-top: 170px;
  }
  .spa-copy {
    margin-bottom: 80px;
  }

  /* 21. Peace Split And Checkerboard */
  .peace-copy {
    padding-left: 0;
  }
  .checker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* 22. Ritual Day */
  .slot-panel {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
  .slot-photo {
    height: 320px;
  }
  .vine-art {
    display: none;
  }
  .day-summary .day-book {
    margin-left: 0;
  }

  /* 25. Best Time To Visit */
  .month-chart {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    row-gap: 30px;
  }

  /* 26. Journal List And Photo Ribbon */
  .story-frame {
    display: none;
  }
  .photo-ribbon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* 27. Canopy Hero */
  .hero-canopy {
    min-height: 0;
    padding: 220px 0 50px;
  }
  .hero-canopy .hero-controls {
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .hero-canopy .hero-caption {
    flex: 1 0 100%;
  }

  /* 28. Canopy About And Villa Carousel */
  .about-copy {
    padding: 0;
    background: transparent;
  }
  .villa-photo {
    height: 420px;
  }
  .villa-prev {
    left: 16px;
  }
  .villa-next {
    right: 16px;
  }

  /* 29. Intro Video And Herbarium */
  .intro-leaves {
    width: 100%;
    opacity: 0.15;
  }
  .intro-photo {
    height: 380px;
  }
  .plate-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* 30. Garden Table And Counter Box */
  .menu-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .table-whisk {
    display: none;
  }
  .counter-box {
    padding: 60px 30px;
  }

  /* 32. Sub Header */
  .hx-subheader {
    padding: 180px 0 120px;
  }

  /* 34. Stay Details */
  .detail-widget {
    position: relative;
    top: 0;
  }
  .rules-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  /* 35. Stay Builder */
  .summary-card {
    position: relative;
    top: 0;
  }

  /* 36. Rituals Page */
  .spa-photo {
    height: 420px;
  }
  .pavilion-photo {
    height: 300px;
  }

  /* 37. Filters, Places And Dining */
  .side-stack {
    position: relative;
    top: 0;
  }
  .map-card {
    position: relative;
    left: 0;
    bottom: 0;
    max-width: none;
    margin-top: -60px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .pd-facts {
    grid-template-columns: repeat(2, auto) !important;
    row-gap: 16px;
  }
  .pd-facts div:nth-child(3) {
    padding-left: 0;
    border-left: 0;
  }
  .hours-card {
    grid-template-columns: minmax(0, 1fr);
  }

  /* 38. Offers, About, Team And Gallery */
  .offer-photo,
  .offer-card.is-flip .offer-photo {
    width: 100%;
    height: 400px;
  }
  .offer-body,
  .offer-card.is-flip .offer-body {
    width: 94%;
    margin: -100px auto 0;
  }
  .offer-cols {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  .gallery-masonry {
    column-count: 2;
  }
  .film-photo {
    height: 420px;
  }

  /* 39. Contact, Journal And Article */
  .blog-sidebar {
    position: relative;
    top: 0;
  }
  .contact-main .map-frame.is-tall {
    height: 400px;
    min-height: 0;
  }

  /* 40. Account, Error And Coming Soon */
  .account-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .account-visual {
    min-height: 300px;
  }
  .hx-error {
    padding: 180px 0 110px;
  }

  /* 41. Footer */
  .footer-style-two .footer-cols > div {
    margin-bottom: 40px;
  }
  .footer-style-one .footer-cols > div {
    margin-bottom: 30px;
  }
  .footer-news {
    flex-direction: column;
    align-items: stretch;
  }
}

/*======================
(max-width: 767px)
========================*/
@media (max-width: 767px) {
  /* 1. General */
  .sec-pt-120 {
    padding-top: 80px;
  }
  .hero-editorial + .welcome-stem {
    padding-top: 160px;
  }
  .sec-pb-120 {
    padding-bottom: 80px;
  }

  /* 8. Floating Leaves */
  .float-leaf {
    scale: 0.6;
  }

  /* 13. Stay Collection */
  .collection-panel {
    grid-template-columns: minmax(0, 1fr);
  }
  .collection-panel .stay-card:first-child {
    grid-row: auto;
  }
  .collection-panel .stay-card:first-child .stay-media {
    height: 320px;
  }
  .collection-panel .stay-card:nth-child(2) {
    margin-top: 0;
  }
  .collection-panel .stay-card:not(:first-child) .stay-media {
    height: 240px;
  }

  /* 14. Why Outdoors */
  .why-controls {
    left: calc(50% - 258px);
  }

  /* 17. Reviews */
  .quote-stage {
    padding: 56px 26px 36px;
  }
  .quote-stage .frame-bloom {
    height: 150px;
    left: -20px;
  }
  .quote-stage .frame-sprig {
    width: 170px;
    right: -10px;
  }
  .by-source {
    padding-left: 0;
    border-left: 0;
    align-items: center;
    width: 100%;
  }
  .quote-by {
    flex-direction: column;
    text-align: center;
  }

  /* 20. Spa Hero */
  /* on phones the photograph stops under the copy; the booking card overlaps its foot */
  .hero-spa .spa-media {
    bottom: auto;
    height: 760px;
  }

  /* 22. Ritual Day */
  .slot-tabs {
    grid-template-columns: repeat(2, 1fr);
  }

  /* 24. Reviews Two And Video Band */
  .video-band {
    height: 420px;
  }
  .quote-stage.is-left {
    padding: 44px 24px 30px;
  }
  .quote-stage.is-left .quote-by {
    align-items: flex-start;
    text-align: left;
  }
  .quote-stage.is-left .by-source {
    align-items: flex-start;
  }

  /* 33. Stays Page */
  .stay-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .row-media {
    min-height: 240px;
  }
  .row-price {
    grid-column: 1;
  }
  .row-body {
    padding: 28px 24px 18px;
  }
  .row-price {
    padding: 0 24px 26px;
  }
  .results-tools {
    width: 100%;
  }
  .sort-select {
    flex: 1 1 auto;
    width: auto;
  }

  /* 41. Footer */
  .footer-bar .bar-inner {
    flex-direction: column;
    text-align: center;
  }
}

/*======================
(max-width: 575px)
========================*/
@media (max-width: 575px) {
  /* 1. General */
  .sec-pt-120 {
    padding-top: 70px;
  }
  .sec-pb-120 {
    padding-bottom: 70px;
  }
  .sec-pt-90 {
    padding-top: 60px;
  }
  .sec-pb-90 {
    padding-bottom: 60px;
  }

  /* 1. General */
  .hx-btn {
    padding: 16px 24px;
  }

  /* 1. General */
  :root {
    --hx-leaf: 70px;
    --hx-leaf-sm: 40px;
  }

  /* 2. Preloader */
  .hx-preloader .pre-lockup {
    transform: scale(0.78);
  }

  /* 3. Header */
  .hx-logo img {
    width: 158px;
  }
  .hx-header.is-scrolled .hx-logo img {
    width: 140px;
  }
  .header-book {
    padding: 13px 14px;
  }
  .header-book .btn-text {
    display: none;
  }
  .hx-menu-toggle {
    width: 42px;
    height: 42px;
  }
  .container-wide {
    padding: 0 16px;
  }
  .hx-header .header-inner {
    gap: 12px;
  }
  .header-style-three .header-topbar {
    display: none;
  }
  .header-style-three .box-inner {
    padding: 12px 16px;
  }
  .header-style-three .header-icons .icon-btn.is-account {
    display: none;
  }
  .header-style-three .hx-logo img {
    width: 140px;
  }

  /* 4. Offcanvas Menu */
  .hx-offcanvas {
    padding: 26px 22px 30px;
  }
  .offcanvas-nav {
    gap: 22px 18px;
  }
  .oc-group a {
    font-size: 16px;
  }

  /* 7. Booking Bar */
  .booking-bar {
    grid-template-columns: minmax(0, 1fr);
    padding: 26px 20px 20px;
  }

  /* 9. Hero Slider Controls */
  .hero-editorial .hero-title {
    font-size: clamp(32px, calc((100vw - 24px) / 8.4), 46px);
  }
  .canopy-copy h1 {
    font-size: clamp(32px, calc((100vw - 24px) / 7.3), 46px);
  }
  .hero-controls {
    gap: 18px;
  }
  .hero-arrow {
    width: 48px;
    height: 48px;
  }
  .hero-progress {
    width: 56px;
  }

  /* 10. Editorial Hero */
  .hero-editorial {
    padding-top: 120px;
  }
  .hero-editorial .booking-bar {
    margin-bottom: -60px;
  }
  .hero-editorial + .welcome-stem {
    padding-top: 130px;
  }
  .hero-media {
    height: 420px;
  }
  .hero-main {
    width: 88%;
  }
  .hero-inset {
    width: 46%;
    height: 170px;
    bottom: 80px;
    border-width: 6px;
  }
  .hero-bloom {
    height: 150px;
  }

  /* 11. Welcome Stem */
  .welcome-media {
    height: 400px;
  }
  .welcome-media .wm-tall {
    height: 330px;
  }
  .welcome-media .wm-small {
    height: 180px;
    border-width: 6px;
  }
  .ghost-year {
    font-size: 90px;
  }
  .stem-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .stem-bud {
    width: 86px;
    height: 86px;
    font-size: 34px;
  }

  /* 12. Stay Cards */
  .stay-body {
    padding: 22px 20px;
  }
  .stay-specs div {
    padding: 0 12px;
  }

  /* 13. Stay Collection */
  .collection-tabs {
    grid-template-columns: minmax(0, 1fr);
  }

  /* 14. Why Outdoors */
  .why-photo {
    height: 320px;
  }
  .why-controls {
    left: 12px;
  }
  .why-card {
    padding: 40px 22px;
  }
  .why-item {
    grid-template-columns: 56px 1fr;
    gap: 16px;
  }
  .why-bar {
    left: 72px;
  }
  .why-ic {
    width: 56px;
    height: 56px;
    font-size: 24px;
  }

  /* 15. Grounds Rail */
  .grounds-inner {
    padding: 0 16px;
  }
  .rail-cap {
    padding: 0 30px;
    font-size: 20px;
  }
  .grounds-panel {
    padding: 40px 26px 34px;
  }
  .grounds-swiper .swiper-slide {
    width: 250px;
  }
  .rail-photo {
    height: 340px;
  }
  .grounds-swiper .swiper-slide:nth-child(even) .rail-photo {
    height: 290px;
    margin-top: 50px;
  }
  .rail-cap {
    opacity: 1;
    transform: none;
  }
  .rail-photo::after {
    opacity: 1;
  }

  /* 16. Rituals Split */
  .split-photo {
    height: 340px;
  }
  .ritual-prices .rp-name {
    font-size: 18px;
  }

  /* 17. Reviews */
  .review-panel {
    padding: 30px 22px;
  }
  .review-panel .panel-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .review-filter .filter-btn {
    padding: 8px 14px;
  }
  .review-filter .filter-btn::after {
    left: 14px;
    right: 14px;
  }

  /* 19. Journal Feature */
  .story-feature .story-media {
    height: 280px;
  }
  .story-feature .story-title {
    font-size: 27px;
  }
  .story-row {
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 18px;
  }
  .story-thumb {
    height: 110px;
  }
  .story-row p {
    display: none;
  }

  /* 20. Spa Hero */
  .hero-spa {
    padding-top: 140px;
  }

  /* 21. Peace Split And Checkerboard */
  .peace-media {
    height: 420px;
  }
  .peace-stamp {
    width: 150px;
    padding: 22px 20px;
  }
  .peace-stamp b {
    font-size: 44px;
  }
  .checker-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .checker-photo {
    min-height: 240px;
  }

  /* 22. Ritual Day */
  .ritual-pick {
    gap: 14px;
    padding: 18px 10px;
  }
  .day-summary {
    padding: 24px 20px;
  }
  .day-summary .day-book {
    width: 100%;
    justify-content: center;
  }

  /* 23. Card Rails And Counters */
  .counter-item {
    padding-left: 16px;
    font-size: 11px;
  }
  .counter-item b {
    font-size: 48px;
  }

  /* 25. Best Time To Visit */
  .month-chart {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .month-col .rain-bar {
    height: 130px;
  }
  .month-col .m-season {
    display: none;
  }
  .month-pick {
    grid-template-columns: minmax(0, 1fr);
    padding: 30px 22px;
    gap: 24px;
  }

  /* 26. Journal List And Photo Ribbon */
  .story-line {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .line-arrow {
    display: none;
  }
  .line-title {
    font-size: 22px;
  }

  /* 27. Canopy Hero */
  .hero-canopy {
    padding-top: 150px;
  }
  .hero-canopy .hero-progress {
    width: 80px;
  }

  /* 28. Canopy About And Villa Carousel */
  .collage-photo {
    height: 180px;
  }
  .collage-tile {
    padding: 28px 16px;
  }
  .villa-photo {
    height: 300px;
  }
  .villa-caption {
    flex-direction: column;
    align-items: flex-start;
    margin: -40px 16px 0;
    padding: 24px;
  }
  .villa-price {
    text-align: left;
  }

  /* 29. Intro Video And Herbarium */
  .plate-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .plate {
    padding: 34px 24px;
  }

  /* 30. Garden Table And Counter Box */
  .dish {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 16px;
  }
  .dish-img {
    width: 70px;
    height: 70px;
  }
  .dish-name {
    font-size: 19px;
  }
  .menu-tab {
    padding: 8px 12px;
  }

  /* 32. Sub Header */
  .hx-subheader {
    padding: 140px 0 110px;
  }
  .subheader-crumbs {
    left: 16px;
    right: auto;
    padding: 14px 20px;
    border-radius: 0 24px 0 0;
  }

  /* 34. Stay Details */
  .title-card {
    position: relative;
    width: 100%;
    padding: 22px;
    margin-bottom: -20px;
  }
  .detail-gallery {
    padding-top: 0;
  }
  .gallery-main {
    height: 300px;
  }
  .gallery-thumbs a {
    height: 80px;
  }
  .amenity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rate-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .cl-stages {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .title-card-name {
    font-size: 26px;
  }

  /* 35. Stay Builder */
  .builder-step {
    padding: 34px 20px 28px;
  }
  .builder-step .step-no {
    font-size: 54px;
    right: 18px;
  }
  .step-title,
  .step-lead {
    padding-right: 54px;
  }
  .extras-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .summary-card {
    padding: 28px 20px;
  }

  /* 36. Rituals Page */
  .faq-item summary {
    font-size: 19px;
  }

  /* 37. Filters, Places And Dining */
  .dish-photo {
    height: 210px;
  }
  .dish-title {
    font-size: 18px;
  }

  /* 37. Filters, Places And Dining */
  .tile-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .map-frame.is-tall {
    height: 380px;
  }
  .pd-photo {
    height: 300px;
  }
  .reserve-form {
    padding: 26px 18px;
  }
  .hours-card {
    padding: 34px 22px;
  }

  /* 38. Offers, About, Team And Gallery */
  .offer-photo,
  .offer-card.is-flip .offer-photo {
    height: 280px;
  }
  .offer-body,
  .offer-card.is-flip .offer-body {
    width: 100%;
    margin-top: -40px;
    padding: 34px 20px 26px;
  }
  .offer-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .offer-price {
    align-items: flex-start;
  }
  .offer-name {
    font-size: 28px;
  }
  .offer-foot {
    flex-direction: column;
    align-items: flex-start;
  }
  .offer-flag {
    right: 20px;
  }
  .gallery-masonry {
    column-count: 1;
  }
  .film-photo {
    height: 300px;
  }

  /* 39. Contact, Journal And Article */
  .post-feature-media {
    height: 260px;
  }
  .post-feature-body {
    padding: 26px 20px;
  }
  .post-feature-title {
    font-size: 26px;
  }
  .article-media > img:not(.hx-watermark),
  .post-gallery img {
    height: 280px;
  }
  .article-media.is-quote,
  .article-media.is-link {
    padding: 40px 24px;
  }
  .author-box {
    grid-template-columns: minmax(0, 1fr);
    padding: 26px 20px;
  }
  .post-nav {
    grid-template-columns: minmax(0, 1fr);
  }
  .comment {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
  }
  .comment-avatar {
    width: 48px;
    height: 48px;
  }
  .comment-children {
    grid-column: 1 / -1;
    padding-left: 20px;
  }

  /* 40. Account, Error And Coming Soon */
  .account-body {
    padding: 36px 22px;
  }
  .account-title {
    font-size: 32px;
  }
  .account-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .soon-count {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .soon-count b {
    font-size: 38px;
  }

  /* 41. Footer */
  .footer-style-one .footer-main,
  .footer-style-two .footer-main {
    padding: 80px 0 40px;
  }
  .hx-subscribe .hx-btn {
    width: 100%;
    justify-content: center;
  }
  .footer-two-col {
    grid-template-columns: minmax(0, 1fr);
  }

  /* 42. Back To Top */
  .hx-back-to-top {
    right: 16px;
    bottom: 16px;
    width: 46px;
    height: 46px;
  }
}