/* ================= office-location Start ================= */
.map-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -40px; }
.map-item { width: 100%; padding: 0 15px; margin-bottom: 40px; }
.map-list.four-plus{flex-wrap: wrap;}
.map-list.four-plus .map-item{width: 25%;}
.map-map { width: 100%; height: 250px; }
.map-map iframe, .map-map img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
.map-content { padding: 35px 0 10px; }
.map-content h4 { font-size: 25px; line-height: 31px; margin-bottom: 24px; font-weight: 700; }
.map-address { position: relative; padding-left: 55px; font-size: 18px; line-height: 26px; margin-right: 10%; }
.map-address .map-icon { position: absolute; top: 0; left: 0; width: 24px; }
.map-address .map-icon img { width: 100%; height: auto; object-fit: contain; }
/* ================= office-location End ================= */


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
.map-list{flex-wrap: wrap;}
.map-list .map-item{width: 33.333% !important;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.map-list .map-item{width:50% !important;}
   
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {

.map-list .map-item{width: 100% !important;}
    .map-address { width: 100%; line-height: 26px; }
    .map-content h4 { margin-bottom: 26px; }
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){

}