/*!
* 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) {
    .footer.footer-variant-1 .footer-top .brand {
        width: 100%;
    }

    .footer.footer-variant-1 .footer-top .menus {
        width: calc((100% - 64px) / 3 * 2);
    }

    .footer.footer-variant-2 .footer-top .brand {
        width: 100%;
    }

    .footer.footer-variant-2 .footer-top .menus {
        width: 100%;
        justify-content: start;
    }
}

@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 {
        display: flex;
        flex-direction: column;
    }

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

    .hc-footer-bottom {
        padding: 1rem 0 2rem;
    }

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

@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) {
    .footer .footer-bottom .container {
        justify-content: center;
        gap: 16px;
    }
}

@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) {
    .footer.footer-variant-1 .footer-top .menus {
        width: 100%;
    }

    .footer.footer-variant-2 .footer-top .menus {
        width: 100%;
    }
}

@media only screen and (max-width : 480px) {
    .footer.footer-variant-1 .footer-bottom {
        flex-direction: column;
    }
}

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

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

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