/*-----------add css for footer widgets columns (7)-------------*/
/* Default (Desktop) - 7 Columns */
.footer-widgets .row {
    display: flex;
    flex-wrap: wrap;
}

.footer-widgets .row > div {
    width: 14.28% !important;
    max-width: 14.28% !important;
    flex: 0 0 14.28% !important;
}

/* Tablet (≤ 992px) - 3 Columns */
@media (max-width: 992px) {
    .footer-widgets .row > div {
        width: 33.33% !important;
        max-width: 33.33% !important;
        flex: 0 0 33.33% !important;
    }
}

/* Mobile (≤ 576px) - 2 Columns */
@media (max-width: 576px) {
    .footer-widgets .row > div {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
}

/* Mobile (≤ 480px) - 1 Columns */
@media (max-width: 480px) {
    .footer-widgets .row > div {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}