/*
[----------------------------------]
[--------- CONTACT ----------------]
[----------------------------------]
*/

@media (max-width:1024px) {

    .location-breadcrumbs {
        display: none;
    }

    .location-breadcrumbs-mobile {
        display: block;
    }

    .location-breadcrumbs-mobile .breadcrumbs-toggle a {
        color: #af0202;
    }

    .location-breadcrumbs-mobile .breadcrumbs-toggle img {
        margin-bottom: 2px;
    }

    .location-breadcrumbs-mobile.open .breadcrumbs-toggle a {
        color: black;
    }
    .location-breadcrumbs-mobile.open .breadcrumbs-toggle img {
        display: none;
    }

    .location-breadcrumbs-mobile .close-button,
    .location-breadcrumbs-mobile .groups-container{
        display: none;
    }

    .location-breadcrumbs-mobile.open .close-button {
        display: block;
    }

    .location-breadcrumbs-mobile.open {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: white;
        padding-top: 80px;
        padding-left: 8px;
        padding-right: 8px;
        z-index: 10;
    }

    .location-breadcrumbs-mobile.open .groups-container {
        position: relative;
        display: flex;
        padding: 8px 0;
    }

    .location-breadcrumbs-mobile .groups-container .group {
        padding: 8px 8px;
        border: 1px solid black;
        margin-right: 4px;
    }

    .location-breadcrumbs-mobile .groups-container .group .children-container {
        display: none;
        position: absolute;
        top: 48px;
        left: 0;
        right: 0;

    }

    .location-breadcrumbs-mobile .groups-container .group .children-container .child {
        padding: 8px 0;
    }

    .location-breadcrumbs-mobile .groups-container .group .children-container .child.selected a {
        font-weight: bold;
        color: #af0202;
    }

    .location-breadcrumbs-mobile .groups-container .group .children-container .child:nth-child(even) {
        background-color: #efefef;
    }

    .location-breadcrumbs-mobile .groups-container .group.selected {
        background: black;
        color: white;
    }

    .location-breadcrumbs-mobile .groups-container .group.selected .children-container {
        display: block;
    }
}