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

    /*article home*/
    .card-article-box.variant-2 .card-article-package .card-article-title h3 {
        font-size: 16px;
    }

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

    .card-featured-box .card-featured-caption p {
        font-size: 14px;
    }

    .card-featured-caption-box {
        padding: 15px;
    }

    .card-featured-media img {
        height: 180px;
    }

    .card-featured-action-box .btn-mjk {
        font-size: 14px;
        min-width: 180px;
    }

    .card-featured-column .card-featured-media img {
        height: 260px;
    }

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

    /*about*/
    .card-profile-box {
        width: calc((100% / 4) - 15px);
    }
}

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

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

    .hero-intro-box .hero-caption-box {
        min-height: 450px;
        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;
    }

    /*about*/
    .article-post-about h1,
    .article-post-about h2,
    .article-post-about h3 {
        font-size: 30px;
    }

    .card-profile-box {
        width: calc((100% / 3) - 10px);
    }

    /*article*/
    .banner-download-box.variant-2 {
        position: relative;
        right: 0;
        top: 0;
        margin: 15px auto;
    }
}

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

/* small devices, landscape phone */
@media only screen and (min-width : 768.98px) {
    .nav-tabs-mobile {
        display: none;
    }
}

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

    /*card*/
    .card-heading-box .card-ch-title h1,
    .card-heading-box .card-ch-title h2,
    .card-heading-box .card-ch-title h3 {
        font-size: 28px;
    }

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

    .article-post-about h1,
    .article-post-about h2,
    .article-post-about h3 {
        font-size: 28px;
    }

    .modal-profile-header h3 {
        font-size: 20px;
    }

    .modal-profile .modal-body {
        flex-direction: column;
        align-items: center;
    }

    /*exchange rate*/
    .floating-panel {
        top: 0;
        height: 100%;
    }

    .nav-pills-box .nav-pills {
        flex-direction: row !important;
        justify-content: center;
    }

    .nav-pills-box .nav-pills .nav-link {
        font-size: 16px;
    }

    .card-infod-item h3 {
        font-size: 16px;
    }

    .card-infod-item p {
        font-size: 14px;
    }

    .card-infod-media {
        width: 40px;
    }

    .card-infod-media img {
        width: 30px;
    }

    .card-infod-action-box .btn {
        min-width: unset;
    }

    .card-download-item {
        flex-direction: column;
    }

    .card-download-caption {
        text-align: center;
    }

    .filtr-button {
        font-size: 13px;
    }

    .tab-rp-box .nav-tabs .nav-link svg {
        width: 30px;
    }

    .tab-rp-box .nav-tabs .nav-link {
        padding: 15px;
    }

    .tab-rp-box .nav-tabs .nav-link {
        font-size: 14px;
    }



    /*menu tab mobile*/
    .sbmenu-box {
        display: none;
    }

    .nav-pills-box .nav-pills {
        display: none;
    }

    .nav-tabs-mobile {
        display: block;
    }

}

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

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

    /*heading*/
    .card-heading-box.variant-2 .card-ch-title h1,
    .card-heading-box.variant-2 .card-ch-title h2,
    .card-heading-box.variant-2 .card-ch-title h3 {
        font-size: 24px;
    }

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

    /*article*/
    .card-featured-column {
        flex-direction: column;
    }

    .card-featured-column .card-featured-box {
        width: 100%;
    }

    .card-article-box.variant-3 .card-article-media {
        width: 40px;
    }

    /*about*/
    .card-profile-box {
        width: calc((100% / 2) - 10px);
    }

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

    /*modal calendar*/
    .modal-header {
        padding: 50px 20px 15px;
    }

    .modal-title h3 {
        font-size: 24px;
    }

    .modal-body {
        padding: 1rem 1rem 2rem;
    }

    .event-date h4 {
        font-size: 16px;
    }

    .event-date h5 {
        font-size: 14px;
    }
}

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

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

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