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

    .productset-section-media .swiper-button-prev,
    .productset-section-media .swiper-button-next {
        bottom: -65px;
    }

    .card-hero-box .card-title h1 {
        font-size: 50px;
    }
}

/* large devices, desktops */
@media only screen and (min-width : 1200px) {}

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

    /*general*/
    p,
    ol li,
    ul li {
        font-size: 14px;
    }

    .card-heading-box .card-subtitle h4 {
        font-size: 14px;
    }

    .card-heading-box .card-title h2 {
        font-size: 24px;
    }

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

    /*banner*/
    .banner-top-caption h1,
    .banner-top-caption h2,
    .banner-top-caption h3 {
        font-size: 30px;
    }

    /*filter*/
    .filter-horizontal-label h3 {
        font-size: 20px;
    }

    .filter-vertical-head {
        padding: 10px 10px 15px;
    }

    .filter-vertical-list-item {
        padding: 0px 5px 0px;
    }

    .filter-vertical-head h3 {
        font-size: 18px;
    }

    .filter-vertical-list .collapse-mjk-body ul li label {
        font-size: 14px;
    }

    .filter-vertical-box {
        padding: 12px;
    }

    .filter-vertical-list .collapse-mjk-item {
        padding: 0px 5px 0px;
    }

    .filter-vertical-list .filter-vertical-input {
        padding: 0px 5px 0px;
    }

    .filter-vertical-list .input-group-mjk ul li label {
        font-size: 14px;
    }

    /*card product*/
    .card-product .card-heading-box .card-title h3 {
        font-size: 16px;
    }

    /*product detail*/
    .productset-title h1,
    .productset-title h2,
    .productset-title h3 {
        font-size: 24px;
    }

    .productset-title h4 {
        font-size: 14px;
    }

    .productset-info-list {
        flex-direction: column;
    }

    .productset-info-content p {
        font-size: 14px;
    }

    .productset-info-title h3 {
        font-size: 18px;
    }

    .productset-desc-label p {
        font-size: 14px;
    }

    .productset-desc-caption p {
        font-size: 14px;
    }

    .productset-section-media .swiper-slider-thumbnail {
        width: 60%;
    }

    .productset-section-media .swiper-button-prev {
        left: 50px;
    }

    .productset-section-media .swiper-button-prev,
    .productset-section-media .swiper-button-next {
        right: 50px;
    }

    /*banner*/
    .banner-caption h1,
    .banner-caption h2,
    .banner-caption h3 {
        font-size: 20px;
    }

    .banner-caption p {
        font-size: 14px;
    }

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

    /*home*/
    .card-hero-box .card-title h1 {
        font-size: 40px;
    }

    .banner-cta-hero .banner-caption p {
        font-size: 20px;
    }

    /*career*/
    .card-career-action {
        width: 15%;
    }

    .card-career-info ul li {
        width: 20%;
    }

}

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

