/*!
* 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) {
	
}
@media only screen and (min-width : 1024px) {
	
}
@media only screen and (max-width : 1024px) {

}
/* medium devices, tablets */
@media only screen and (min-width : 992px) {
    /* Article Variant 1 */
    .article.variant-1:nth-child(2n) .hc-article-content {
        flex-direction: row-reverse;
    }
}
@media only screen and (max-width : 991.98px) {
    /* About Page */
    .hc-single-content .hc-single-content-wrapper {
        flex-direction: column;
    }

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

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

    .vision-mission-section h5 {
        text-align: center;
    }

    /* Mobile Filter - Media */
    .filter-fine-mobile.sort {
        background-color: var(--hc-color-primary-500);
    }

    .filter-fine-mobile .btn-mjk {
        color: var(--hc-color-white);
    }

    .filter-fine-mobile .btn-mjk i {
        color: var(--hc-color-white);
    }
}
@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) {
    /* Single Content */
	.hc-single-content .hc-single-content-wrapper {
        flex-direction: column;
    }

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

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

    .hc-single-content h3 {
        font-size: 32px;
    }
}
@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) {
	
}
@media only screen and (max-width : 375px) {

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

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