@charset "utf-8";

/*
Theme Name: Hibokids - Kindergarten & Daycare 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) {
  /* Header */
  .hk-nav > ul > li > a { padding: 12px 10px; font-size: 15px; }
  .hk-header .header-bar { gap: 16px; padding-left: 28px; }
  .hk-logo img { width: 186px; }
  /* Hero */
  .hk-hero .hero-media { height: 680px; }
}

/*======================
Max Width 1199px
========================*/
@media (max-width: 1199.98px) {
  /* General */
  .sec-pt { padding-top: 100px; }
  .sec-pb { padding-bottom: 100px; }
  /* Header */
  .hk-nav { display: none; }
  .hk-menu-toggle { display: flex; }
  .hk-header .header-bar { justify-content: space-between; }
  .hk-header .top-hours { display: none !important; }
  /* Hero */
  .hk-hero.is-one .hero-copy { padding: 80px 0 150px; }
  .hk-hero .hero-media { height: 640px; }
  .hk-hero .hero-toy.is-a { left: 50%; }
  /* Fee Quick Quote */
  .hk-quote .quote-fields { grid-template-columns: 1fr auto 1fr; }
  .hk-quote .quote-result { grid-column: 1 / 3; }
  .hk-quote .quote-submit { justify-self: end; }
  /* Age Rooms */
  .room-facts .hk-btn { margin-left: 0; width: 100%; }
  .room-facts .fact { padding: 0 22px; }
  /* Why Us Panel */
  .hk-why .why-panel { padding: 64px 50px; }
  /* Day At Hibokids */
  .day-card { grid-template-columns: 160px minmax(0, 1fr) 280px; gap: 30px; }
  .day-time b { font-size: 56px; }
  /* Reviews Board */
  .notes-grid { grid-template-columns: repeat(2, 1fr); }
  /* CTA Band */
  .band-cut.is-bottle { width: 110px; left: 2%; }
  .band-cut.is-onesie { width: 140px; right: 2%; }
  .band-cut.is-rattle { width: 100px; }
  /* Nursery Finder */
  .finder-form { grid-template-columns: 1fr 1fr; gap: 24px 30px; }
  .finder-intro h2 { max-width: none; }
  /* Care Plan Pages */
  .plan-row { grid-template-columns: 260px minmax(0, 1fr) 180px; gap: 24px; }
  .stack-card { grid-template-columns: 1fr; width: calc(100% - 60px); }
  /* About Page */
  .welcome-tiles.is-five { grid-template-columns: repeat(3, 1fr); }
  /* Services Page */
  .icon-tabs { grid-template-columns: repeat(3, 1fr); }
}

