@charset "utf-8";

/*
Theme Name: Hiboncierge - Luxury Concierge HTML5 Template.
Author: Metropolitanthemes
Version: 1.0.0

%%%%%%% Responsive Stylesheet %%%%%%%
Desktop-first max-width cascade: 1399 / 1199 / 991 / 767 / 575
*/

/*======================
Max Width 1399px
========================*/
@media (max-width: 1399.98px) {
  /* General */
  .container-wide {
    padding-left: 28px;
    padding-right: 28px;
  }
  .hc-ghost-num {
    font-size: 160px;
  }
  /* Header */
  .hc-header .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .hc-header .hc-logo {
    order: -1;
  }
  .hc-header .header-inner > .hc-nav {
    justify-self: end;
  }
  .hc-nav > ul {
    gap: 20px;
  }
  .hc-nav > ul > li > a {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .hc-logo img {
    height: 54px;
  }
  .header-right {
    gap: 20px;
  }
  .header-contact {
    gap: 20px;
  }
  /* Itinerary */
  .hc-itin-btn .ib-txt {
    display: none;
  }
  /* Hero */
  .globe-stage {
    width: 700px;
    height: 700px;
  }
  .route-card {
    width: 290px;
  }
  .globe-photo {
    width: 200px;
  }
  /* The Desk */
  .desk-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
  .desk-form {
    grid-template-columns: minmax(0, 1fr) 270px;
  }
  .desk-form .df-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .desk-tab {
    font-size: 11.5px;
    letter-spacing: 0.04em;
  }
}

/*======================
Max Width 1199px
========================*/
@media (max-width: 1199.98px) {
  /* General */
  .sec-pt-130 {
    padding-top: 110px;
  }
  .sub-header + .sec-pt-130 {
    padding-top: 76px;
  }
  .sec-pb-130 {
    padding-bottom: 110px;
  }
  .sec-pt-100 {
    padding-top: 88px;
  }
  .sec-pb-100 {
    padding-bottom: 88px;
  }
  .hc-ghost-num {
    font-size: 132px;
  }
  .marquee-set span:not(.hc-rhombus) {
    font-size: 38px;
  }
  /* Header */
  .hc-nav > ul {
    gap: 18px;
  }
  .hc-nav-right {
    display: none;
  }
  .header-contact .item:first-child {
    display: none;
  }
  .hc-logo img {
    height: 46px;
  }
  /* Hero */
  .hero-side {
    display: none;
  }
  .hero-globe {
    padding: 150px 0 112px;
  }
  .globe-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .globe-media {
    min-height: 540px;
  }
  .globe-stage {
    width: 600px;
    height: 600px;
  }
  .globe-photo {
    width: 180px;
  }
  .route-card {
    width: 262px;
    padding: 22px 22px 18px;
  }
  .route-card .rc-route {
    font-size: 22px;
  }
  .globe-tabs {
    gap: 18px;
  }
  /* Request Bar */
  .hc-request {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 26px;
    padding: 28px 30px;
  }
  .hc-request .rq-submit {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
  }
  /* About */
  .about-grid {
    gap: 60px;
  }
  .about-media {
    padding: 0 60px 100px 24px;
  }
  .about-media::before {
    width: calc(100% - 114px);
    height: calc(100% - 100px);
  }
  .about-years {
    width: 146px;
    height: 146px;
  }
  .about-years .yr {
    font-size: 54px;
  }
  .houses-set .house {
    font-size: 48px;
  }
  /* Nine Doors */
  .doors-thread {
    gap: 60px 100px;
  }
  .door-stop .stop-node {
    right: -58px;
  }
  .door-stop.is-right .stop-node {
    left: -58px;
  }
  .door-copy {
    padding-right: 0;
  }
  .door-copy h3 {
    font-size: 30px;
  }
  .door-num {
    font-size: 92px;
    top: -48px;
  }
  /* Services Mosaic */
  .hc-mosaic {
    grid-auto-rows: 230px;
  }
  .mosaic-tile .tile-name {
    font-size: 22px;
  }
  /* The Desk */
  .desk-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .desk-itin {
    position: relative;
    top: auto;
  }
  .desk-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .desk-tab:nth-child(4) {
    border-right: 0;
  }
  .desk-tab:nth-child(-n+4) {
    border-bottom: 1px solid rgba(var(--hc-color-white-rgb), 0.12);
  }
  .desk-layout.is-vertical .desk-main {
    grid-template-columns: minmax(0, 1fr);
  }
  .desk-layout.is-vertical .desk-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .desk-layout.is-vertical .desk-tab {
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 16px 8px;
    border-right: 1px solid rgba(var(--hc-color-white-rgb), 0.12);
  }
  .desk-head {
    flex-direction: column;
    align-items: flex-start;
  }
  /* Curated Weekends */
  .weekend-row {
    gap: 60px;
  }
  .weekend-copy h3,
  .weekend-card h3 {
    font-size: 30px;
  }
  .weekend-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .weekend-card .wc-media img {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  /* Hibo Circle */
  .circle-card {
    padding: 36px 28px 32px;
  }
  .circle-card h3 {
    font-size: 34px;
  }
  /* Stats */
  .stat-fig {
    font-size: 54px;
  }
  /* Footer */
  .hc-footer .widget .footer-logo {
    width: 186px;
  }
}

/*======================
Max Width 991px
========================*/
@media (max-width: 991.98px) {
  /* General */
  .sec-pt-130 {
    padding-top: 90px;
  }
  .sub-header + .sec-pt-130 {
    padding-top: 64px;
  }
  .sec-pb-130 {
    padding-bottom: 90px;
  }
  .sec-pt-100,
    .sec-pt-90 {
    padding-top: 76px;
  }
  .sec-pb-100,
    .sec-pb-90 {
    padding-bottom: 76px;
  }
  .hc-offset-frame::before {
    display: none;
  }
  .hc-ghost-num {
    font-size: 112px;
  }
  .hc-sec-title .lead-text {
    font-size: 17.5px;
  }
  .signature-main .hc-frame {
    aspect-ratio: 1.5 / 1;
  }
  .marquee-set span:not(.hc-rhombus) {
    font-size: 32px;
  }
  .res-price .hc-btn {
    width: auto;
  }
  .roomshow-slide .hc-frame {
    aspect-ratio: 1.9 / 1;
  }
  .offer-row:nth-child(even) .hc-frame {
    order: 0;
  }
  .offer-row .hc-frame {
    aspect-ratio: 1.8 / 1;
    min-height: 0;
  }
  .team-card .hc-frame {
    aspect-ratio: 1 / 1.1;
  }
  /* Topbar */
  .hc-topbar .topbar-social,
    .hc-topbar .topbar-welcome {
    display: none;
  }
  .hc-topbar .topbar-inner {
    justify-content: center;
  }
  /* Header */
  .hc-header .header-inner {
    grid-template-columns: auto 1fr;
    min-height: 88px;
  }
  .hc-header .hc-nav {
    display: none;
  }
  .hc-header .hc-logo {
    order: -1;
  }
  .header-right {
    gap: 18px;
  }
  .header-contact {
    display: none;
  }
  .header-style-three {
    top: 0;
  }
  .header-style-three .header-shell {
    padding: 0 24px;
  }
  .header-style-three .header-inner {
    min-height: 84px;
  }
  .header-style-two .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .header-style-two .hc-logo {
    order: 1;
  }
  .header-style-two .header-right {
    order: 2;
    display: flex;
  }
  .header-style-two .header-left {
    order: 3;
  }
  .header-style-two .menu-word {
    display: none;
  }
  .header-style-three .header-inner {
    grid-template-columns: auto minmax(0, 1fr);
  }
  /* Hero */
  .hero-globe {
    padding: 130px 0 104px;
  }
  .hero-globe::before {
    display: none;
  }
  .globe-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
  .globe-media {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
  }
  .globe-stage {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    max-width: 580px;
    height: auto;
    aspect-ratio: 1 / 1;
    transform: none;
  }
  .globe-photo {
    left: 0;
    bottom: 120px;
  }
  .route-card {
    position: relative;
    bottom: auto;
    right: auto;
    top: auto;
    width: 100%;
    max-width: 520px;
    margin-top: -60px;
  }
  .globe-bar {
    flex-wrap: wrap;
    gap: 24px;
  }
  .globe-tabs {
    max-width: none;
    flex: 1 1 100%;
  }
  /* About */
  .about-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 70px;
  }
  .about-media {
    max-width: 620px;
  }
  .about-houses {
    margin-top: 90px;
  }
  /* Nine Doors */
  .doors-thread {
    grid-template-columns: minmax(0, 1fr);
    gap: 64px;
    padding-bottom: 0;
  }
  .doors-thread .thread-line {
    left: 8px;
  }
  .door-stop,
  .door-stop.is-right {
    margin: 0;
    padding-left: 46px;
  }
  .door-stop .stop-node,
  .door-stop.is-right .stop-node {
    left: 0;
    right: auto;
    top: 24px;
  }
  /* Services Mosaic */
  .mosaic-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .hc-mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 250px;
  }
  .mosaic-tile.is-t1 {
    grid-column: 1 / -1;
    grid-row: span 1;
  }
  .mosaic-tile.is-t1 .tile-name {
    font-size: 32px;
  }
  /* Curated Weekends */
  .weekend-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 50px;
  }
  .weekend-row.is-flip .weekend-media {
    order: 0;
  }
  .weekend-row + .weekend-row {
    margin-top: 80px;
  }
  .weekends-head {
    flex-direction: column;
    align-items: flex-start;
  }
  /* Night Hero */
  .hero-night {
    padding: 170px 0 140px;
  }
  .night-bar-inner .night-title {
    display: none;
  }
  /* Stats */
  .stats-area {
    padding: 76px 0;
  }
  .stat-fig {
    font-size: 46px;
  }
  /* Reviews */
  .rv-panels {
    grid-template-columns: minmax(0, 1fr);
  }
  /* Footer */
  .footer-subscribe {
    padding: 90px 0;
  }
}

