/*!
* 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) {
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    }
}

@media only screen and (max-width : 1298.98px) {
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        grid-auto-rows: 240px;
    }
}

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

@media only screen and (max-width : 1199.98px) {
    .card-heading-box.variant-shadow .card-ch-title-back {
        margin-bottom: -50px;
    }

    .card-heading-box.variant-shadow .card-ch-title-back h3 {
        font-size: 90px;
    }

    .card-heading-box.variant-shadow .card-ch-title h2 {
        font-size: 36px;
    }

    .card-heading-box.variant-flex .card-heading {
        width: 80%;
    }

    .card-heading-box.variant-flex .card-ch-title-back h3 {
        bottom: -40px;
    }

    .card-article-title h3 {
        font-size: 16px;
    }

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

    .glightbox-clean .gprev {
        top: 45%;
        left: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .glightbox-clean .gnext {
        top: 45%;
        right: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .gclose svg,
    .gnext svg,
    .gprev svg {
        width: 20px;
    }

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

    .card-heading-box .card-ch-desc p {
        font-size: 14px;
    }

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

    .card-feature-mjk-desc h2,
    .card-feature-mjk-desc h3 {
        font-size: 26px;
    }

    .card-feature-mjk-desc h4,
    .card-feature-mjk-desc h5 {
        font-size: 16px;
    }

    .card-profile-star-caption-box {
        width: 35%;
    }

    .card-article-box.variant-discuss .card-article-caption-box {
        flex: 4;
    }
}

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

@media only screen and (max-width : 1024px) {
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    }
}

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

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

    .section-bg-auth {
        padding-top: 11%;
    }

    .card-heading-box.variant-shadow .card-ch-title {
        margin-bottom: 0px;
    }

    .card-heading-box.variant-shadow .card-ch-title-back {
        margin-bottom: -40px;
    }

    .card-heading-box.variant-shadow .card-ch-title-back h3 {
        font-size: 60px;
    }

    .card-heading-box.variant-shadow .card-ch-title h2 {
        font-size: 26px;
        letter-spacing: -1px;
    }

    .card-heading-box.variant-flex {
        flex-direction: column;
    }

    .card-heading-box.variant-flex .card-heading {
        width: 100%;
    }

    .card-heading-box.variant-flex .card-action {
        width: 100%;
        text-align: right;
    }

    .card-heading-box.variant-flex .card-ch-title {
        margin-bottom: 0;
    }

    .home-hero-slider {
        padding-top: 90px;
    }

    .filter-search .input-group {
        width: 100%;
    }

    .filtr-container .filtr-item {
        width: 50%;
    }

    .filtr-button-box .filterizr-filter li {
        font-size: 14px;
    }

    .br-footer {
        padding: 10px;
    }

    .foo-menu-static {
        justify-content: center;
    }

    .foo-menu ul {
        justify-content: center;
        padding-left: 0;
    }

    .foo-menu-static ul {
        justify-content: center;
    }

    .gallery-layout .filtr-item:nth-child(1),
    .gallery-layout .filtr-item:nth-child(9),
    .gallery-layout .filtr-item:nth-child(17),
    .gallery-layout .filtr-item:nth-child(25) {
        width: 30%;
        height: 500px;
    }

    .gallery-layout .filtr-item:nth-child(2),
    .gallery-layout .filtr-item:nth-child(10),
    .gallery-layout .filtr-item:nth-child(18),
    .gallery-layout .filtr-item:nth-child(26) {
        height: 250px;
        width: 70%;
    }

    .gallery-layout .filtr-item:nth-child(3),
    .gallery-layout .filtr-item:nth-child(11),
    .gallery-layout .filtr-item:nth-child(19),
    .gallery-layout .filtr-item:nth-child(27) {
        height: 250px;
        width: 35%;
    }

    .gallery-layout .filtr-item:nth-child(4),
    .gallery-layout .filtr-item:nth-child(12),
    .gallery-layout .filtr-item:nth-child(20),
    .gallery-layout .filtr-item:nth-child(28) {
        height: 250px;
        width: 35%;
    }

    .gallery-layout .filtr-item:nth-child(5),
    .gallery-layout .filtr-item:nth-child(13),
    .gallery-layout .filtr-item:nth-child(21),
    .gallery-layout .filtr-item:nth-child(29) {
        height: 350px;
        width: 25%;
    }

    .gallery-layout .filtr-item:nth-child(6),
    .gallery-layout .filtr-item:nth-child(14),
    .gallery-layout .filtr-item:nth-child(22),
    .gallery-layout .filtr-item:nth-child(30) {
        height: 350px;
        width: 35%;
    }

    .gallery-layout .filtr-item:nth-child(7),
    .gallery-layout .filtr-item:nth-child(15),
    .gallery-layout .filtr-item:nth-child(23),
    .gallery-layout .filtr-item:nth-child(31) {
        height: 350px;
        width: 20%;
    }

    .gallery-layout .filtr-item:nth-child(8),
    .gallery-layout .filtr-item:nth-child(16),
    .gallery-layout .filtr-item:nth-child(24),
    .gallery-layout .filtr-item:nth-child(32) {
        height: 350px;
        width: 20%;
    }

    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        grid-auto-rows: 200px;
    }

    .card-profile-star-caption-box {
        width: 50%;
    }

    .card-meta-box li:first-child {
        max-width: 150px;
    }

    .card-article-box.variant-discuss .card-article-caption-box {
        flex: 3;
    }
}

@media only screen and (max-width : 812px) {
    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
        grid-auto-rows: 200px;
    }
}

/* small devices, landscape phone */
@media only screen and (min-width : 768px) {}

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

    .gallery-layout .filtr-item:nth-child(6),
    .gallery-layout .filtr-item:nth-child(14),
    .gallery-layout .filtr-item:nth-child(22),
    .gallery-layout .filtr-item:nth-child(30) {
        height: 350px;
        width: 34.7%;
    }

    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        grid-auto-rows: 140px;
    }

}