/*======================
Max Width 991px
========================*/
@media (max-width: 991.98px) {
  /* General */
  .sec-pt { padding-top: 90px; }
  .sec-pb { padding-bottom: 90px; }
  /* General */
  .section-head { margin-bottom: 50px; }
  .section-head.is-row { flex-wrap: wrap; align-items: flex-start; }
  /* Sub Header */
  .hk-subheader { padding-top: 220px; }
  .hk-subheader .sub-block { display: none; }
  /* Hero */
  .hk-hero.is-one .hero-copy { max-width: none; padding: 90px 0 40px; }
  .hk-hero .hero-media { height: 520px; margin-top: 0; }
  .hk-hero .hero-toy.is-a,
  .hk-hero .hero-toy.is-c,
  .hk-hero .hero-balloon.is-two { display: none; }
  .hk-hero .hero-toy.is-b { top: auto; bottom: 470px; right: 5%; }
  .hk-hero .hero-media-nav { bottom: 60px; right: 20px; }
  /* Fee Quick Quote */
  .hk-quote-wrap { margin-top: -40px; }
  /* Welcome Tiles */
  .welcome-tiles { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .welcome-tile { height: 170px; }
  /* Age Rooms */
  .room-mosaic, .room-mosaic.is-flipped { grid-template-columns: 1fr 1fr; grid-template-rows: 240px 240px 240px; gap: 18px; }
  .room-mosaic > :nth-child(1) { grid-column: 1 / 3; grid-row: 1; }
  .room-mosaic > :nth-child(2) { grid-column: 1; grid-row: 2; }
  .room-mosaic > :nth-child(3) { grid-column: 2; grid-row: 2; }
  .room-mosaic > :nth-child(4) { grid-column: 1 / 3; grid-row: 3; }
  .room-mosaic.is-flipped > :nth-child(1) { grid-column: 1 / 3; grid-row: 1; }
  .room-mosaic.is-flipped > :nth-child(2) { grid-column: 1; grid-row: 2; }
  .room-mosaic.is-flipped > :nth-child(3) { grid-column: 2; grid-row: 2; }
  .room-mosaic.is-flipped > :nth-child(4) { grid-column: 1 / 3; grid-row: 3; }
  /* Day At Hibokids */
  .day-card { grid-template-columns: 1fr 260px; top: 104px; padding: 36px; }
  .day-card:nth-child(n) { top: 104px; }
  .day-time { grid-column: 1; }
  .day-copy { grid-column: 1; }
  .day-media { grid-column: 2; grid-row: 1 / 3; height: 100%; min-height: 220px; }
  /* Plan Slider */
  .plan-swiper .swiper-slide { width: 440px; height: 440px; }
  .plan-card-holder { position: relative; bottom: auto; margin-top: -90px; }
  .hk-plan-slider.sec-pb { padding-bottom: 90px; }
  /* Reviews Board */
  .review-panels { flex-direction: row; }
  .review-panels > * { flex: 1; }
  /* Hero Two And Three */
  .hk-hero.is-two { min-height: 760px; }
  .hk-hero.is-two .hero-copy { padding: 220px 0 150px; }
  .hk-hero .hero-arrows { right: 50%; transform: translateX(50%); bottom: 70px; }
  .hk-hero.is-three .hero-slides, .hk-hero.is-three .swiper-slide { height: 780px; }
  .hk-hero.is-three .hero-arrows { justify-content: center; transform: none; }
  .hk-hero.is-three .hero-controls { bottom: 50px; }
  /* Book A Visit */
  .hk-visit .visit-fields { grid-template-columns: 1fr 1fr; }
  .hk-quote-wrap.is-visit { margin-top: -60px; }
  /* Services Board */
  .service-board, .service-board.is-cards { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  /* Counters */
  .counter-grid { grid-template-columns: repeat(2, 1fr); gap: 44px 30px; }
  .hk-counters .counter-panel { padding: 60px 40px; }
  /* Video Split */
  .hk-video-split { grid-template-columns: 1fr; }
  .hk-video-split .split-copy { justify-content: flex-start; padding: 80px 24px; }
  /* Plan Carousel */
  .plan-carousel .swiper-slide { width: 600px; }
  .carousel-photo { height: 360px; }
  .carousel-stage .carousel-prev { left: calc(50% - 280px); top: 190px; }
  .carousel-stage .carousel-next { right: calc(50% - 280px); top: 190px; }
  /* Video With Pattern */
  .hk-video-pattern .pattern-block { top: auto; height: 42%; width: 100%; }
  /* Weekly Menu */
  .hk-menu.sec-pt { padding-top: 160px; }
  .menu-cut.is-tub { width: 110px; }
  .menu-cut.is-moon { width: 110px; top: -70px; right: -10px; }
  .menu-list { grid-template-columns: 1fr; }
  .menu-photo { height: 240px; }
  /* Enrolment */
  .fee-panel { position: relative; top: auto; }
  /* Care Plan Pages */
  .plan-row { grid-template-columns: 1fr; padding: 20px 20px 28px; }
  .plan-row-side { align-items: flex-start; text-align: left; }
  .plan-row-thumb { height: 260px; }
  .plans-own { flex-wrap: wrap; }
  .plans-own .hk-btn { margin-left: 0; }
  .day-line { grid-template-columns: 1fr 1fr; }
  /* Shop Pages */
  .shop-sort { min-width: 0; width: 100%; }
  /* Cart Checkout And Wishlist */
  .hk-table thead { display: none; }
  .hk-table, .hk-table tbody, .hk-table tr, .hk-table td { display: block; width: 100%; }
  .hk-table tr { margin-bottom: 16px; padding: 10px 6px; border-radius: 30px; background: var(--hk-color-white); }
  .hk-table tbody td, .hk-table tbody td:first-child, .hk-table tbody td:last-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 18px; border-radius: 0; text-align: left; background: transparent; }
  .hk-table tbody td[data-label]::before { content: attr(data-label); color: var(--hk-color-ink); font-weight: 800; }
  .hk-table tbody td:first-child::before { content: none; }
  /* About Page */
  .about-film { height: 420px; }
  .hk-about-split .split-panel { padding: 24px 24px 40px; }
  /* Nurseries */
  .nd-side { position: relative; top: auto; }
  .nd-photo { height: 360px; }
  /* Gallery And Contact */
  .gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; }
  .contact-form-box { padding: 50px 30px; }
  /* Blog And Articles */
  .post-media { height: 320px; }
  /* Search Account And Error Pages */
  .account-card { grid-template-columns: 1fr; }
  .account-art { min-height: 220px; }
  /* Footer */
  .hk-footer .footer-main { padding: 80px 0 64px; }
}

