.template-properties--single-map
{
    position: relative;
    width: 100%;
    height: auto;
    padding: var(--section-padding-middle--md);
    background-color: #F7F9FC;
    margin-top: 25px;
}

.template-properties--single-map #map
{
    position: relative;
    width: 100%;
    height: 500px;
}

.template-properties--single-map-title
{
    font-size: var(--typography-title-middle-font-size--sm);
    line-height: var(--typography-title-middle-line-height--sm);
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

@media(min-width: 768px)
{
    .template-properties--single-map-title
    {
        font-size: var(--typography-title-middle-font-size--md);
        line-height: var(--typography-title-middle-line-height--md);
    }
}

@media(min-width: 992px)
{
    .template-properties--single-map-title
    {
        font-size: var(--typography-title-middle-font-size--lg);
        line-height: var(--typography-title-middle-line-height--lg);
    }
}

@media(min-width: 1200px)
{
    .template-properties--single-map-title
    {
        font-size: var(--typography-title-middle-font-size--xl);
        line-height: var(--typography-title-middle-line-height--xl);
    }
}

@media(min-width: 1400px)
{
    .template-properties--single-map-title
    {
        font-size: var(--typography-title-middle-font-size--xxl);
        line-height: var(--typography-title-middle-line-height--xxl);
    }
}