@charset "utf-8";

/*
Theme Name: Hiboski - Ski Resort HTML5 Template
Author: Metropolitanthemes
Version: 1.0.0

%%%%%%% Responsive Stylesheet %%%%%%%
*/

/*======================
Max Width 1399px
========================*/
@media (max-width: 1399.98px) {
  .hs-pass-quote {
    gap: 18px;
    padding: 26px 26px;
  }
  .hs-pass-quote .quote-title > i {
    font-size: 34px;
  }
  .hs-nav > ul > li > a {
    padding: 12px 10px;
    font-size: 13.5px;
  }
  .hs-nav > ul > li > a::after {
    left: 10px;
  }
  .hs-header .hs-currency {
    display: none;
  }
  .hs-summit .summit-alt {
    gap: 16px 30px;
  }
  .hs-summit .summit-alt b {
    font-size: 22px;
  }
}

/*======================
Max Width 1199px
========================*/
@media (max-width: 1199.98px) {
  .hs-pass-quote {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .hs-pass-quote .quote-title {
    grid-column: 1 / -1;
  }
  .hs-pass-quote .quote-result {
    grid-column: 1 / span 2;
  }
  .hs-about-features {
    gap: 16px;
  }
  .hs-cta-inner {
    padding: 50px 40px;
  }
  .container-wide {
    padding-left: 30px;
    padding-right: 30px;
  }
  .hs-nav {
    display: none;
  }
  .hs-topbar .topbar-right > a:nth-child(2) {
    display: none;
  }
  .booking-bar {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .booking-bar .bar-note {
    grid-column: 1 / span 2;
  }
  .school-steps {
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
  }
  .school-steps::before {
    display: none;
  }
  .school-step:nth-child(n) {
    margin-bottom: 0;
  }
  .hs-summit .summit-alt li:nth-child(3) {
    display: none;
  }
  .summit-report {
    padding: 26px 24px;
  }
  .hs-panorama .sl-thumbs {
    width: 260px;
  }
  .services-grid {
    grid-template-columns: 1fr 1fr;
  }
  .dash-tiles {
    grid-template-columns: repeat(3, 1fr);
  }
  .dash-weather {
    grid-template-columns: repeat(3, 1fr);
  }
  .weather-cell:nth-child(4) {
    border-left: 0;
  }
  .weather-cell:nth-child(n+4) {
    border-top: 1px solid rgba(var(--hs-color-white-rgb), 0.1);
  }
  .hs-chalet-card.is-row {
    grid-template-columns: 38% minmax(0, 1fr);
  }
  .hs-chalet-card.is-row .card-aside {
    grid-column: 2;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 0;
    border-left: 0;
  }
  .contact-cards {
    grid-template-columns: 1fr 1fr;
  }
}

/*======================
Max Width 991px
========================*/
@media (max-width: 991.98px) {
  .hs-summit {
    height: auto;
    padding-bottom: 210px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), 0 100%);
  }
  .hs-summit .summit-slides {
    position: relative;
    height: 640px;
  }
  .hs-summit .swiper-slide {
    padding-top: 90px;
  }
  .hs-summit .summit-layer {
    position: relative;
    inset: auto;
    margin-top: -150px;
  }
  .hs-summit .summit-foot-col {
    padding-bottom: 0;
  }
  .hs-summit .summit-layer .col-lg-5 {
    justify-content: flex-start;
    padding-bottom: 0;
  }
  .summit-report {
    max-width: 560px;
  }
  .hs-about-section,
  .hs-cta-section,
  .hs-latest-news {
    padding: 100px 0;
  }
  .hs-room-type-section,
  .hs-ticket-reviews {
    padding: 100px 0;
  }
  .hs-text-block.hs-with-bg {
    padding: 100px 0;
  }
  .hs-about-features {
    flex-wrap: wrap;
  }
  .hs-about-features li {
    flex: 0 1 calc(33.333% - 11px);
  }
  .hs-about-features li:nth-child(n) {
    margin-top: 0;
  }
  .hs-room-filter {
    justify-content: flex-start;
  }
  .hs-room-mosaic,
  .hs-room-mosaic.is-flipped {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: none;
    grid-auto-rows: 280px;
    gap: 20px;
    margin-top: 40px;
  }
  .hs-room-mosaic .hs-room-box:nth-child(n),
  .hs-room-mosaic.is-flipped .hs-room-box:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }
  .hs-room-mosaic .hs-room-box:nth-child(1),
  .hs-room-mosaic.is-flipped .hs-room-box:nth-child(1) {
    grid-column: 1 / -1;
  }
  .hs-room-slider .hs-slider-img {
    height: 480px;
  }
  .hs-room-slider .hs-rooms-content-wrap {
    position: relative;
    display: block;
    margin-top: -120px;
  }
  .hs-room-slider .hs-room-content-box {
    width: auto;
    max-width: 560px;
  }
  .hs-room-gallery-cta {
    padding: 0 0 220px;
  }
  .hs-marquee.is-inset {
    padding-bottom: 110px;
  }
  .hs-rotate-images .hs-rotate-image-one {
    width: 170px;
    height: 170px;
    top: 30px;
  }
  .hs-rotate-images .rotate-image-two {
    display: none;
  }
  .hs-rotate-images .hs-rotate-image-three {
    width: 190px;
    height: 190px;
    top: auto;
    bottom: 30px;
    margin-top: 0;
  }
  .hs-header .header-inner {
    height: 84px;
  }
  .hs-header.is-scrolled .header-inner {
    height: 72px;
  }
  .hs-header.is-scrolled {
    margin-bottom: 12px;
  }
  .hs-logo img {
    height: 44px;
  }
  .hs-header.is-scrolled .hs-logo img {
    height: 40px;
  }
  .hs-footer .footer-news {
    padding: 34px 30px;
  }
  .footer-insta .insta-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .hs-hero-slider .hero-controls {
    bottom: 120px;
  }
  .hs-cutout-block,
  .hs-school-track,
  .hs-feature-room-section,
  .testimonial-section {
    padding: 100px 0;
  }
  .hs-counter-section .counter-row {
    grid-template-columns: 1fr 1fr;
    row-gap: 50px;
  }
  .hs-counter-box:nth-child(3) {
    border-left: 0;
  }
  .hs-film-band {
    padding: 150px 0;
  }
  .hs-header.is-overlay {
    margin-bottom: -84px;
  }
  .hs-header.is-overlay.is-scrolled {
    margin-bottom: -72px;
  }
  .hs-panorama {
    height: 820px;
  }
  .hs-panorama .sl-thumbs {
    display: none;
  }
  .hs-panorama .panorama-side {
    bottom: 140px;
  }
  .hs-about-collage,
  .hs-room-picks,
  .hs-intro-film,
  .hs-services,
  .hs-apres-menu {
    padding: 100px 0;
  }
  .collage-text {
    padding-left: 0;
    margin-top: 40px;
  }
  .menu-list {
    grid-template-columns: 1fr;
  }
  .menu-gallery {
    grid-template-columns: 1fr 1fr;
  }
  .hs-pass-summary {
    position: static;
  }
  .season-bands {
    flex-direction: column;
    margin: 50px 0 0;
  }
  .season-bands .band {
    margin: 0 0 8px;
    clip-path: none;
  }
  .hs-pass-page,
  .hs-season-strip,
  .hs-pass-types,
  .hs-faq,
  .hs-snow-dash,
  .hs-lift-status,
  .hs-lesson-prices,
  .hs-coaches,
  .hs-lesson-form {
    padding: 90px 0;
  }
  .pass-type.is-featured {
    transform: none;
  }
  .hs-breadcrumb-area .crumb-snow {
    width: 56%;
    bottom: calc(-18px - 5vw);
    transform: rotate(-4deg) scaleX(-1) translateX(-100%);
  }
  .chalet-filters {
    grid-template-columns: 1fr 1fr;
  }
  .chalet-filters .filter-count {
    padding-bottom: 0;
  }
  .details-stats {
    grid-template-columns: repeat(3, 1fr);
  }
  .details-stats li:nth-child(4) {
    border-left: 0;
  }
  .details-stats li:nth-child(n+4) {
    border-top: 1px solid var(--hs-color-line);
  }
  .book-widget,
  .summary-card {
    position: static;
  }
  .hs-chalet-page,
  .hs-chalet-details,
  .hs-booking-page {
    padding: 80px 0 90px;
  }
  .gallery-grid {
    columns: 2;
  }
  .account-card {
    grid-template-columns: 1fr;
  }
  .account-visual {
    min-height: 260px;
  }
  .place-facts {
    position: static;
  }
  .hs-team-page,
  .hs-gallery-page,
  .hs-offers-page,
  .hs-places-page,
  .hs-contact-page,
  .hs-restaurant-intro,
  .hs-journal-page,
  .hs-article-page,
  .hs-place-details,
  .hs-account-page,
  .hs-apres-menu.is-page {
    padding: 80px 0 90px;
  }
}

