/*!
* 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) {

    /* Timeline */
    .hc-steps-timeline--horizontal .hc-steps-timeline-line {
        left: 220px;
        width: calc(100% - 430px);
    }
}

@media only screen and (max-width: 1399.98px) {
    .hc-footer .banner-caption {
        width: 70%;
    }

    /* Timeline */
    .hc-steps-timeline--horizontal .hc-steps-timeline-line {
        left: 195px;
        width: calc(100% - 385px);
    }

    /* Galery */
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    }
}

@media only screen and (max-width: 1298.98px) {
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
        grid-auto-rows: 240px !important;
    }
}

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

@media only screen and (max-width: 1199.98px) {
    .hc-footer-top-grid {
        grid-template-columns: unset !important;
        row-gap: 24px !important;
    }

    .hc-footer-menus {
        justify-content: flex-start !important;
        flex-wrap: wrap;
    }

    /* Heading */
    .hc-heading-section .hc-heading-title {
        font-size: 40px;
    }

    .hc-heading-section .hc-heading-title {
        font-size: 40px;
        width: 80%;
    }

    /* Timeline */
    .hc-steps-timeline--horizontal .hc-steps-timeline-line {
        left: 165px;
        width: calc(100% - 320px);
    }
}

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

@media only screen and (max-width: 1024px) {
    .hc-footer .banner-img-desktop {
        display: none !important;
    }

    .hc-footer .banner-img-mobile {
        display: block !important;
    }

    /* Galery */
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important;
    }
}

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

    /* Timeline */
    .hc-steps-timeline--horizontal {
        padding-left: 0;
        padding-top: 28px;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }

    .hc-steps-timeline--horizontal .hc-steps-timeline-line {
        /* left: 220px; */
        right: 0;
        top: 0px;
        bottom: auto;
        height: 0;
        /* width: 100%; */
        border-left: none;
        border-top: 2px dashed var(--hc-color-gray-300);
        /* width: calc(100% - 430px); */
    }

    .hc-steps-timeline--horizontal .hc-steps-timeline-item {
        flex: 1;
        min-width: 0;
        padding-bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hc-steps-timeline--horizontal .hc-steps-timeline-item:first-child {
        padding-left: 0;
    }

    .hc-steps-timeline--horizontal .hc-steps-timeline-item:last-child {
        padding-right: 0;
    }

    .hc-steps-timeline--horizontal .hc-steps-timeline-marker {
        left: 50%;
        top: -28px;
        transform: translate(-50%, -50%);
    }

    .hc-steps-timeline--horizontal .hc-steps-timeline-content {
        margin-left: 0;
        width: 100%;
    }

    .hc-steps-timeline--horizontal .hc-steps-timeline-images {
        grid-template-columns: 1fr;
    }
}

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

    /* Navbar */
    .navbar-nav .dropdown .nav-link,
    .navbar-nav .megamenu .nav-link {
        padding: 0;
    }

    .navbar .navbar-mjk-primary {
        gap: 20px;
    }

    .navbar .caret-mjk-box[aria-expanded="true"] .caret-mjk-mobile .hc-caret-item-1 {
        display: none;
    }

    .navbar .caret-mjk-box[aria-expanded="true"] .caret-mjk-mobile .hc-caret-item-2 {
        display: block;
    }

    .navbar .caret-mjk-box[aria-expanded="false"] .caret-mjk-mobile .hc-caret-item-1 {
        display: block;
    }

    .navbar .caret-mjk-box[aria-expanded="false"] .caret-mjk-mobile .hc-caret-item-2 {
        display: none;
    }

    .navbar-variant-1 .navbar-nav.navbar-mjk-primary>.nav-item>.nav-link::after {
        display: none;
    }

    .dropdown-menu.megamenu-dropdown {
        width: 100%;
    }

    /* Heading */
    .hc-heading-section .hc-heading-title {
        font-size: 40px;
    }

    .hc-heading-section {
        flex-direction: column;
        align-items: flex-start;
    }

    .hc-heading-section .hc-heading-title {
        width: 100%;
        order: 2;
    }

    .hc-heading-section .hc-heading-subtitle {
        order: 1;
    }

    .hc-heading-section .hc-heading-desc {
        order: 3;
        width: 100%;
    }

    .hc-heading-section.hc-variant-2 {
        flex-direction: column;
        align-items: center;
    }

    .hc-heading-section.hc-variant-3 {
        align-items: center;
    }

    .hc-heading-section.hc-variant-3 .hc-heading-title {
        width: 80%;
    }

    /* Banner Top */
    .banner-top-caption h2 {
        font-size: 40px !important;
    }

    .breadcrumb-box {
        display: block;
    }

    /* Contact */
    .contact-form-box {
        padding: 24px;
    }

    /* About */
    .hc-about-statistic {
        flex-direction: row;
    }

    .banner-box.variant-2 .banner-caption-box .banner-caption h3 {
        width: 80%;
        font-size: 40px;
    }

    .banner-box.variant-2 .banner-caption-box .banner-caption .banner-caption-bottom {
        flex-direction: column;
        gap: 16px;
    }

    .banner-box.variant-2 .banner-caption-box .banner-caption .banner-caption-bottom p {
        width: 100%;
    }

    /* Catalog */
    .hc-catalog-item,
    .hc-catalog-item.hc-variant-2 {
        flex-direction: column;
    }

    .hc-catalog-item .hc-catalog-img {
        width: 100%;
    }

    .hc-catalog-item .hc-catalog-content-box {
        width: 100%;
    }

    /* Timeline */
    .hc-steps-timeline--horizontal .hc-steps-timeline-line {
        left: 7px;
    }

    /* Application */
    .hc-application-list .hc-application-item,
    .hc-application-list .hc-application-item.hc-variant-2 {
        flex-direction: column;
    }

    .hc-application-list .hc-application-item .hc-application-detail {
        width: 100%;
    }

    .hc-application-list .hc-application-item .hc-steps-timeline {
        width: 100%;
    }

    /* Product */
    .banner-box.variant-4 .banner-caption-box .banner-caption h3 {
        font-size: 40px;
    }

    /* Product Detail */
    .productset-section-media {
        flex-direction: column;
    }

    .productset-section-media .swiper-slider-thumbnail {
        width: 400px;
        height: auto;
    }

    .productset-section-media .productset-media-main {
        width: 100%;
        order: 1;
    }

    .productset-section-media .productset-media-thumbs {
        width: 100%;
        overflow: auto;
        order: 2;
    }

    .productset-section-media .lightbox-images img {
        max-height: 700px;
    }

    /* home */
    .banner-box.variant-3 .banner-caption-box .banner-caption h3 {
        width: 100%;
    }

    /* Galery */
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
        grid-auto-rows: 200px !important;
    }
}

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

    /* Galery */
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)) !important;
        grid-auto-rows: 200px !important;
    }
}

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

    /* Galery */
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        grid-auto-rows: 140px;
    }

}

