@media (min-width:640px) {
 .dist-grid { grid-template-columns: repeat(4,1fr) !important; max-width:900px !important; }
}
@media (max-width:639px) {
 .dist-grid { gap:0.75rem 0.4rem !important; padding:0 0.25rem; }
 .dist-grid > div { min-width:0; overflow:hidden; }
 .dist-grid img { max-height:30px !important; max-width:100% !important; }
 .dist-grid img[alt="Tarweej"] { max-height:38px !important; }
 .dist-grid span { font-size:0.55rem !important; letter-spacing:.04em !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
 .dist-grid > div > div:first-child { height:38px !important; }
}