/*======================
Max Width 767px
========================*/
@media (max-width: 767.98px) {
  /* General */
  .sec-pt { padding-top: 80px; }
  .sec-pb { padding-bottom: 80px; }
  .hk-lead { font-size: 17px; }
  /* Preloader */
  .hk-preloader .pre-mascot { width: 92px; }
  .hk-preloader .pre-name { font-size: 62px; }
  .hk-preloader .pre-tagline { width: 204px; margin-top: 8px; }
  /* Header */
  .hk-header .top-contact li:nth-child(2) { display: none; }
  .hk-header .top-contact li:first-child { border-right: 0; }
  .head-cta { display: none; }
  .hk-header .header-bar { height: 80px; padding: 0 12px 0 22px; }
  .hk-header .header-bar-wrap { height: 80px; }
  .hk-logo img { width: 164px; }
  .hk-header.is-scrolled .hk-logo img { width: 150px; }
  /* Hero */
  .hk-hero .hero-media { height: 440px; }
  .hk-hero .hero-toy.is-b { bottom: 390px; }
  /* Fee Quick Quote */
  .hk-quote { padding: 26px 24px 30px; border-radius: 34px; }
  .hk-quote .quote-fields { grid-template-columns: 1fr; gap: 20px; }
  .hk-quote .quote-result { grid-column: auto; }
  .hk-quote .quote-submit { justify-self: stretch; }
  .hk-quote .quote-head { align-items: flex-start; }
  /* Age Rooms */
  .room-facts { padding: 20px 22px; }
  .room-facts .fact { width: 50%; padding: 0 0 0 16px; }
  .room-facts .fact:nth-child(3) { padding-left: 0; border-left: 0; }
  .room-tab { min-height: 48px; padding: 0 18px; font-size: 14px; }
  /* Why Us Panel */
  .hk-why .why-panel { padding: 50px 28px; border-radius: 34px; }
  .why-item { grid-template-columns: 76px 1fr; gap: 66px; }
  .why-icon { width: 76px; height: 76px; font-size: 34px; }
  .why-num { left: 50px; font-size: 70px; }
  .why-item h3 { font-size: 22px; }
  /* Day At Hibokids */
  .day-card { position: relative; top: auto; grid-template-columns: 1fr; gap: 20px; padding: 32px 26px; border-radius: 34px; }
  .day-card:nth-child(n) { top: auto; }
  .day-media { grid-column: 1; grid-row: auto; height: 200px; min-height: 0; }
  .day-time b { font-size: 48px; }
  .day-copy h3 { font-size: 25px; }
  .day-card + .day-card { margin-top: 34px; }
  /* Video Block */
  .video-frame { height: 340px; border-radius: 34px; }
  /* Reviews Board */
  .review-panels { flex-direction: column; }
  .notes-board { padding: 26px 18px 34px; border-radius: 34px; }
  .notes-grid { grid-template-columns: 1fr; }
  /* CTA Band */
  .hk-cta-band { padding: 130px 0 170px; }
  .band-cut.is-bottle { top: -40px; width: 80px; }
  .band-cut.is-rattle { bottom: 14px; width: 80px; }
  .band-cut.is-onesie { bottom: 10px; width: 100px; }
  /* Photo Strip */
  .hk-photo-strip ul { grid-template-columns: repeat(3, 1fr); }
  /* Plan Carousel */
  .plan-carousel .swiper-slide { width: 86vw; }
  .carousel-photo { height: 280px; border-radius: 34px; }
  .carousel-card { flex-direction: column; align-items: flex-start; width: calc(100% - 30px); padding: 24px; }
  .carousel-stage .carousel-prev { left: 16px; top: 150px; }
  .carousel-stage .carousel-next { right: 16px; top: 150px; }
  .carousel-amenities { gap: 14px; padding: 12px 20px; font-size: 15px; }
  /* Enrolment */
  .enrol-steps { flex-direction: column; gap: 10px; }
  .enrol-step { padding: 30px 22px 10px; border-radius: 34px; }
  .session-pick { grid-template-columns: 1fr; }
  .step-title { font-size: 25px; }
  /* Care Plan Pages */
  .stack-photo { height: 300px; }
  .stack-card { width: 100%; margin-top: -60px; padding: 30px 24px; border-radius: 34px; }
  .detail-main .hk-zoom { height: 300px; }
  .detail-box, .detail-notes { padding: 30px 22px; border-radius: 34px; }
  .plan-sort { min-width: 0; width: 100%; }
  .detail-title { font-size: 34px; }
  .plans-own { padding: 30px 24px; border-radius: 34px; }
  /* Product Details */
  .pd-main .hk-zoom { height: 360px; }
  .pd-title { font-size: 34px; }
  .pd-tabs { padding: 28px 22px; border-radius: 34px; }
  /* Cart Checkout And Wishlist */
  .checkout-box, .checkout-order, .cart-totals, .checkout-pay { padding: 30px 22px; border-radius: 34px; }
  .coupon-form { width: 100%; }
  .coupon-form .hk-input { flex: 1; }
  /* About Page */
  .welcome-tiles.is-five { grid-template-columns: repeat(2, 1fr); }
  .about-film { height: 300px; border-radius: 34px; }
  .about-duo { grid-template-columns: 1fr; }
  .duo-photo, .duo-photo.is-tall { height: 260px; border-radius: 34px; }
  /* Services Page */
  .icon-tabs { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .icon-tab { height: 120px; border-radius: 30px; }
  .everyday-list { grid-template-columns: 1fr; }
  .sd-main { height: 280px; border-radius: 34px; }
  .sd-small { height: 120px; border-radius: 20px; }
  .stack-facts.is-two-col { grid-template-columns: 1fr; }
  .stack-facts.is-two-col div:nth-last-child(2) { border-bottom: 2px dashed var(--hk-color-line); }
  .sd-glance { padding: 28px 22px; border-radius: 34px; }
  /* Nurseries */
  .map-frame { height: 320px; margin-bottom: 70px; border-radius: 34px; }
  .nd-pair { grid-template-columns: 1fr; }
  .nd-pair > div { height: 220px; }
  .nd-photo { height: 260px; border-radius: 34px; }
  /* Blog And Articles */
  .blog-body { padding: 28px 24px 30px; }
  .blog-title { font-size: 26px; }
  .article > .post-meta, .article > .article-title, .article > .article-content, .article > .article-foot, .article > .author-box, .article > .post-nav, .article > .comments, .article > .comment-form { margin-left: 22px; margin-right: 22px; }
  .article-title { font-size: 30px; }
  .post-media.is-audio { grid-template-columns: 1fr; padding: 22px; }
  .post-media.is-quote { padding: 40px 28px; }
  .post-media.is-quote p { font-size: 22px; }
  .post-media.is-link { padding: 30px 24px; }
  .post-media { height: 240px; }
  .author-box { flex-direction: column; }
  .article-pair { grid-template-columns: 1fr; }
  .comment-list ul { margin-left: 20px; }
  .blog-item, .article { border-radius: 34px; }
  .post-nav { flex-direction: column; }
  .post-nav-link { max-width: none; }
  /* Social Blocks */
  .hk-social-blocks ul { grid-template-columns: repeat(5, 1fr); }
  .hk-social-blocks a { height: 84px; padding: 16px; justify-content: center; align-items: center; }
  .hk-social-blocks a span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .hk-social-blocks a i { align-self: center; font-size: 24px; }
}

/*======================
Max Width 575px
========================*/
@media (max-width: 575.98px) {
  /* General */
  .sec-pt { padding-top: 70px; }
  .sec-pb { padding-bottom: 70px; }
  .container-wide { padding: 0 16px; }
  /* General */
  .hk-btn { min-height: 52px; padding: 0 24px; }
  /* General */
  .section-head { margin-bottom: 40px; }
  /* Preloader */
  .hk-preloader .pre-mascot { width: 70px; }
  .hk-preloader .pre-name { font-size: 46px; }
  .hk-preloader .pre-tagline { width: 150px; }
  .hk-preloader .pre-block { display: none; }
  /* Header */
  .hk-header .header-top { padding-bottom: 52px; font-size: 13px; }
  .hk-header .top-contact { display: none; }
  .hk-header .top-inner { justify-content: center; }
  .head-icon { width: 44px; height: 44px; font-size: 15px; }
  .hk-menu-toggle { width: 46px; height: 46px; }
  .hk-header .header-right { gap: 6px; }
  .hk-logo img { width: 138px; }
  .hk-header.is-scrolled .hk-logo img { width: 130px; }
  .hk-header .header-bar { padding: 0 10px 0 18px; border-radius: 30px; }
  /* Search Overlay */
  .hk-search .search-form { flex-direction: column; border-radius: 30px; }
  .hk-search input { min-height: 52px; font-size: 19px; }
  /* Sub Header */
  .hk-subheader { padding-top: 190px; }
  .hk-subheader .sub-inner { padding-bottom: 96px; }
  .hk-subheader .sub-crumbs { right: 50%; transform: translateX(50%); padding: 14px 20px 12px; white-space: nowrap; }
  .hk-subheader .sub-crumbs ol { flex-wrap: nowrap; }
  .hk-subheader .sub-crumbs li { font-size: 13px; }
  .hk-subheader .sub-crumbs li + li::before { margin: 0 8px 2px; }
  /* Hero */
  .hk-hero.is-one .hero-copy { padding: 76px 0 34px; }
  .hk-hero .hero-media { height: 360px; border-radius: 30px; }
  .hk-hero .hero-balloon { top: 90px; right: 4%; width: 40px; height: 50px; }
  .hk-hero .hero-toy.is-b { display: none; }
  /* Welcome Tiles */
  .welcome-tiles { gap: 14px; }
  .welcome-tile { height: 150px; gap: 18px; border-radius: 30px; }
  .welcome-tile i { font-size: 46px; }
  .welcome-tile span { font-size: 12px; letter-spacing: 2px; }
  .hk-welcome .welcome-arrow { padding: 50px 0 44px; }
  /* Age Rooms */
  .room-mosaic, .room-mosaic.is-flipped { grid-template-columns: 1fr; grid-template-rows: repeat(4, 210px); }
  .room-mosaic > :nth-child(n), .room-mosaic.is-flipped > :nth-child(n) { grid-column: 1; grid-row: auto; }
  .room-tile .tile-label b { font-size: 23px; }
  /* Why Us Panel */
  .why-item { gap: 42px; }
  .why-num { left: 44px; font-size: 56px; }
  /* Plan Slider */
  .plan-swiper .swiper-slide { width: 300px; height: 340px; }
  .plan-card { width: 100%; padding: 32px 26px 28px; border-radius: 34px; }
  .plan-card-title { font-size: 28px; }
  .plan-swiper .swiper-slide .plan-slide { border-radius: 30px; }
  /* Video Block */
  .video-frame { height: 260px; }
  .video-play { width: 76px; height: 76px; }
  /* Journal Cards */
  .post-body { padding: 24px 24px 28px; }
  .post-card { border-radius: 34px; }
  /* Hero Two And Three */
  .hk-hero.is-two { min-height: 680px; }
  .hk-hero.is-two .hero-copy { padding: 200px 0 150px; }
  .hk-hero.is-two .hero-balloon { display: none; }
  .hk-hero .hero-arrows .hk-circle-btn { display: none; }
  .hk-hero.is-three .hero-slides, .hk-hero.is-three .swiper-slide { height: 700px; }
  .hk-hero.is-three .hero-copy { padding: 160px 0 90px; }
  /* Book A Visit */
  .hk-visit { padding: 28px 24px 22px; border-radius: 34px; }
  .hk-visit .visit-fields { grid-template-columns: 1fr; gap: 20px; }
  /* Services Board */
  .service-board, .service-board.is-cards { grid-template-columns: 1fr; }
  .service-card { min-height: 0; padding: 36px 30px 30px; border-radius: 34px; }
  .service-photo { min-height: 240px; border-radius: 34px; }
  /* Plan Cards */
  .plan-item { border-radius: 34px; }
  .plan-amenities { padding: 12px 16px; font-size: 16px; }
  /* Counters */
  .counter-item b { font-size: 50px; }
  .drift-cut.is-moon { width: 90px; }
  .hk-counters .counter-panel { padding: 50px 26px; border-radius: 34px; }
  .counter-grid { gap: 36px 18px; }
  /* Product Cards */
  .hk-product { border-radius: 34px; }
  /* Video Split */
  .hk-video-split .split-media { min-height: 300px; }
  .hk-video-split .split-copy { padding: 70px 16px; }
  /* Nursery Finder */
  .finder-form { grid-template-columns: 1fr; }
  .hk-hero.is-three .hero-toy { display: none; }
  /* About Tiles */
  .about-tiles { gap: 14px; }
  .about-tile { min-height: 200px; border-radius: 30px; }
  .about-tile.is-card { padding: 24px 16px; }
  .about-tile.is-card p { display: none; }
  /* Weekly Menu */
  .menu-photos { grid-template-columns: 1fr 1fr; gap: 14px; }
  .menu-photo:last-child { display: none; }
  .menu-photo { height: 180px; border-radius: 30px; }
  .menu-item { grid-template-columns: 56px 1fr; gap: 16px; }
  .menu-icon { width: 56px; height: 56px; font-size: 22px; border-radius: 18px; }
  /* Care Plan Pages */
  .day-line { grid-template-columns: 1fr; }
  /* Shop Pages */
  .side-widget { padding: 28px 22px; border-radius: 34px; }
  .hk-pagination a, .hk-pagination button, .hk-pagination span { min-width: 44px; height: 44px; }
  /* Gallery And Contact */
  .gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 240px; gap: 16px; }
  .gallery-item.is-wide { grid-column: auto; }
  .gallery-item.is-tall { grid-row: auto; }
  .gallery-item { border-radius: 30px; }
  .contact-form-box { padding: 40px 20px; border-radius: 34px; }
  /* Search Account And Error Pages */
  .account-form { padding: 40px 24px; }
  .count-block { width: 72px; height: 84px; border-radius: 20px; }
  .count-block b { font-size: 30px; }
  .count-block span { font-size: 10px; letter-spacing: 0.6px; }
  .soon-count { gap: 10px; }
  .error-code .hk-block { width: 80px; height: 96px; font-size: 64px; }
  .error-mascot { width: 80px; }
  .search-hit { padding: 24px 22px; }
  .soon-form { border-radius: 30px; }
  /* Footer */
  .hk-footer .bottom-inner { flex-direction: column; text-align: center; }
  .footer-links { grid-template-columns: 1fr; }
  .footer-links ul + ul { margin-top: 14px; }
  /* Back To Top */
  .hk-back-to-top { right: 16px; bottom: 16px; width: 48px; height: 48px; }
}