@media only screen and (max-width : 1024px) {
    .partner-logo-list.variant-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

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

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

    /*general*/
    p,
    ol li,
    ul li {
        font-size: 14px;
    }

    /*card heading*/
    .card-heading-box .card-title h2 {
        font-size: 24px;
    }

    .card-heading-box .card-subtitle h4 {
        font-size: 14px;
        padding: 10px 15px;
    }

    .card-heading-box .card-caption p {
        font-size: 16px;
    }

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

    .card-about-box .card-subtitle h5 {
        font-size: 16px;
    }

    /*article*/
    .article h3 {
        font-size: 20px;
    }

    .article ol li,
    .article ul li {
        font-size: 14px;
    }

    .sitemap-mjk-item li a {
        font-size: 14px;
    }

    /*product detail*/
    .productset-desc-extra-item {
        position: relative;
        width: calc((100% - 30px) / 3);
    }

    /*button share*/
    .share-button-big-item .share-network ul li .btn {
        width: 30px;
        height: 30px;
        padding: 5px;
        border-radius: 9px;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
    }

    .share-button-big-item .share-network ul li .btn i {
        font-size: 14px;
    }

    .share-button-big-item .card-title h5 {
        font-size: 16px;
    }

    /*banner*/
    .banner-cta .banner-caption-box {
        text-align: left;
        align-items: flex-start;
        justify-content: center;
    }

    .banner-cta .banner-caption-box {
        padding: 20px 20px;
    }

    .banner-cta .banner-caption-box {
        flex-direction: column;
    }

    .banner-cta-big .banner-caption {
        text-align: center;
    }

    .banner-cta-big .banner-caption-box {
        flex-direction: column;
        justify-content: flex-start;
        text-align: center;
        align-items: center;
    }

    /*glightbox*/
    .glightbox-mobile .goverlay {
        background: rgba(0, 0, 0, .92);
    }

    .glightbox-clean .gprev {
        top: 45%;
        left: 0;
    }

    .glightbox-clean .gnext {
        top: 45%;
        right: 0;
    }

    /*contact*/
    .contactset-desc-extra-box {
        height: auto;
    }

    .card-hero-box .card-title h1 {
        font-size: 40px;
    }

    .section-top {
        padding-top: 60px;
    }

    /*card hero home*/
    .card-hero-box .card-title h1 {
        font-size: 24px;
    }

    .card-hero-box .card-hero .card-media-box {
        flex: 1;
    }

    .banner-cta-hero .banner-caption-box {
        align-items: center;
    }

    .banner-cta-hero .banner-caption-box {
        max-width: 95%;
    }

    /*career*/
    .card-career-label h5 {
        font-size: 14px;
    }

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

    .card-career-title-sub h4 {
        font-size: 16px;
    }

    .career-link-title h4 {
        font-size: 14px;
    }

    .collapse-mjk-item.variant-career .collapse-mjk-link.nav-variant-2[aria-expanded="false"]::after,
    .collapse-mjk-item.variant-career .collapse-mjk-link.nav-variant-2[aria-expanded="true"]::after {
        font-size: 16px;
    }

    .section-emptypage {
        height: auto;
    }

    .emptypage-tracking-box .emptypage-img img {
        max-width: 300px;
    }

    .partner-logo-list.variant-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .card-product-download .card-list-label ul {
        row-gap: 5px;
        column-gap: 5px;
    }

    .filter-vertical-list-item {
        padding: 0px 5px 0px;
    }

    .filter-vertical-box.open .filter-vertical-head {
        padding: 10px 5px 10px;
    }

    .productset-section-media .swiper-slider-thumbnail {
        width: 80%;
    }

    .productset-section-media .swiper-button-prev {
        left: 0px;
    }

    .productset-section-media .swiper-button-prev,
    .productset-section-media .swiper-button-next {
        right: 0px;
    }
}

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

