/* Production migration repairs. Preserve the existing Yoga Bear design. */
@media (max-width:979px) {
    .x-navbar .x-nav-wrap.mobile { background:#fff; position:relative; z-index:100; clear:both; }
    .x-navbar .x-nav-wrap.mobile .x-nav { margin:0; padding:8px 18px; }
    .x-navbar .x-nav-wrap.mobile .x-nav > li > a { color:#222!important; text-shadow:none; }
    .x-navbar .x-nav-wrap.mobile .x-nav > li.current-menu-item > a,
    .x-navbar .x-nav-wrap.mobile .x-nav > li > a:hover,
    .x-navbar .x-nav-wrap.mobile .x-nav > li > a:focus { background:#d9432b; color:#fff!important; }
}
/* Keep the coverage map inside its column instead of across the form. */
div#map-holder { position:relative!important; right:auto!important; bottom:auto!important; margin-top:0!important; width:48%!important; }
div#map-holder img, div#repair-service #map-holder img { width:100%!important; max-width:100%!important; height:auto; }
@media (max-width:767px) { div#map-holder { width:100%!important; margin-top:32px!important; } }
/* Preserve the contact page's two-column desktop design without absolute positioning. */
@media (min-width:980px) {
    body.page-id-1957 #repair-service > .x-container { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:4%; align-items:start; }
    body.page-id-1957 #repair-service > .x-container::before,
    body.page-id-1957 #repair-service > .x-container::after { display:none; }
    body.page-id-1957 #repair-service > .x-container > .x-column { float:none!important; width:100%!important; margin:0!important; }
}
body.page-id-1957 #repair-service #map-holder { width:100%!important; }
@media (max-width:979px) {
    body.page-id-1957 #repair-service > .x-container > .x-column { float:none!important; width:100%!important; margin-left:0!important; margin-right:0!important; }
    body.page-id-1957 #repair-service #map-holder { margin-top:32px!important; }
}