/*======================
Max Width 767px
========================*/
@media (max-width: 767.98px) {
  /* General */
  body {
    font-size: 16px;
  }
  .sec-pt-130 {
    padding-top: 80px;
  }
  .sub-header + .sec-pt-130 {
    padding-top: 58px;
  }
  .sec-pb-130 {
    padding-bottom: 80px;
  }
  .container-wide {
    padding-left: 18px;
    padding-right: 18px;
  }
  .hc-btn {
    height: 54px;
    padding: 0 28px;
    font-size: 12px;
    letter-spacing: 0.14em;
  }
  .hc-ghost-num {
    font-size: 88px;
  }
  .marquee-set span:not(.hc-rhombus) {
    font-size: 26px;
  }
  .room-row .hc-frame,
    .result-row .hc-frame {
    aspect-ratio: 1.6 / 1;
    min-height: 0;
  }
  .header-style-two .header-right .hc-btn {
    height: 44px;
    padding: 0 20px;
    font-size: 11px;
  }
  /* Topbar */
  .hc-topbar .topbar-meta {
    gap: 20px;
    font-size: 13.5px;
  }
  /* Offcanvas Menu */
  .offcanvas-head {
    padding: 26px 26px 20px;
  }
  .offcanvas-nav {
    padding: 22px 26px 26px;
  }
  .offcanvas-foot {
    padding: 20px 26px 24px;
  }
  .cine-nav .slider-nav {
    width: 44px;
    height: 44px;
  }
  /* Hero */
  .globe-photo {
    width: 150px;
    bottom: 130px;
  }
  .globe-photo::before {
    top: -12px;
    left: -12px;
  }
  .globe-tab .gt-name {
    display: none;
  }
  .globe-tabs {
    gap: 14px;
  }
  .globe-nav .slider-nav {
    width: 46px;
    height: 46px;
  }
  /* Request Bar */
  .request-area {
    margin-top: -40px;
  }
  .hc-request {
    grid-template-columns: minmax(0, 1fr);
  }
  .hc-request .df-field {
    padding: 0;
    border-right: 0;
  }
  .hc-request .rq-submit {
    flex-direction: column;
    align-items: stretch;
  }
  .hc-request .rq-hint {
    white-space: normal;
  }
  /* The Desk */
  .desk-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .desk-quote {
    grid-column: 1;
    grid-row: auto;
    border-left: 0;
    border-top: 1px solid var(--hc-color-border);
  }
  .desk-form .df-head,
  .desk-form .df-grid {
    padding-left: 26px;
    padding-right: 26px;
  }
  .desk-form .df-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .desk-tabs,
  .desk-layout.is-vertical .desk-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .desk-tab:nth-child(2n) {
    border-right: 0;
  }
  .desk-tab:nth-child(-n+6) {
    border-bottom: 1px solid rgba(var(--hc-color-white-rgb), 0.12);
  }
  .desk-tab {
    flex-direction: row;
    justify-content: flex-start;
    padding: 14px 16px;
  }
  /* Boutique */
  .boutique-head {
    flex-direction: column;
    align-items: flex-start;
  }
  /* Stats */
  .stats-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 34px;
  }
  .stat-box:nth-child(odd) {
    border-left: 0;
  }
  .stat-box:nth-child(n + 3) {
    padding-top: 34px;
    border-top: 1px solid rgba(var(--hc-color-white-rgb), 0.18);
  }
  /* Reviews */
  .rv-panel {
    grid-template-columns: minmax(0, 1fr);
  }
  .rv-panel .rv-bars {
    grid-column: 1;
    grid-row: auto;
    margin-top: 14px;
  }
  .rv-quote {
    padding: 30px 26px 28px;
  }
  .rv-quote blockquote p {
    font-size: 20px;
  }
  /* Contact */
  .contact-form {
    padding: 30px 22px;
  }
  /* Night Variant */
  .desk-layout.is-vertical .desk-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .desk-layout.is-vertical .desk-form .df-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* Footer */
  .copyright-inner {
    justify-content: center;
    text-align: center;
    gap: 18px;
  }
  .footer-links {
    justify-content: center;
  }
}

