.location-grid-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -30px; }
.location-grid-item { width: 50%; padding: 0 15px; margin-bottom: 30px; }
.location-grid-box { min-height: 250px; }
.lgb-left { width: 50%; }
.lgb-right { width: 50%; }
.lgb-right-map { padding-bottom: 64.5%; height: 100%;}
.lgb-right-map iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.lgb-left-content { padding: 32px 32px; gap: 5px; }
.lgb-left-content h3 {font-size: 20px;text-transform: uppercase;font-weight: 700;color: var(--kal-green);letter-spacing: -0.025em;margin-bottom: 0;}
.lgb-left-content address {font-size: 20px;line-height: 1;letter-spacing: -0.02em;margin-bottom: 0;}
.lgb-phone-link { font-size: 20px;font-weight: 600;line-height: 1; letter-spacing: -0.02em;}

.bg-white.location-grid-container  .location-grid-box{background: var(--kal-grey)!important;color: var(--kal-black)!important;}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .lgb-left-content { padding: 35px 15px 35px 35px; }
    .lgb-left { width: 64%; }
    .lgb-right { width: 36%; }
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
    .location-grid-item { width: 100%; }
    .lgb-left { width: 53%; }
    .lgb-right { width: 47%; }
    .lgb-left-content { padding: 35px; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .lgb-left { width: 50%; }
    .lgb-right { width: 50%; }
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
    .lgb-left { width: 100%; }
    .lgb-right { width: 100%; }
    .lgb-right-map { padding-bottom: 62.5%; }
    .lgb-left-content { padding: 33px 31px; gap: 20px;}
}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
}