@media only screen and (max-width: 767.98px) {
    .hc-footer .banner-caption {
        width: 100%;
    }

    /* Banner Top */
    .breadcrumb {
        flex-direction: row;
    }

    /* About */
    .hc-card-about .card-common-img {
        flex-direction: column;
    }

    .banner-box.variant-2 .banner-caption-box .banner-caption h3 {
        font-size: 32px;
    }

    /* Banner */
    .banner-img-desktop {
        display: none !important;
    }

    .banner-img-mobile {
        display: block !important;
    }

    .banner-box.variant-3 .banner-img-desktop {
        display: block !important;
    }

    /* Heading */
    .hc-heading-section.hc-variant-3 .hc-heading-title {
        width: 100%;
    }

    /* Catalog */
    .hc-catalog-item.hc-variant-4 {
        flex-direction: column;
    }

    .hc-catalog-item.hc-variant-4 .hc-catalog-img {
        width: 100%;
    }

    .hc-catalog-item.hc-variant-4 .hc-catalog-content-box {
        width: 100%;
    }

    /* Product */
    .banner-box.variant-4 .banner-caption-box .banner-caption h3 {
        font-size: 32px;
    }

    /* Galery */
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
        grid-auto-rows: 120px;
    }

    .gallery-layout .gallery-item:nth-child(8n + 1) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 2) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 3) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 4) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 5) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 6) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 7) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 8) {
        grid-column: span 2;
        grid-row: span 2;
    }
}

@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) {
    .hc-footer .banner-caption {
        padding: 10px !important;
    }

    .hc-footer .hc-btn.variant-solid.hc-footer-cta-btn {
        font-size: 14px;
    }

    .hc-footer .hc-footer-cta-btn-icon .solar--arrow-right-linear {
        width: 16px;
        height: 16px;
    }

    /* Banner Top */
    .banner-top-box.variant-2 {
        min-height: 300px;
    }

    .banner-top-box.variant-2 .banner-top-caption {
        backdrop-filter: none;
        margin: 0;
    }

    .banner-top-box.variant-2 .banner-top-caption-box {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        overflow: hidden;
        padding: 0;
    }

    .banner-top-caption h2 {
        font-size: 32px !important;
    }

    /* About */
    .hc-about-statistic {
        flex-direction: column;
    }

    .collapse-mjk-link h4 {
        font-size: 24px;
    }
}

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

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

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

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