@media only screen and (max-width : 767.98px) {
    .card-heading-box.variant-shadow .card-ch-title-back h3 {
        white-space: normal;
        line-height: 1;
    }

    .card-heading-box.variant-shadow .card-ch-title-back {
        margin-bottom: -30px;
    }

    .comment-member-avatar .user-avatar {
        width: 40px;
        height: 40px;
    }

    .comment-item-desc p {
        font-size: 14px;
    }

    .comment-item-action ul li {
        font-size: 14px;
    }

    .comment-item-action ul li i {
        font-size: 14px;
    }

    .comment-item-action ul li a {
        font-size: 14px;
    }

    .comment-reply ul li {
        padding-left: 10px;
    }

    .contact-box-info-heading h3 {
        font-size: 24px;
    }

    .contact-box-info-heading p {
        font-size: 16px;
    }

    .contact-box-info-heading h2 {
        font-size: 24px;
    }

    .contact-form-box {
        padding: 0 10px;
    }

    .gallery-layout .filtr-item:nth-child(1),
    .gallery-layout .filtr-item:nth-child(9),
    .gallery-layout .filtr-item:nth-child(17),
    .gallery-layout .filtr-item:nth-child(25) {
        width: 49%;
        height: 150px;
    }

    .gallery-layout .filtr-item:nth-child(2),
    .gallery-layout .filtr-item:nth-child(10),
    .gallery-layout .filtr-item:nth-child(18),
    .gallery-layout .filtr-item:nth-child(26) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(3),
    .gallery-layout .filtr-item:nth-child(11),
    .gallery-layout .filtr-item:nth-child(19),
    .gallery-layout .filtr-item:nth-child(27) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(4),
    .gallery-layout .filtr-item:nth-child(12),
    .gallery-layout .filtr-item:nth-child(20),
    .gallery-layout .filtr-item:nth-child(28) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(5),
    .gallery-layout .filtr-item:nth-child(13),
    .gallery-layout .filtr-item:nth-child(21),
    .gallery-layout .filtr-item:nth-child(29) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(6),
    .gallery-layout .filtr-item:nth-child(14),
    .gallery-layout .filtr-item:nth-child(22),
    .gallery-layout .filtr-item:nth-child(30) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(7),
    .gallery-layout .filtr-item:nth-child(15),
    .gallery-layout .filtr-item:nth-child(23),
    .gallery-layout .filtr-item:nth-child(31) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(8),
    .gallery-layout .filtr-item:nth-child(16),
    .gallery-layout .filtr-item:nth-child(24),
    .gallery-layout .filtr-item:nth-child(32) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
        grid-auto-rows: 120px;
    }

    .gallery-layout .gallery-item:nth-child(8n + 1) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 2) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 3) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 4) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 5) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 6) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 7) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-layout .gallery-item:nth-child(8n + 8) {
        grid-column: span 2;
        grid-row: span 2;
    }


    .card-profile-star-caption-box {
        width: 70%;
    }

    .card-article-box.variant-discuss .card-article-item {
        flex-direction: column;
        gap: 20px;
    }

    .card-article-box.variant-discuss .card-article-info {
        width: 100%;
    }

    .card-article-box.variant-discuss .card-article-fav {
        flex-direction: row;
    }
}

