@media (max-width: 1200px){ .mk-articles__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width: 1024px){ .mk-article-hero{ padding: var(--site-hero-nav-gap-mobile) 0 clamp(22px, 4vw, 34px); } .mk-article-header__top, .mk-article-body{ grid-template-columns:1fr; } .mk-article-header__media{ order:2; } .mk-article-header__media img, .mk-article-header__media video{ min-height:220px; } .mk-article-header__intro{ max-width:none; } .mk-article-aside{ position:static; top:auto; } .mk-related{ padding-top:18px; padding-left:0; border-top:1px solid rgba(255,255,255,0.10); border-left:0; } } @media (max-width: 980px){ .mk-articles-page__head{ flex-direction:column; align-items:flex-start; } .mk-articles-controls__row{ flex-direction:column; align-items:stretch; } .mk-articles-controls__left{ min-width:0; } .mk-articles-controls__right{ display:flex; justify-content:flex-end; } } @media (max-width: 720px){ .mk-articles__grid{ grid-template-columns:1fr; } .mk-article__img{ height:180px; } .mk-article-share{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .mk-article-share .pill-link{ margin:0; width:100%; justify-content:center; } .mk-article-cta__actions{ flex-direction:column; align-items:stretch; } .mk-article-cta__actions .btn, .mk-article-cta__actions .pill-link, .mk-articles-page__pager .pill-link, .mk-flyout__foot .btn, .mk-flyout__foot .pill-link{ width:100%; justify-content:center; } .mk-flyout__foot{ align-items:stretch; flex-direction:column; } } @media (max-width: 560px){ .mk-article-share{ grid-template-columns:1fr; } .mk-articles-page__pagination{ align-items:stretch; flex-direction:column; } .mk-articles-page__pager{ width:100%; flex-direction:column; align-items:stretch; } }