/*!
* 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) {
    .hc-heading-section .hc-heading-title {
        font-size: 34px;
    }

    .hc-banner-bottom-caption {
        padding: 30px 10px;
        max-width: 90%;
    }

    .hc-banner-bottom-caption h1,
    .hc-banner-bottom-caption h2,
    .hc-banner-bottom-caption h3 {
        font-size: 34px;
    }

    .hc-timeline-column {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .hc-timeline-title h4 {
        font-size: 18px;
    }

    .hc-timeline-title h3 {
        font-size: 20px;
    }
}

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

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

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

@media only screen and (max-width : 991.98px) {
    .hc-heading-section .hc-heading-title {
        font-size: 30px;
    }

    .hc-heading-section.variant-3 {
        gap: 0;
        display: flex;
        text-align: center;
    }

    .hc-heading-section.variant-4 {
        gap: 0;
        display: flex;
        text-align: center;
    }

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

    .hc-timeline-column {
        background-color: #fff;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .hc-timeline-title {
        width: auto;
    }

    .hc-timeline-desc {
        max-width: unset;
    }

    .hc-timeline-img {
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: none;
        width: 100%;
        height: 200px;
        right: 0;
        top: 0;
        margin-top: 10px;
    }

    .hc-timeline-column:hover .hc-timeline-img {
        transform: none !important;
        right: 0 !important;
    }

    .hc-timeline-img img {
        border-radius: 8px;
        transform: none !important;
        right: 0 !important;
    }

    /* Menghapus rotasi pada mobile agar rapi */
    .hc-timeline-img {
        transform: rotate(0) !important;
    }

    /* timeline vertical */
    .hc-timeline-vertical-container::before {
        left: 20px;
    }

    .hc-timeline-vertical-item {
        justify-content: flex-start !important;
        padding-left: 50px;
    }

    .hc-timeline-vertical-item::after {
        left: 20px;
        transform: translateX(-50%);
    }

    .hc-timeline-vertical-content {
        width: 100%;
    }
}

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

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

@media only screen and (max-width : 767.98px) {
    .hc-heading-section .hc-heading-title {
        font-size: 26px;
    }

    .hc-banner-bottom-caption h1,
    .hc-banner-bottom-caption h2,
    .hc-banner-bottom-caption h3 {
        font-size: 26px;
    }
}

@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-banner-bottom-action {
        flex-direction: column;
        gap: 10px;
    }
}

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

@media only screen and (max-width : 375px) {
    .hc-timeline-vertical-img-wrapper .hc-galightbox-gallery {
        width: 100%;
    }
}

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

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