.sitemap {
    width: 100%;
    max-width: var(--tb-breakpoint-medium);
    padding: var(--tb-spacing-20) 0;
    margin: var(--tb-menu-height) var(--tb-spacing-60) 0 var(--tb-spacing-60);
}

.sitemap ul,
.sitemap li {
    padding: 0;
    margin: 0;
    list-style-position: inside;
}

.sitemap ul {
    display: flex;
    flex-direction: column;
    gap: var(--tb-spacing-5);
}

.sitemap li > ul {
    margin-left: 1.5em;
    margin-top: var(--tb-spacing-5);
}

@media (max-width: 1024px) {
    .sitemap {
        margin: var(--tb-menu-height) var(--tb-spacing-50) 0 var(--tb-spacing-50);
    }
}

@media (max-width: 500px) {
    .sitemap {
        margin: var(--tb-menu-height) var(--tb-spacing-20) 0 var(--tb-spacing-20);
        padding: var(--tb-spacing-20);
    }

    .sitemap ul,
    .sitemap li {
        list-style-position: outside;
    }

    .sitemap li > ul {
        margin-left: 1em;
    }
}
