/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2024 IMAJIKU.
*/

/* 3k Larger Devices, Wider Screens */
@media only screen and (min-width: 3840px) {}

/* 2k Larger Devices, Wider Screens */
@media only screen and (min-width: 2560px) {}

/* 1k Larger Devices, Wider Screens */
@media only screen and (min-width: 1920px) {}

/* x-large devices, large desktops */
@media only screen and (min-width : 1400px) {}

@media only screen and (max-width : 1399.98px) {}

/* large devices, desktops */
@media only screen and (min-width : 1200px) {}

@media only screen and (max-width : 1199.98px) {

    /* card HEADING */
    .card-heading-box .card-title h3,
    .card-heading-box .card-title h2 {
        font-size: 35px;
    }

    .card-heading-box .card-caption-desc p {
        font-size: 18px;
    }

    .card-heading-box.variant-2 .card-heading {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .card-heading-box.variant-2 .card-title {
        width: 100%;
    }

    /* .card-heading-box.variant-2 .card-caption-desc {
        border-left: none;
        padding-left: 0;
    }*/

    /* banner HERO */
    .hero-intro-box .hero-caption h1,
    .hero-intro-box .hero-caption h2,
    .hero-intro-box .hero-caption h3 {
        font-size: 35px;
    }

    .hero-intro-box .hero-caption p {
        font-size: 16px;
    }

    /* banner CTA */
    .banner-cta .banner-caption-box {
        min-height: 350px;
    }

    .banner-cta-big .banner-caption h1,
    .banner-cta-big .banner-caption h2,
    .banner-cta-big .banner-caption h3 {
        font-size: 35px;
    }

    .banner-cta-big .banner-caption p {
        font-size: 16px;
    }

    /* counter */
    .counter-numb-item-desc h3 {
        font-size: 30px;
    }

    .counter-numb-item-desc p {
        font-size: 16px;
    }

    /* tab nav */
    .tab-mjk-nav .nav-link {
        padding: 10px 15px;
    }

    .tab-mjk-nav .nav-link img {
        width: 40px;
    }

    .tab-mjk-nav .nav-link h3 {
        font-size: 20px;
    }

    /*card facilities*/
    /*   .card-facilities-box .card-package-box {
        flex-basis: calc(100% / 4);
    }*/

    .card-facilities-box .card-facilities .card-package-action {
        padding: 10px 5px;
        transform: translate(0, 0);
        visibility: visible;
    }

    .card-facilities-box .card-facilities .card-package-title {
        top: -30px;
    }

    .card-facilities-intro .card-package .card-package-caption p {
        font-size: 18px;
    }

    .card-facilities-box .card-facilities .card-package-title h3 {
        font-size: 24px;
    }

    .card-facilities-box .card-facilities .card-package-action .btn-mjk {
        font-size: 16px;
    }

    .card-facilities-box .card-facilities .card-package-action .btn-mjk i {
        font-size: 20px;
    }

    .card-facilities-outro .card-package .card-package-title h4 {
        font-size: 20px;
    }

    .card-facilities-outro .card-package-action .btn-mjk i {
        font-size: 14px;
    }

    .productset-availability h4 {
        font-size: 14px;
    }

    .productset-price h3 {
        font-size: 24px;
    }

    .productset-title h1,
    .productset-title h2,
    .productset-title h3 {
        font-size: 30px;
    }

    .productset-info-title h3 {
        font-size: 20px;
    }

    /*article*/
    .article-title h1,
    .article-title h2,
    .article-title h3,
    .article-title h4,
    .article-title h5 {
        font-size: 35px;
    }

    .article-meta ul li {
        font-size: 14px;
    }

    .article-post h1,
    .article-post h2,
    .article-post h3,
    .article-post h4 {
        font-size: 20px;
    }
}

@media only screen and (min-width : 1024px) {}

@media only screen and (max-width : 1024px) {

    /*glightbox*/
    .glightbox-mobile .goverlay {
        background: rgba(0, 0, 0, .92);
    }

    .glightbox-clean .gprev {
        top: 45%;
        left: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .glightbox-clean .gnext {
        top: 45%;
        right: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .gclose svg,
    .gnext svg,
    .gprev svg {
        width: 20px;
    }
}

/* medium devices, tablets */
@media only screen and (min-width : 992px) {}

@media only screen and (max-width : 991.98px) {

    /* card HEADING */
    .card-heading-box .card-title h3,
    .card-heading-box .card-title h2 {
        font-size: 30px;
    }

    .card-heading-box .card-subtitle h5,
    .card-heading-box .card-subtitle h4 {
        font-size: 18px;
    }

    .card-intro-box .card-title h4 {
        font-size: 20px;
    }

    .card-heading-box.variant-small .card-title h2 {
        font-size: 24px;
    }

    .card-news .card-package-title h3 {
        font-size: 18px;
    }

    .card-news .card-package-caption p {
        font-size: 14px;
    }

    /* banner HERO */
    .hero-intro {
        height: 100%;
    }

    .hero-intro-box .hero-caption-box {
        min-height: 400px;
        padding: 20px 15px;
    }

    .hero-intro-box .hero-caption h1,
    .hero-intro-box .hero-caption h2,
    .hero-intro-box .hero-caption h3 {
        font-size: 30px;
    }

    .hero-intro-box .hero-caption p {
        font-size: 14px;
    }

    /* banner CTA */
    .banner-cta .banner-caption-box {
        min-height: 400px;
        padding: 20px 15px;
    }

    .banner-cta-big .banner-caption h1,
    .banner-cta-big .banner-caption h2,
    .banner-cta-big .banner-caption h3 {
        font-size: 30px;
    }

    .banner-cta-big .banner-caption p {
        font-size: 14px;
    }

    .banner-cta-big .banner-caption {
        padding: 0;
    }

    .banner-top-content {
        padding: 15px 15px 15px;
    }

    .banner-top-box {
        height: 300px;
    }

    /* footer */
    .foo-heading h3 {
        font-size: 24px;
    }

    .foo-heading p {
        font-size: 14px;
    }

    .foo-menu li,
    .foo-menu li a {
        font-size: 14px;
    }

    .footer-bottom {
        margin: 0rem 2rem;
    }

    /*card facilities*/
    /*    .card-facilities-box .card-package-box {
        flex-basis: calc(100% / 3);
    }
*/
    .card-facilities-box .card-facilities-intro {
        flex-basis: calc(100% / 1);
    }

    .card-facilities-box .card-facilities-outro {
        flex-basis: calc(100% / 1);
    }

    .card-facilities-box .card-facilities .card-package-media figure {
        max-height: 350px;
    }

    .card-facilities-box .card-facilities .card-package-title h3 {
        font-size: 20px;
    }

    .card-facilities.variant-2 .card-package-item {
        flex-direction: column;
    }

    .card-facilities.variant-2 .card-package-caption-box {
        padding: 0px 0px;
    }

    .card-facilities.variant-2 .card-package-action {
        margin-top: 10px;
    }

    .productset-availability {
        flex-direction: column;
    }

    .cost-breakdown {
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .cost-breakdown.boxed-mjk {
        padding: 15px;
    }

    /* tab nav */
    .tab-mjk-nav .nav-link h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .tab-mjk-nav .nav-link img {
        width: 30px;
    }

    /*article*/
    .article-title h1,
    .article-title h2,
    .article-title h3,
    .article-title h4,
    .article-title h5 {
        font-size: 30px;
    }

    .article-meta ul li {
        font-size: 14px;
    }

    .article-post h1,
    .article-post h2,
    .article-post h3,
    .article-post h4 {
        font-size: 18px;
    }

    /*filter*/
    .filter-news .filter-fine-mobile.sort {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }

    .filter-horizontal-box.open .close,
    .filter-vertical-box.open .close {
        background-color: var(--color-button-2);
        padding: 2px;
    }

    .filter-horizontal-box.open .close i {
        color: var(--white);
    }

    .filter-horizontal-box.open .filter-horizontal {
        margin-top: 10px;
    }

}

@media only screen and (max-width : 812px) {}

/* small devices, landscape phone */
@media only screen and (min-width : 768px) {

    /* tab nav */
    .card-tab-content .card-package-caption-box {
        display: none;
    }
}

@media only screen and (max-width : 767.98px) {

    /* facilities */
    /*   .card-facilities-box .card-package-box {
        flex-basis: calc(100% / 2);
    }*/

    .card-facilities-box .card-facilities .card-package-media figure {
        max-height: 400px;
    }

    .booking-table th,
    .booking-table td {
        font-size: 14px;
    }

    .modal-body .card-product-simple .caps-desc h3 {
        font-size: 16px;
        font-weight: bold;
    }

    .modal-body .card-product-simple .caps-img img {
        width: 100%;
    }

    /* tab nav */
    .tab-mjk-nav .nav-link {
        margin: 5px auto;
    }

    .tab-mjk-nav .nav-item {
        width: 20%;
    }

    .tab-mjk-nav .nav-link {
        padding: 10px 12px;
    }

    .tab-mjk-nav .nav-link img {
        width: 30px;
        margin: 0;
    }

    .tab-mjk-nav .nav-link h3 {
        font-size: 18px;
        display: none;
    }

    .card-tab-content .card-package-caption-box {
        display: block;
    }

    .card-tab-content .card-package-title h3 {
        font-family: var(--font-family-1);
        line-height: 1.3;
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: 600;
        text-align: center;
        color: var(--color-text-1);
    }

    /* partner */
    .partner-logo-list li {
        flex-basis: calc(100% / 4);
    }

    .partner-logo-item-img {
        height: 40px;
    }

    /* gallery */
    .card-gallery-item {
        width: calc((100% - 12px) / 3);
    }

    /* dashboard */
    .title-dashboard h1,
    .title-dashboard h2,
    .title-dashboard h3 {
        font-size: 18px;
    }

    .select-mjk-group label {
        min-width: 60px;
    }

    .auth-box {
        padding: 20px 20px 20px;
    }

    .article-faq-box .collapse-mjk-link h4 {
        font-size: 16px;
    }

    .article-faq-box .collapse-mjk-link.nav-variant-1[aria-expanded="false"]::after,
    .article-faq-box .collapse-mjk-link.nav-variant-1[aria-expanded="true"]::after {
        width: 25px;
        height: 25px;
    }

    .article-faq-box .collapse-mjk-body p {
        font-size: 14px;
    }
}

@media only screen and (max-width : 640px) {}

/* x-small Devices, portrait phones */
@media only screen and (min-width : 576px) {}

@media only screen and (max-width : 575.98px) {

    /* banner HERO */
    .hero-intro-box .hero-caption h1,
    .hero-intro-box .hero-caption h2,
    .hero-intro-box .hero-caption h3 {
        font-size: 24px;
        line-height: 1.2;
    }

    .card-heading-box .card-caption-desc p {
        font-size: 16px;
    }

    .card-intro-box .card-title h4 {
        font-size: 18px;
    }

    /* banner CTA */
    .banner-cta-big .banner-caption h1,
    .banner-cta-big .banner-caption h2,
    .banner-cta-big .banner-caption h3 {
        font-size: 24px;
        line-height: 1.2;
    }

    .banner-top-box .banner-top-caption h1,
    .banner-top-box .banner-top-caption h2,
    .banner-top-box .banner-top-caption h3 {
        font-size: 20px;
    }

    .banner-cta.variant-2 .banner-caption-box {
        width: 100%;
        min-height: 200px;
    }

    /* footer */
    .footer-top {
        padding: 2rem 0 0rem;
    }

    .footer-bottom {
        margin: 0rem 1rem;
    }

    /* gallery */
    .card-gallery-item {
        width: calc((100% - 12px) / 2);
    }

    /*card facilities*/
    /*  .card-facilities-box .card-package-box {
        flex-basis: calc(100% / 1);
    }*/

    .card-facilities-intro .card-package .card-package-caption p {
        max-height: unset;
        font-size: 16px;
    }

    .card-facilities-outro .card-package .card-package-title h4 {
        max-height: unset;
        font-size: 16px;
    }

    .card-facilities-outro .card-package-action .btn-mjk {
        font-size: 14px;
    }

    .card-facilities-outro .card-package-action .btn-mjk i {
        font-size: 14px;
    }

    .card-facilities.variant-2 .card-package-media {
        width: 150px;
        margin: 0 auto;
    }

    .card-facilities.variant-2 .card-package-title h3 {
        font-size: 20px;
    }

    .card-facilities.variant-2 .card-package-desc p {
        font-size: 14px;
    }

    .card-facilities.variant-2 .card-package-desc ul li {
        font-size: 13px;
    }

    .productset-availability {
        flex-direction: column;
    }

    .productset-form .input-group-mjk .form-control {
        padding: 0;
        font-size: 13px;
    }

    .productset-promolite {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .productset-promolite-desc {
        width: 100%;
    }

    .productset-promolite-action {
        width: auto;
    }

    .facilities-show-more a {
        font-size: 12px;
    }

    .nav-category-menu ul li .btn-mjk {
        padding: 5px 15px;
        font-size: 14px;
        font-weight: 600;
    }

    /* tab nav */
    .card-tab-content .card-package-title h3 {
        font-size: 20px;
    }

    /* dashboard */
    .intro-dashboard-box {
        flex-direction: column;
        margin-top: 15px;
    }

    .orderitemset-head-date {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .tabs-mjk-box.tabs-dashboard-order .tabs-mjk-content .filter-mjk-group-box {
        justify-content: flex-start;
        padding: 5px 0 12px;
    }

    .tabs-mjk-box.tabs-dashboard-order .tabs-mjk-nav .nav-tabs {
        justify-content: center;
    }

    .orderitemset-product-total h4 {
        font-size: 14px;
    }

    .notifica-item-desc h4 {
        font-size: 14px;
        font-weight: 600;
    }

    /*article*/
    .article-title h1,
    .article-title h2,
    .article-title h3,
    .article-title h4,
    .article-title h5 {
        font-size: 24px;
    }

    .article-post h1,
    .article-post h2,
    .article-post h3,
    .article-post h4 {
        font-size: 20px;
    }

    .auth-box {
        width: 320px;
    }

}

@media only screen and (max-width : 480px) {
    .booking-table td:first-child {
        width: auto;
    }
}

@media only screen and (max-width : 375px) {}

@media only screen and (max-width : 360px) {

    /* counter */
    .counter-numb-item-desc h3 {
        font-size: 28px;
    }

    .counter-numb-item-desc p {
        font-size: 14px;
    }

    /* checkout */
    .productset-summary.order-summary.cost-breakdown .form-text-group .form-text-label label {
        font-size: 14px;
    }

    .productset-summary.order-summary.cost-breakdown .form-text-group .form-text-desc p {
        font-size: 14px;
    }

    .productset-summary.order-summary.cost-breakdown .form-text-group .form-text-desc h5 {
        font-size: 16px;
    }
}

@media only screen and (max-width : 320px) {
    .card-facilities.variant-2 .card-package-media {
        width: 130px;
    }

    .auth-box {
        width: 300px;
    }

    /* tab nav */
    .tab-mjk-nav .nav-link {
        padding: 8px 10px;
    }
}