.contactDetails.smallMap {
    max-width: 1200px;
    margin: 75px auto 0;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
}
.contactDetails.smallMap iframe {
    float: left;
    width: 700px;
    height: 275px !important;
}
.contactDetails.smallMap .contactFields {
    float: left;
    width: auto;
    max-width: calc(100% - 700px);
}
.contactDetails.smallMap .contactField {
    float: left;
    clear: left;
    width: auto;
    margin: 0 0 25px 30px;
}
.contactDetails.smallMap .contactField.withImage {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.contactDetails.smallMap .contactField.withImage * {
    float: left;
    width: auto;
    margin-right: 10px;
}
.contactDetails.smallMap .contactField .text {
    float: left;
    width: auto;
    margin-bottom: 5px;
}
.contactDetails.smallMap .contactField.onlyText .contactFieldValue {
    font-size: 20px;
    color: #000;
}
.contactDetails.smallMap .contactField .contactFieldValue {
    color: var(--color-three);
    clear: left;
}

@media (max-width: 1000px) {
    .contactDetails.smallMap .map {
        width: calc(100% - 300px);
    }
    .contactDetails.smallMap iframe {
        width: 100%;
    }
    .contactDetails.smallMap .contactFields {
        width: 300px;
        max-width: unset;
    }
}
@media (max-width: 800px) {
    .contactDetails.smallMap {
        margin-top: 50px;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .contactDetails.smallMap .map {
        width: 100%;
    }
    .contactDetails.smallMap .contactFields {
        width: 100%;
        max-width: unset;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        -webkit-align-items: center;
        padding-top: 25px;
    }
    .contactDetails.smallMap .contactField {
        margin: 0 0 10px 0;
    }
}