/*!
* 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) {
    /* Card certificate with description */
    .mjk-card-certificate-with-desc {
        height: 200px;
    }

    .mjk-card-certificate-with-desc .mjk-card-certificate-content {
        padding: 16px;
    }

    .mjk-card-certificate-with-desc .mjk-card-certificate-content p {
        -webkit-line-clamp: 2; /* Limit to 2 lines */
    }

    .mjk-card-certificate-with-desc .mjk-card-certificate-content .mjk-card-certificate-button {
        gap: 4px;
    }

    /* Card image overlay with icon */
    .mjk-card-image-overlay-with-icon .mjk-card-image-overlay-with-icon-text h3 {
        -webkit-line-clamp: 1;
    }

    .mjk-card-image-overlay-with-icon .mjk-card-image-overlay-with-icon-text p {
        -webkit-line-clamp: 3;
    }
}
/* large devices, desktops */
@media only screen and (min-width : 1200px) {
    
}
@media only screen and (max-width : 1199.98px) {
	/* Card certificate with description */
    .mjk-card-certificate-with-desc {
        height: 150px
    }

    .mjk-card-certificate-with-desc .mjk-card-certificate-content h3{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* Limit to 1 lines */
        -webkit-box-orient: vertical;
        text-overflow: ellipsis; /* For browsers that don't support -webkit-line-clamp */
    }

    /* Card image overlay with icon */
    .mjk-card-image-overlay-with-icon {
        max-width: 500px
    }

    .mjk-card-image-overlay-with-icon .mjk-card-image-overlay-with-icon-content {
        padding: 16px;
    }

    .mjk-card-image-overlay-with-icon .mjk-card-image-overlay-with-icon-content .icon {
        width: 70px;
        height: 70px;
    }

    .mjk-card-image-overlay-with-icon .mjk-card-image-overlay-with-icon-text h3 {
        font-size: 24px;
    }

    .mjk-card-image-overlay-with-icon .mjk-card-image-overlay-with-icon-text p {
        font-size: 16px;
    }

    /* Card Profile */
    .mjk-card-profile .mjk-card-profile-name p {
        font-size: 20px;
    }
    
    .mjk-card-profile .mjk-card-profile-position p {
        font-size: 16px;
    }
}
@media only screen and (min-width : 1024px) {

}
@media only screen and (max-width : 1024px) {
	/* Card certificate with description */
    .mjk-card-certificate-with-desc {
        height: unset;
        flex-direction: column;
        gap: 16px;
    }

    .mjk-card-certificate-with-desc .mjk-card-certificate-content p {
        -webkit-line-clamp: 3; /* Limit to 3 lines */
    }
}
/* medium devices, tablets */
@media only screen and (min-width : 992px) {

}
@media only screen and (max-width : 991.98px) {
    .mjk-single-content .mjk-single-content-wrapper {
        flex-direction: column;
    }

    .mjk-single-content .mjk-single-content-wrapper .mjk-single-content-text {
        order: 2;
        width: 100%;
    }

    .mjk-single-content .mjk-single-content-wrapper .mjk-single-content-image {
        order: 1;
        width: 100%;
        position: relative;
        top: 0;
        max-height: unset;
    }

    /* Card image overlay */
    .mjk-card-image-overlay .mjk-card-image-overlay-content .btn {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);   
    }

    /* Card image overlay with icon */
    .mjk-card-image-overlay-with-icon .mjk-card-image-overlay-with-icon-content a {
        opacity: 1;
        visibility: visible;
        transform: translateY(0); 
    }

    /* Card simple 3 */
    .mjk-card-simple-3-box .mjk-card-button-overlay {
        opacity: 1;
    }
}
@media only screen and (max-width : 812px) {
	
}
/* small devices, landscape phone */

/* Medium Device  */
@media only screen and (min-width : 768px) and (max-width : 991.98px) {

}

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

}
@media only screen and (max-width : 767.98px) {
	.mjk-heading-text h1,
    .mjk-heading-text h2,
    .mjk-heading-text h3 {
        font-size: 32px;
    }

    .mjk-heading-text h4,
    .mjk-heading-text h5 {
        font-size: 28px;
    }

    .mjk-heading-text p {
        font-size: 16px;
    }

        .mjk-single-content .mjk-single-content-wrapper {
        flex-direction: column;
    }

    .mjk-single-content .mjk-single-content-wrapper .mjk-single-content-text {
        order: 2;
        width: 100%;
    }

    .mjk-single-content .mjk-single-content-wrapper .mjk-single-content-image {
        order: 1;
        width: 100%;
        position: relative;
        top: 0;
        max-height: unset;
    }

    /* Single Content */
    .mjk-single-content h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width : 640px) {
    /* Card Profile */
    .mjk-card-profile {
        max-width: 300px;
        margin: 0 auto;
    }
}
/* x-small Devices, portrait phones */
@media only screen and (min-width : 576px) {

}
@media only screen and (max-width : 575.98px) {
    /* Card certificate */
    .mjk-card-certificate-with-desc {
        flex-direction: row;
    }

    .mjk-card-certificate-with-desc img {
        max-height: 180px;
        object-fit: cover;
    }

    /* Card image overlay */
    .mjk-card-image-overlay {
        width: 65%;
        margin: 0 auto;
    }
}
@media only screen and (max-width : 480px) {
	.mjk-heading-text h1,
    .mjk-heading-text h2,
    .mjk-heading-text h3 {
        font-size: 24px;
    }

    .mjk-heading-text h4,
    .mjk-heading-text h5 {
        font-size: 20px;
    }

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

    /* Card image overlay with icon */
    .mjk-card-image-overlay-with-icon .mjk-card-image-overlay-with-icon-text p {
        font-size: 16px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Limit to 1 lines */
        -webkit-box-orient: vertical;
        text-overflow: ellipsis; /* For browsers that don't support -webkit-line-clamp */
    }

    /* Card simple 2 */
    .mjk-card-simple-2 {
        flex-direction: column;
    }

    .mjk-card-simple-2 img {
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }

    /* Single Content */
    .mjk-single-content h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    /* Card certificate */
    .mjk-card-certificate-with-desc {
        flex-direction: column;
    }

    .mjk-card-certificate-with-desc .mjk-card-certificate-content .mjk-card-certificate-button a {
        font-size: 12px;
    }

    .mjk-card-certificate-with-desc .mjk-card-certificate-content p {
        -webkit-line-clamp: 1;
    }

    .mjk-card-certificate-with-desc img {
        max-height: unset;
    }

    /* Services MPIHC */
    .services-mpihc-content .services-mpihc-content-list {
        padding: 24px;
    }
}
@media only screen and (max-width : 375px) {

}
@media only screen and (max-width : 360px) {
    .mjk-card-image-overlay .mjk-card-image-overlay-text p {
        font-size: 20px;
        font-weight: 600;
    }

    .mjk-card-image-overlay-with-icon {
        min-height: 300px;
    }
}
@media only screen and (max-width : 320px) {
	
}