/*======================
Max Width 767px
========================*/
@media (max-width: 767.98px) {
  .hs-summit .summit-alt {
    gap: 16px 32px;
    margin-top: 40px;
  }
  .hs-summit .summit-alt b {
    font-size: 22px;
  }
  .hs-pass-quote {
    grid-template-columns: 1fr 1fr;
    padding: 24px 20px;
  }
  .hs-pass-quote .quote-field:first-of-type {
    grid-column: 1 / -1;
  }
  .hs-pass-quote .quote-result {
    grid-column: 1 / -1;
  }
  .hs-pass-quote .hs-btn {
    grid-column: 1 / -1;
  }
  .hs-about-features li {
    flex: 0 1 calc(50% - 8px);
  }
  .hs-cta-inner {
    padding: 36px 22px;
  }
  .piste-board .board-head {
    display: none;
  }
  .piste-row {
    grid-template-columns: 14px minmax(0, 1fr) auto;
    gap: 6px 14px;
  }
  .piste-row .piste-stat + .piste-stat {
    display: none;
  }
  .piste-row .piste-state {
    grid-column: 2 / -1;
  }
  .hs-room-mosaic,
  .hs-room-mosaic.is-flipped {
    grid-template-columns: 1fr;
    grid-auto-rows: 260px;
  }
  .hs-room-slider .hs-slider-img {
    height: 380px;
  }
  .hs-room-slider .hs-room-content-box {
    padding: 44px 28px 34px;
  }
  .review-mini {
    justify-content: flex-start;
  }
  .container-wide {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hs-header .header-right {
    gap: 14px;
  }
  .hs-header .hs-currency {
    display: none;
  }
  .hs-back-to-top {
    right: 18px;
    bottom: 18px;
  }
  /* Bootstrap's widest gutter outruns the container padding on phones */
  .row.g-5 {
    --bs-gutter-x: 1.5rem;
  }
  .hs-topbar {
    display: none;
  }
  .booking-bar {
    grid-template-columns: 1fr 1fr;
    padding: 26px 22px;
  }
  .booking-bar .bar-note,
  .booking-bar .hs-btn {
    grid-column: 1 / -1;
  }
  .school-steps {
    grid-template-columns: 1fr 1fr;
  }
  .hero-controls .sl-dots {
    display: none;
  }
  .hs-cutout-block .cutout-stat {
    right: 0;
    top: 0;
  }
  .services-grid {
    grid-template-columns: 1fr;
  }
  .pick-card .pick-info {
    position: static;
    opacity: 1;
    transform: none;
    clip-path: none;
  }
  .party-grid {
    grid-template-columns: 1fr;
  }
  .builder-panel {
    padding: 28px 22px;
  }
  .dash-tiles {
    grid-template-columns: 1fr 1fr;
  }
  .dash-weather {
    grid-template-columns: 1fr 1fr;
  }
  .weather-cell:nth-child(n) {
    border-left: 0;
    border-top: 1px solid rgba(var(--hs-color-white-rgb), 0.1);
  }
  .lift-row {
    grid-template-columns: 14px minmax(0, 1fr) auto;
  }
  .lift-row .lift-hours {
    display: none;
  }
  .lesson-form-box {
    padding: 40px 24px;
  }
  .has-snow-cap,
  .has-snow-corner {
    --snow-w: 240px !important;
  }
  .chalet-filters {
    grid-template-columns: 1fr;
  }
  .hs-chalet-card.is-row {
    grid-template-columns: 1fr;
  }
  .hs-chalet-card.is-row .card-media {
    min-height: 240px;
  }
  .hs-chalet-card.is-row .card-aside {
    grid-column: auto;
    padding: 0 26px 28px;
  }
  .amenity-grid,
  .extra-list {
    grid-template-columns: 1fr 1fr;
  }
  .chalet-gallery img {
    aspect-ratio: 4 / 3;
  }
  .contact-form-box,
  .reserve-box,
  .account-body {
    padding: 36px 24px;
  }
  .resto-photos {
    padding: 0 40px 60px 0;
  }
  .article-pair,
  .article-nav {
    grid-template-columns: 1fr;
  }
  .comment.is-reply {
    margin-left: 24px;
  }
  .soon-count div {
    width: 84px;
  }
  .soon-count b {
    font-size: 36px;
  }
}

/*======================
Max Width 575px
========================*/
@media (max-width: 575.98px) {
  .container-wide {
    padding-left: 15px;
    padding-right: 15px;
  }
  .hs-summit .summit-slides {
    height: 600px;
  }
  .hs-summit .swiper-slide {
    padding-top: 60px;
  }
  .hs-summit .summit-btns .hs-btn {
    width: 100%;
  }
  .summit-report {
    padding: 24px 20px;
  }
  .summit-report .report-fresh b {
    font-size: 36px;
  }
  .summit-report .report-grid b {
    font-size: 21px;
  }
  .hs-pass-quote {
    grid-template-columns: 1fr;
  }
  .hs-pass-quote > * {
    grid-column: 1 / -1;
  }
  .hs-about-section,
  .hs-cta-section,
  .hs-latest-news,
  .hs-room-type-section,
  .hs-ticket-reviews,
  .hs-text-block.hs-with-bg {
    padding: 80px 0;
  }
  .hs-about-features {
    margin-top: 44px;
  }
  .hs-room-filter .nav-link {
    padding: 0 14px;
    font-size: 12.5px;
  }
  .ticket-line {
    margin-top: 44px;
  }
  .hs-room-gallery-cta {
    padding: 0 0 160px;
  }
  .hs-marquee.is-inset {
    padding: 50px 0 80px;
  }
  .hs-rotate-images {
    display: none;
  }
  .hs-header .header-inner {
    height: 74px;
  }
  .hs-header.is-scrolled .header-inner {
    height: 66px;
  }
  .hs-header.is-scrolled {
    margin-bottom: 8px;
  }
  .hs-logo img {
    height: 38px;
  }
  .hs-header.is-scrolled .hs-logo img {
    height: 34px;
  }
  .hs-header .header-snow {
    display: none;
  }
  .hs-offcanvas {
    padding: 30px 26px 36px;
  }
  .hs-footer .news-copy {
    flex-direction: column;
    align-items: flex-start;
  }
  .hs-optin .optin-bar {
    height: 58px;
  }
  .hs-optin .hs-btn {
    padding: 0 16px;
  }
  .hs-optin .hs-btn .btn-ic {
    display: none;
  }
  .footer-insta .insta-handle {
    height: 48px;
    padding: 0 20px;
    font-size: 12.5px;
  }
  .hs-hero-slider {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%);
  }
  .hs-hero-slider .hero-controls {
    bottom: 90px;
  }
  .booking-bar {
    grid-template-columns: 1fr;
  }
  .booking-bar > * {
    grid-column: 1 / -1;
  }
  .school-steps {
    grid-template-columns: 1fr;
  }
  .hs-counter-section .counter-row {
    grid-template-columns: 1fr;
  }
  .hs-counter-box + .hs-counter-box {
    border-left: 0;
  }
  .hs-cutout-block,
  .hs-school-track,
  .hs-feature-room-section,
  .testimonial-section {
    padding: 80px 0;
  }
  .hs-header.is-overlay {
    margin-bottom: -74px;
  }
  .hs-header.is-overlay.is-scrolled {
    margin-bottom: -66px;
  }
  .hs-panorama {
    height: 760px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%);
  }
  .hs-about-collage,
  .hs-room-picks,
  .hs-intro-film,
  .hs-services,
  .hs-apres-menu {
    padding: 80px 0;
  }
  .collage-grid {
    gap: 14px;
  }
  .collage-card {
    padding: 26px 20px;
  }
  .service-item {
    padding: 34px 26px;
  }
  .menu-row {
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 14px;
  }
  .menu-row img {
    width: 56px;
    height: 56px;
  }
  .dash-tiles {
    grid-template-columns: 1fr;
  }
  .hs-pass-page,
  .hs-season-strip,
  .hs-pass-types,
  .hs-faq,
  .hs-snow-dash,
  .hs-lift-status,
  .hs-lesson-prices,
  .hs-coaches,
  .hs-lesson-form {
    padding: 70px 0;
  }
  .dash-updated {
    align-items: flex-start;
  }
  .has-snow-cap,
  .has-snow-corner {
    --snow-w: 190px !important;
  }
  .hs-breadcrumb-area .crumb-snow {
    width: 70%;
    bottom: calc(-2px - 6.2vw);
    transform: rotate(-8deg) scaleX(-1) translateX(-100%);
  }
  .details-stats {
    grid-template-columns: 1fr 1fr;
  }
  .details-stats li:nth-child(n) {
    border-left: 0;
    border-top: 1px solid var(--hs-color-line);
  }
  .amenity-grid,
  .extra-list,
  .week-rules {
    grid-template-columns: 1fr;
  }
  .gallery-grid {
    columns: 1;
  }
  .contact-cards {
    grid-template-columns: 1fr;
  }
  .author-box {
    flex-direction: column;
  }
  .soon-count {
    gap: 10px;
  }
  .soon-count div {
    width: 72px;
  }
  .place-gallery {
    grid-template-columns: 1fr 1fr;
  }
}