/* small devices, landscape phone */
@media only screen and (min-width : 768px) {
    .card-career-info ul li {
        width: 25%;
    }
}

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

    /*product*/
    .card-product {
        padding: 10px;
    }

    .card-product .card-heading-box .card-title h3 {
        font-size: 16px;
    }

    .card-product-download .card-product .card-heading-box .card-title h3 {
        font-size: 16px;
    }

    .wiztrack-item .wiztrack-item-desc {
        flex-direction: column-reverse;
    }

    .wiztrack-item-desc-status {
        margin-bottom: 10px;
    }

    .wiztrack-item .wiztrack-item-desc .wiztrack-item-desc-note h4 {
        font-size: 16px;
    }

    .card-product-simple .caps-desc h3 {
        font-size: 14px;
    }

    .orderitemset-action h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .orderitemset.variant-2 .orderitemset-head {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start
    }

    .orderitemset.variant-2 .orderitemset-head-status {
        margin-bottom: 10px;
    }

    .orderitemset.variant-2 .orderitemset-head-date h3 {
        font-size: 20px;
    }

    .productset-desc-extra {
        flex-direction: column;
    }

    .orderitemset-shipping .productset-desc-extra-item {
        width: 100%;
    }

    /*product detail*/
    .productset-desc-extra-item {
        position: relative;
        width: 100%;
    }

    .productset-section-media .swiper-slider-thumbnail {
        width: 60%;
    }

    .productset-section-media .swiper-button-prev {
        left: 30px;
    }

    .productset-section-media .swiper-button-prev,
    .productset-section-media .swiper-button-next {
        right: 30px;
    }

    .productset-desc-extra th,
    .productset-desc-extra td {
        font-size: 14px;
    }

    .card-career-info ul li {
        width: 30%;
    }

    .card-career-action {
        width: 23%;
    }

    .form-career-box {
        padding: 15px;
    }

    .pagination-mjk-box {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .cookielawpop-action {
        flex-direction: row;
        gap: 10px;
    }

    /*cookie*/
    .cookielawpop-box {
        bottom: 10px;
        padding: 20px 10px 15px;
    }

    .cookielawpop-action .btn {
        margin-bottom: 0 !important;
    }

    .cookielawpop .button-close {
        top: 5px;

    }

    .footer-bottom-content {
        padding: 20px 0 0px;
        flex-direction: column;
    }

    .copyright {
        margin: 0 0 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) {
    .banner-top-box {
        height: 350px;
    }

    .banner-top-content {
        padding: 20px 15px 20px;
    }

    .banner-cta-big .banner-caption h1,
    .banner-cta-big .banner-caption h2,
    .banner-cta-big .banner-caption h3 {
        font-size: 24px;
    }

    .banner-cta-big .banner-caption-box {
        min-height: 550px;
    }

    .productset-info-caption.collapsed {
        max-height: 300px;
    }

    .share-button-big-box {
        flex-direction: column;
    }

    .share-button-big-item {
        width: 100%;
    }

    .share-button-big-item .productset-action {
        justify-content: flex-start !important;
    }

    .contactset-desc-extra-item {
        width: 100%;
    }

    .form-contact-box .title-primary h3 {
        font-size: 20px;

    }

    .form-contact-box {
        padding: 15px;
        border-radius: 12px;
    }

    .partner-logo-list.variant-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .card-shadow-box {
        padding: 0 15px;
        box-shadow: unset;
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
    }

    .promotion-slider-box .card-media figure {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
    }

    .promotion-slider-box .card-media img {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
    }

    .promotion-slider-box .swiper-slide,
    .promotion-slider-box .swiper-wrapper,
    .promotion-slider-box .swiper {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
    }

    /*card home hero*/
    .card-hero-box .card-hero {
        flex-direction: column;
    }

    .card-hero-box .card-title h1 {
        text-align: center;
    }

    .card-hero-box .card-title {
        width: 95%;
    }

    .banner-cta-hero .banner-caption p {
        font-size: 18px;
    }

    .card-career-info-box {
        flex-direction: column;
        gap: 5px;
    }

    .card-career-info ul li {
        width: 50%;
    }

    .card-career-action {
        width: 100%;
        text-align: center;
        align-items: center;
    }

    .filter-vertical-list-item {
        padding: 0px 5px 0px;
    }
}

@media only screen and (max-width : 480px) {
    .nav-pills .nav-link {
        font-size: 14px;
    }

    .card-searching {
        flex-wrap: wrap;
    }

    .card-searching-action {
        padding: 10px 15px;
        width: 100%;
        text-align: right;
    }

    .card-searching-action .btn-mjk {
        font-size: 12px;
    }

    .productset-section-media .swiper-slider-thumbnail {
        width: 75%;
    }

    .productset-section-media .swiper-button-prev {
        left: 0px;
    }

    .productset-section-media .swiper-button-prev,
    .productset-section-media .swiper-button-next {
        right: 0px;
    }
}

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

@media only screen and (max-width : 360px) {
    .partner-logo-list.variant-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media only screen and (max-width : 320px) {
    .productset-section-media .swiper-slider-thumbnail {
        width: 80%;
    }

    .productset-section-media .swiper-button-prev {
        left: -10px;
    }

    .productset-section-media .swiper-button-prev,
    .productset-section-media .swiper-button-next {
        right: -10px;
    }
}