.office-locations {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.office-locations .col {
    flex: 20%;
    max-width: 20%;
}
.our-office {
    margin-bottom: 20px;
    color: #000;
}
.our-office ul {
    list-style: none;
    padding-left: 0;
}

@media (max-width: 1199px) {
.office-locations .col {
    flex: 0 0 33%;
    max-width: 33%;
}
}

@media (max-width: 991px) and (min-width: 768px) {
.office-locations .col {
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media (max-width: 767px) {
.office-locations .col {
    flex: 0 0 50%;
    max-width: 50%;
}
@media (max-width: 420px) {
.office-locations .col {
    flex: 0 0 100%;
    max-width: 100%;
}