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

@media only screen and (max-width : 991.98px) {
    .hc-footer-top-grid {
        grid-template-columns: 1fr 1fr 2fr;
    }

    .hc-footer-top {
        padding: 3rem 0 1.5rem;
    }

    .hc-footer-bottom-grid {
        justify-content: center;
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width : 812px) {
    .hc-footer-brand .hc-footer-brand-desc {
        width: 100%;
    }
}

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

@media only screen and (max-width : 767.98px) {
    .hc-footer-top-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .hc-footer-top {
        padding: 2.5rem 0 1rem;
    }

    .hc-footer-bottom {
        padding: 24px 0;
    }

    /* .hc-footer-bottom-grid {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .hc-footer-menu-static {
        justify-content: flex-start;
    } */

    /* .hc-footer-menu-static ul {
        flex-direction: column;
        align-items: flex-start;
        column-gap: 0;
        row-gap: 8px;
    } */

    .hc-footer-brand .hc-footer-brand-logo img {
        height: 80px;
    }

    .hc-footer-title-menus {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .hc-footer-menus-item ul,
    .hc-footer-address li,
    .hc-footer-address li a {
        font-size: 14px;
    }

    .hc-footer-copyright p,
    .hc-footer-copyright p a {
        font-size: 12px;
    }
}

@media only screen and (max-width : 640px) {
    .hc-footer-top {
        padding: 2rem 0 1rem;
    }

    .hc-footer-top-grid {
        gap: 20px;
    }

    .hc-footer-brand .hc-footer-brand-logo img {
        height: 70px;
    }

    .hc-footer-title-menus {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .hc-footer-bottom {
        padding: 20px 0;
    }

    .hc-footer-bottom-grid {
        gap: 15px;
    }

    .hc-footer-menus-item ul {
        min-width: auto;
    }
}

/* x-small Devices, portrait phones */
@media only screen and (min-width : 576px) {}

@media only screen and (max-width : 575.98px) {
    .hc-footer-top-grid {
        gap: 18px;
    }

    .hc-footer-top {
        padding: 1.5rem 0 0.75rem;
    }

    .hc-footer-bottom {
        padding: 16px 0;
    }

    .hc-footer-brand .hc-footer-brand-desc {
        width: 100%;
    }

    .hc-footer-brand .hc-footer-brand-desc h1,
    .hc-footer-brand .hc-footer-brand-desc h2,
    .hc-footer-brand .hc-footer-brand-desc h3,
    .hc-footer-brand .hc-footer-brand-desc h4,
    .hc-footer-brand .hc-footer-brand-desc h5,
    .hc-footer-brand .hc-footer-brand-desc h6,
    .hc-footer-brand .hc-footer-brand-desc p {
        font-size: 13px;
    }

    .hc-footer-menus-item li,
    .hc-footer-menus-item li a,
    .hc-footer-address li,
    .hc-footer-address li a,
    .hc-footer-menu-static li,
    .hc-footer-menu-static li a {
        font-size: 13px;
    }

    .hc-footer-social-network ul {
        gap: 8px;
    }

    .hc-footer-social-network .iconbox.variant-circle {
        width: 32px;
        height: 32px;
    }

    .hc-footer-social-network .iconbox.variant-circle span {
        width: 18px;
        height: 18px;
    }

    .hc-footer-copyright p,
    .hc-footer-copyright p a {
        font-size: 11px;
    }
}

@media only screen and (max-width : 480px) {
    .hc-footer-top-grid {
        gap: 15px;
    }

    .hc-footer-top {
        padding: 1.25rem 0 0.5rem;
    }

    .hc-footer-bottom {
        padding: 14px 0;
    }

    .hc-footer-brand .hc-footer-brand-logo img {
        height: 60px;
    }

    .hc-footer-title-menus {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .hc-footer-brand .hc-footer-brand-desc h1,
    .hc-footer-brand .hc-footer-brand-desc h2,
    .hc-footer-brand .hc-footer-brand-desc h3,
    .hc-footer-brand .hc-footer-brand-desc h4,
    .hc-footer-brand .hc-footer-brand-desc h5,
    .hc-footer-brand .hc-footer-brand-desc h6,
    .hc-footer-brand .hc-footer-brand-desc p {
        font-size: 12px;
    }

    .hc-footer-menus-item li,
    .hc-footer-menus-item li a,
    .hc-footer-address li,
    .hc-footer-address li a,
    .hc-footer-menu-static li,
    .hc-footer-menu-static li a {
        font-size: 12px;
    }
}

@media only screen and (max-width : 375px) {
    .hc-footer-brand .hc-footer-brand-logo img {
        height: 55px;
    }

    .hc-footer-title-menus {
        font-size: 14px;
    }

    .hc-footer-bottom-grid {
        gap: 12px;
    }
}

@media only screen and (max-width : 360px) {
    .hc-footer-brand .hc-footer-brand-logo img {
        height: 50px;
    }

    .hc-footer-top-grid {
        gap: 12px;
    }

    .hc-footer-title-menus {
        font-size: 13px;
    }

    .hc-footer-menus-item ul {
        gap: 8px;
    }

    .hc-footer-social-network ul {
        column-gap: 8px;
        row-gap: 8px;
    }
}

@media only screen and (max-width : 320px) {
    .hc-footer-top-grid {
        gap: 10px;
    }

    .hc-footer-top {
        padding: 1rem 0 0.5rem;
    }

    .hc-footer-bottom {
        padding: 12px 0;
    }

    .hc-footer-brand .hc-footer-brand-logo img {
        height: 45px;
    }

    .hc-footer-title-menus {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .hc-footer-brand .hc-footer-brand-desc h1,
    .hc-footer-brand .hc-footer-brand-desc h2,
    .hc-footer-brand .hc-footer-brand-desc h3,
    .hc-footer-brand .hc-footer-brand-desc h4,
    .hc-footer-brand .hc-footer-brand-desc h5,
    .hc-footer-brand .hc-footer-brand-desc h6,
    .hc-footer-brand .hc-footer-brand-desc p {
        font-size: 11px;
    }

    .hc-footer-menus-item li,
    .hc-footer-menus-item li a,
    .hc-footer-address li,
    .hc-footer-address li a,
    .hc-footer-menu-static li,
    .hc-footer-menu-static li a {
        font-size: 11px;
    }

    .hc-footer-copyright p,
    .hc-footer-copyright p a {
        font-size: 10px;
    }

    .hc-footer-social-network .iconbox.variant-circle {
        width: 30px;
        height: 30px;
    }

    .hc-footer-social-network .iconbox.variant-circle span {
        width: 16px;
        height: 16px;
    }
}