/*!
* 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) {
    .variant-unique-to-us .hero-intro-box .hero-caption p {
        font-size: 16px;
    }

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

    .variant-unique-to-us .hero-intro-box .hero-caption-title h4,
    .variant-unique-to-us .hero-intro-box .hero-caption-title h5 {
        font-size: 14px;
    }

    /* banner page content */
    .hc-banner-sc-desc h2 {
        font-size: 35px;
    }

    .hc-banner-sc-desc p {
        font-size: 16px;
    }

    .hc-banner-sc-caption-box {
        min-height: 430px;
    }

    .hc-banner-sc-action .hc-btn {
        font-size: 16px;
    }
}

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

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

    /* banner */
    .banner-top-box.banner-services .banner-top-caption h2 {
        font-size: 30px;
    }

    .banner-top-box.banner-services .banner-top-caption p {
        font-size: 16px;
    }
}

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

@media only screen and (max-width : 991.98px) {
    .variant-unique-to-us .hero-intro-box .hero-caption {
        flex-direction: column;
        align-items: center;
    }

    .variant-unique-to-us .hero-intro-box .hero-caption-title {
        flex: unset;
        text-align: center;
    }

    .variant-unique-to-us .hero-intro-box .hero-caption-desc {
        flex: unset;
    }

    .variant-unique-to-us .hero-intro-box .hero-caption p {
        text-align: center;
    }

    /* banner */
    .hc-banner-sc-box.variant-column-desc .hc-banner-sc-desc {
        min-height: unset;
        gap: 15px;
        flex-direction: column;
    }

    .hc-banner-sc-box.variant-column-desc .hc-banner-sc-desc h2 {
        min-width: unset;
    }

    /* title */
    .hc-title {
        font-size: 30px;
    }

    .hc-section-heading .hc-desc {
        font-size: 16px;
    }

    /* card icon bg white/plain */
    .hc-card-box.variant-with-icon-white .hc-card .hc-card-content .hc-card-title h3 {
        font-size: 20px;
    }

    .hc-card-box.variant-with-icon-white .hc-card .hc-card-content .hc-card-desc ul li {
        font-size: 14px;
    }

    .hc-card-box.variant-article .hc-card .hc-card-content .hc-card-title h3 {
        font-size: 18px;
    }
}

@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) {

    /* banner page content */
    .hc-banner-sc-desc h2 {
        font-size: 24px;
    }

    .hc-banner-sc-desc p {
        font-size: 14px;
    }

    .hc-banner-sc-action .hc-btn {
        font-size: 14px;
    }

    .banner-top-caption-box {
        padding: 30px 0;
    }

    .banner-top-box.banner-services .banner-top-box {
        flex-direction: column;
    }

    .banner-top-box.banner-services .banner-top-caption h2 {
        font-size: 24px;
    }

    .banner-top-box.banner-services .banner-top-caption {
        width: 85%;
    }


    /* title section */
    .hc-title {
        font-size: 24px;
    }

    .hc-subtitle-tag {
        font-size: 12px;
    }

    .hc-section-heading .hc-desc {
        font-size: 14px;
    }

    .card-feature-mjk-desc p {
        font-size: 14px;
    }

    /* accordion */
    .hc-accordion-outline .faq-link-head h3 {
        font-size: 18px;
    }

    .hc-accordion-bg.variant-column .faq-link-head h3 {
        font-size: 18px;
    }

    .hc-accordion-outline .faq-link-desc p,
    .hc-accordion-outline .faq-link-desc ul li,
    .hc-accordion-bg .faq-link-desc p,
    .hc-accordion-bg .faq-link-desc ul li {
        font-size: 14px;
    }

    /* card */
    .hc-card-title h3 {
        font-size: 18px;
    }

    .hc-card-box.variant-article .hc-card .hc-card-content .hc-card-title h3 {
        font-size: 16px;
    }

    .hc-card-box.variant-article .hc-card .hc-card-content .hc-card-meta .hc-card-name h5,
    .hc-card-box.variant-article .hc-card .hc-card-content .hc-card-meta .hc-card-date p {
        font-size: 12px;
    }

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

    .contact-box-info.variant-office .contact-box-info-action {
        flex-direction: column;
    }

    /* news */
    .hc-filter-category .hc-btn {
        font-size: 14px;
        padding: 6px 10px;
    }

}

@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) {
    .hero-intro {
        height: 640px;
    }

    .hero-intro-box .hero-caption-box {
        min-height: 640px;
    }

    .hero-intro-box .hero-caption {
        padding: 15px 30px;
    }

    .banner-top-caption-box {
        padding: 40px 0;
    }

    .hc-banner-profile-box .container .hc-banner-profile-caption-box {
        padding: 30px !important;
    }
}

@media only screen and (max-width : 480px) {
    .hero-caption-action {
        flex-direction: column;
    }

    .hero-caption-action .hc-btn {
        justify-content: center;
    }

    .card-feature-mjk-action {
        flex-direction: column;
    }

    .hc-form-select-control.hc-select-phone {
        width: 85px;
    }
}

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

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

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