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

    .hc-footer-top-grid {
        display: flex;
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .hc-footer-top-grid .hc-footer-col:nth-child(1) {
        width: 50%;
    }

    .hc-footer-top-grid .hc-footer-col:nth-child(2) {
        width: 50%;
    }

    .hc-footer-top-grid .hc-footer-col:nth-child(3) {
        display: 100%;
    }

}

/* 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 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .hc-footer-top-grid .hc-footer-col:nth-child(1) {
        width: 100%;
    }

    .hc-footer-top-grid .hc-footer-col:nth-child(2) {
        width: 100%;
    }

    .hc-footer-top-grid .hc-footer-col:nth-child(3) {
        display: flex;
        flex-wrap: wrap;
        display: 100%;
    }
}

@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) {}

@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) {
    .hc-footer-top{
        padding: 3rem 0 0;
    }
}

@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) {}