.sitemap-container {
    display: flex;
    justify-content: space-between;
}

.sitemap-column {
    flex-basis: 30%; /* Dá a cada coluna um width base de 30% */
    box-sizing: border-box;
    padding: 0 10px;
}

#custom-sitemap.sitemap-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sitemap-group {
    flex: 0 0 calc(33.33% - 10px); /* Vamos assumir três colunas por padrão e subtrair uma pequena margem */
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .sitemap-group {
        flex: 0 0 50%; /* Duas colunas para tablets */
    }
}

@media (max-width: 480px) {
    .sitemap-group {
        flex: 0 0 100%; /* Uma coluna para mobile */
    }
}

.sitemap-group ul {
    padding-left: 0;
}