@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) {
    .section-bg-auth {
        padding-top: 15%;
    }

    /*dashboard*/
    .card-article-dash-caption h4 {
        font-size: 16px;
    }

    .profiledashset-desc-group {
        width: 95%;
        padding: 10px 10px 5px 10px;
    }

    .profiledashset-desc h3 {
        text-align: center;
    }

    .card-profile-title h3 {
        font-size: 14px;
    }

    .card-profile-box {
        margin-bottom: 30px;
    }

    .card-profile-star-item {
        flex-direction: column;
    }

    .card-profile-star-caption-box {
        width: 100%;
    }

    .card-profile-star-media {
        width: 160px;
    }

    .banner-star-editor {
        height: 230px;
    }
}

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

    /*auth*/
    .auth-box.auth-simple-box {
        width: auto;
        padding: 20px;
    }

    .section-bg-auth {
        padding-top: 21%;
    }

    .filtr-container .filtr-item {
        width: 100%;
    }

    .card-profile-caption-box {
        padding: 10px;
    }

    .card-profile-title h3 {
        font-size: 12px;
    }

    .card-profile-title h4 {
        font-size: 11px;
    }

    .card-article-dash {
        flex-direction: column;
    }

    .card-article-dash-img {
        width: 100%;
        height: 180px;
    }

    .card-article-dash-desc {
        width: 100%;
        padding: 15px 3px;
    }

    .floatadsx-box {
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
    }

}

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

    .gallery-layout .filtr-item:nth-child(1),
    .gallery-layout .filtr-item:nth-child(9),
    .gallery-layout .filtr-item:nth-child(17),
    .gallery-layout .filtr-item:nth-child(25) {
        width: 49%;
        height: 150px;
    }

    .gallery-layout .filtr-item:nth-child(2),
    .gallery-layout .filtr-item:nth-child(10),
    .gallery-layout .filtr-item:nth-child(18),
    .gallery-layout .filtr-item:nth-child(26) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(3),
    .gallery-layout .filtr-item:nth-child(11),
    .gallery-layout .filtr-item:nth-child(19),
    .gallery-layout .filtr-item:nth-child(27) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(4),
    .gallery-layout .filtr-item:nth-child(12),
    .gallery-layout .filtr-item:nth-child(20),
    .gallery-layout .filtr-item:nth-child(28) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(5),
    .gallery-layout .filtr-item:nth-child(13),
    .gallery-layout .filtr-item:nth-child(21),
    .gallery-layout .filtr-item:nth-child(29) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(6),
    .gallery-layout .filtr-item:nth-child(14),
    .gallery-layout .filtr-item:nth-child(22),
    .gallery-layout .filtr-item:nth-child(30) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(7),
    .gallery-layout .filtr-item:nth-child(15),
    .gallery-layout .filtr-item:nth-child(23),
    .gallery-layout .filtr-item:nth-child(31) {
        height: 150px;
        width: 49%;
    }

    .gallery-layout .filtr-item:nth-child(8),
    .gallery-layout .filtr-item:nth-child(16),
    .gallery-layout .filtr-item:nth-child(24),
    .gallery-layout .filtr-item:nth-child(32) {
        height: 150px;
        width: 49%;
    }
}

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

@media only screen and (max-width : 320px) {
    .section-bg-auth {
        padding-top: 25%;
    }

    .auth-box .auth-form-remember {
        flex-direction: column;
    }

    .auth-box .auth-form-remember .custom-checkbox {
        width: 100%;
    }

    .auth-box .auth-form-remember .auth-form-forgot {
        width: 100%;
    }
}