.single-location-table {
    padding-top: 80px;
    padding-bottom: 80px;

    >div {
        background-color: var(--color-secondary-1);
        border-radius: 20px;
        padding: 40px 102px;
        >h4 {
            text-align: center;
            margin-bottom: 40px;
        }

        >.table {
            overflow: auto;
            margin-bottom: 40px;
        }

    }
}
.single-location-table-info{
    display: flex;
    gap: 24px;
    >h4{
        padding: 0 24px;
        border-left: 2px solid var(--color-primary-2);
        align-self: flex-start;
    }
    >ul{
        flex-grow: 1;
    }
    >a{
        align-self: center;
    }
}
@media screen and (width < 1248px) {
    .single-location-table > div {
        padding: 40px 60px;
    }
}
@media screen and (width < 1024px) {
    .single-location-table-info{
        flex-wrap: wrap;
        >h4{
            width: 100%;
        }
        >ul{
            width: 75%;
        }
        >a{
            align-self: end;
        }
    }
}
@media screen and (width < 768px) {
    .single-location-table > div {
        padding: 30px 24px;
    }
    .single-location-table-info{
        flex-direction: column;
        gap: 12px;
        >h4{
            padding: 0 12px;
        }
        >ul{
            width: 100%;
        }
        >a{
            align-self: center;
        }
    }
}

@media screen and (width < 576px) {
    .single-location-table {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}