/*======================
Max Width 575px
========================*/
@media (max-width: 575.98px) {
  /* General */
  .sec-pt-130 {
    padding-top: 70px;
  }
  .sub-header + .sec-pt-130 {
    padding-top: 52px;
  }
  .sec-pb-130 {
    padding-bottom: 70px;
  }
  .sec-pt-100,
    .sec-pt-90 {
    padding-top: 62px;
  }
  .sec-pb-100,
    .sec-pb-90 {
    padding-bottom: 62px;
  }
  .hc-sec-title .lead-text {
    font-size: 16.5px;
  }
  .hero-actions .hc-btn {
    width: 100%;
  }
  .bb-submit .hc-btn {
    width: 100%;
  }
  .marquee-set span:not(.hc-rhombus) {
    font-size: 22px;
  }
  .subscribe-form .hc-btn {
    width: 100%;
  }
  .rr-aside .hc-btn,
    .res-price .hc-btn {
    width: 100%;
  }
  .cine-actions .hc-btn {
    width: 100%;
  }
  .jf-row .hc-frame {
    aspect-ratio: 1.7 / 1;
  }
  .header-style-two .header-right .hc-btn {
    height: 40px;
    padding: 0 14px;
    font-size: 10px;
    letter-spacing: 0.1em;
    gap: 9px;
  }
  .classic-actions .hc-btn {
    width: 100%;
  }
  .roomshow-slide .hc-frame {
    aspect-ratio: 1.5 / 1;
  }
  .offer-foot .hc-btn {
    width: 100%;
  }
  .spa-plates .hc-frame:first-child {
    margin-top: 0;
  }
  .utility-actions .hc-btn {
    width: 100%;
  }
  .soon-form .hc-btn {
    width: 100%;
  }
  /* Preloader */
  .hc-preloader {
    --frame: 160px;
  }
  .hc-preloader .pre-mark {
    width: 94px;
  }
  .hc-preloader .pre-word {
    margin-top: calc(50vh + 80px + 30px);
  }
  .hc-preloader .pre-word {
    font-size: 13px;
    letter-spacing: 0.38em;
  }
  /* Topbar */
  .hc-topbar .topbar-meta li:nth-child(2) {
    display: none;
  }
  /* Header */
  .hc-logo img,
  .hc-header.sticky-on .hc-logo img {
    height: 40px;
  }
  .header-style-two .header-inner {
    gap: 14px;
  }
  /* Itinerary */
  .hc-drawer .drawer-head,
  .hc-drawer .drawer-body,
  .hc-drawer .drawer-foot {
    padding-left: 22px;
    padding-right: 22px;
  }
  .hc-drawer .drawer-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .hc-itin-btn .ib-txt {
    display: none;
  }
  .hc-itin-btn {
    height: 46px;
    padding: 0 5px;
  }
  /* Hero */
  .hero-globe {
    padding: 116px 0 96px;
  }
  .hero-actions {
    margin-top: 32px;
  }
  .hero-actions .hc-btn {
    width: 100%;
  }
  .globe-photo {
    display: none;
  }
  .route-card {
    margin-top: -30px;
    padding: 20px 20px 16px;
  }
  .route-card .rc-route {
    font-size: 20px;
  }
  .globe-bar {
    margin-top: 28px;
  }
  .globe-nav {
    width: 100%;
    justify-content: space-between;
  }
  /* About */
  .about-media {
    padding: 0 24px 90px 14px;
  }
  .about-media::before {
    top: -16px;
    width: calc(100% - 62px);
    height: calc(100% - 90px);
  }
  .about-main {
    margin-left: 16px;
  }
  .about-float {
    width: 64%;
    padding: 8px;
  }
  .about-years {
    width: 116px;
    height: 116px;
    bottom: 40px;
    gap: 4px;
  }
  .about-years .yr {
    font-size: 42px;
  }
  .about-years .cap {
    font-size: 10.5px;
    letter-spacing: 0.18em;
  }
  .about-note blockquote {
    font-size: 22px;
  }
  .about-houses {
    margin-top: 70px;
    padding: 22px 0;
  }
  .houses-set {
    gap: 34px;
    padding-right: 34px;
  }
  .houses-set .house {
    font-size: 36px;
  }
  /* Nine Doors */
  .door-stop,
  .door-stop.is-right {
    padding-left: 34px;
  }
  .door-num {
    font-size: 76px;
    top: -40px;
  }
  .door-copy h3 {
    font-size: 26px;
  }
  .door-head {
    gap: 14px;
  }
  .door-ic {
    width: 46px;
    height: 46px;
    font-size: 16px;
  }
  /* Services Mosaic */
  .hc-mosaic {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 230px;
  }
  .mosaic-tile .tile-copy {
    left: 22px;
    right: 22px;
    bottom: 20px;
  }
  /* Curated Weekends */
  .weekend-card .wc-copy {
    padding: 30px 24px;
  }
  .weekend-price .wp-now b {
    font-size: 32px;
  }
  /* Night Hero */
  .hero-night {
    padding: 150px 0 120px;
  }
  .hero-night .night-copy {
    margin-bottom: 36px;
  }
  /* Stats */
  .stats-inner {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }
  .stat-box {
    border-left: 0;
  }
  .stat-box + .stat-box {
    border-left: 0;
    border-top: 1px solid rgba(var(--hc-color-white-rgb), 0.18);
    padding-top: 28px;
  }
  .stat-box:nth-child(n + 3) {
    padding-top: 28px;
  }
  /* Footer */
  .subscribe-form {
    flex-direction: column;
  }
  .subscribe-form input {
    flex: none;
    width: 100%;
    height: 56px;
    text-align: center;
  }
  .footer-logo {
    width: 180px;
  }
  .hc-sidebar .widget {
    padding: 24px 22px 26px;
  }
}