@media (max-width: 1200px) { .mk-assets__head, .mk-articles__head{ align-items: flex-start; flex-direction: column; } .mk-articles__grid, .mk-listing-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .mk-asset-grid--three{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .mk-action-card__actions .btn, .mk-action-card__actions .pill-link{ width: auto; } .mk-listings-row{ grid-template-columns: 1fr; align-items: start; } .mk-apu-top{ grid-template-columns: minmax(240px, 360px) 1fr minmax(240px, 320px); } .mk-apu-page-layout{ grid-template-columns: 1fr; } .mk-apu-main, .mk-apu-side, .mk-timeline-card{ position: static; top: auto; } } @media (max-width: 1024px) { .subnav-mobile-backdrop.is-open{ opacity: 1; visibility: visible; pointer-events: auto; } .subnav-mobile-panel.is-open{ transform: translateY(0); opacity: 1; visibility: visible; pointer-events: auto; } .mk-container{ max-width: 88%; } .btn, button, .pill-link{ width: 100%; min-width: 0; max-width: 100%; align-items: center; justify-content: center; text-align: center; } .mk-kicker, .mk-hero-microstats, .mk-hero-microstat{ width: 100%; } .mk-modal__bar-left--mobile-heading .material-icons-outlined{ color: var(--clr-primary); } .mk-flyout-backdrop{ z-index: 9998; } .mk-flyout{ top: 0; right: 0; left: 0; z-index: 9999; display: flex; flex-direction: column; width: 100vw; max-width: 100vw; height: 100dvh; min-height: 100dvh; border-left: 0; transform: translateX(100%); } .mk-flyout__head, .mk-flyout__foot{ flex: 0 0 auto; padding: var(--sp-4); } .mk-flyout__body{ flex: 1 1 auto; min-height: 0; overflow: hidden auto; -webkit-overflow-scrolling: touch; padding: var(--sp-4); gap: var(--sp-4); } .mk-flyout__foot{ margin-top: 0; padding-bottom: calc(var(--sp-4) + env(safe-area-inset-bottom, 0px)); } #mkCloseFilters{ width: 50px; } .mk-asset-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .mk-listings-controls, .mk-listings-row, .mk-listings-left-inner{ flex-direction: column; align-items: stretch; } .mk-listings-left{ max-width: 100%; } .mk-listings-left-inner{ flex-wrap: wrap; } .mk-listings-right{ display: block; width: 100%; margin-left: 0; flex-wrap: wrap; } .mk-top-apus{ display: none; max-width: 100%; justify-content: space-between; white-space: normal; } .mk-top-apus__list{ justify-content: flex-start; flex-wrap: wrap; white-space: normal; } .mk-listing-card__actions-row{ flex-direction: column; } .mk-filters-actions{ width: 100%; } .mk-asset-card .mk-mini-cards{ grid-template-columns: repeat(2, 1fr); } .mk-apu-top, .mk-apu-top.mk-apu-top--v2{ grid-template-columns: 1fr; } .mk-apu-lastop{ min-height: 0; justify-items: start; } .mk-apu-lastop__logo, .mk-apu-lastop--compact .mk-apu-lastop__logo, .mk-apu-lastop.mk-apu-lastop--compact .mk-apu-lastop__logo{ width: 220px; } .mk-apu-lastop--compact .mk-apu-lastop__logo, .mk-apu-lastop.mk-apu-lastop--compact .mk-apu-lastop__logo{ max-height: none; aspect-ratio: 2 / 1; } .mk-apu-actions-col{ gap: var(--sp-3); } .mk-apu-lastop__label{ width: 100%; text-align: left; } .mk-apu-lastop.mk-apu-lastop--compact{ align-items: flex-start; justify-content: flex-start; text-align: left; } .mk-apu-grid-2, .mk-apu-pairs-grid{ grid-template-columns: 1fr; } .mk-apu-pairs-grid, .mk-apu-page-layout .mk-apu-pairs-grid{ gap: 0 !important; } .mk-apu-pairs-grid > .mk-apu-pairs-col, .mk-apu-page-layout .mk-apu-pairs-grid > .mk-apu-pairs-col{ min-width: 0; } .mk-apu-pairs-grid > .mk-apu-pairs-col:not(:last-child) > .mk-apu-row:last-child, .mk-apu-page-layout .mk-apu-pairs-grid > .mk-apu-pairs-col:not(:last-child) > .mk-apu-row:last-child{ border-bottom: 1px solid rgba(255,255,255,0.08) !important; } .mk-apu-page-layout .mk-apu-pairs-grid--basic{ grid-template-columns: 1fr !important; gap: 0 !important; row-gap: 0 !important; } .mk-apu-page-layout .mk-apu-pairs-grid--basic > .mk-apu-pairs-col{ min-width: 0 !important; } .mk-apu-page-layout .mk-apu-pairs-grid--basic > .mk-apu-pairs-col:not(:last-child) > .mk-apu-row:last-child{ border-bottom: 1px solid rgba(255,255,255,0.08) !important; } .mk-data-table{ width: max-content; min-width: max(680px, 100%); } .mk-table-scroll{ width: calc(100% + 32px); margin: 0 -16px; padding: 0 16px; } .mk-data-table th, .mk-data-table td{ padding: 10px 12px; } .mk-data-table td.mk-col-tight, .mk-data-table th.mk-col-tight{ width: auto; min-width: 110px; } .mk-data-table th:last-child, .mk-data-table td:last-child{ min-width: 120px; } .mk-timeline-item{ grid-template-columns: 22px minmax(0, 1fr); grid-auto-rows: auto; column-gap: var(--sp-3); row-gap: var(--sp-3); align-items: start; min-width: 0; } .mk-timeline-list::before{ left: 10px; transform: none; } .mk-timeline-dot{ grid-column: 1; grid-row: 1; } .mk-timeline-card-box, .mk-timeline-card-box--left, .mk-timeline-card-box--right{ grid-column: 2 !important; grid-row: auto !important; width: 100%; min-width: 0; text-align: left !important; } .mk-timeline-logo{ margin-right: 0 !important; margin-left: 0 !important; object-position: left center !important; } .mk-timeline-empty{ display: none; } .mk-apu-utility-links{ flex-direction: column; align-items: flex-start; } .mk-mini-cards--marketplace .material-icons-outlined{ font-size: 30px; } .mk-assets__head .btn{ width: 100%; min-width: 0; justify-content: center; } .mk-carousel__swipe-note .material-icons-outlined{ color: var(--clr-primary); font-size: 18px; } .mk-assets__head{ flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; text-align: left; } } @media (max-width: 922px) { .mk-apu-actions__row, .mk-mini-cards, .mk-mini-cards--marketplace, .mk-team-grid, .mk-hero-microstats{ grid-template-columns: 1fr; } .mk-hero__copy, .mk-hero__intro, .mk-hero__copy--top, .mk-hero__copy--bottom, .mk-hero-signup__head, .mk-split-stats__copy, .mk-split-stats__content, .mk-team-head, .mk-team-card__body, .mk-copy, .mk-contact-hero__intro, .mk-assets__head, .mk-apu-lastop__label, .mk-apu-lastop.mk-apu-lastop--compact, .mk-timeline-card-box, .mk-timeline-card-box--left, .mk-timeline-card-box--right, .spoolup-footer__grid > *, .spoolup-footer__links a, .spoolup-footer__view-all, .spoolup-footer__bottom, .spoolup-footer__bottom-copy, .spoolup-footer__meta, .spoolup-footer__meta-row{ text-align: center; } .mk-team-head, .mk-assets__head, .mk-apu-lastop.mk-apu-lastop--compact, .spoolup-footer__bottom, .spoolup-footer__meta{ align-items: center; } .mk-assets__head, .mk-apu-lastop.mk-apu-lastop--compact, .spoolup-footer__bottom, .spoolup-footer__meta-row{ justify-content: center; } } @media (max-width: 768px) { .mk-action-card__actions .btn, .mk-action-card__actions .pill-link, .mk-modal__actions .btn, .mk-modal__actions .pill-link{ width: 100%; } .mk-listings-head{ flex-direction: column; align-items: flex-start; } .mk-listing-grid{ grid-template-columns: 1fr; } .mk-flyout__foot{ flex-direction: column-reverse; align-items: stretch; } .mk-flyout__foot .btn, .mk-flyout__foot .pill-link{ width: 100%; justify-content: center; } .mk-asset-grid--three{ grid-template-columns: 1fr; } } @media (max-width: 640px) { .mk-copy__actions .btn{ width: 100%; min-width: 0; justify-content: center; } .mk-listing-meta{ gap: var(--sp-2); } .mk-listing-meta__row{ gap: var(--sp-3); padding: var(--sp-2) 0; } .mk-cookie-consent__actions .btn{ width: 100%; min-width: 0; } } @media (max-width: 520px) { .mk-feature-ico .material-icons-outlined{ font-size: 17px; } .mk-asset-card .mk-mini-cards{ grid-template-columns: 1fr; } } @media (max-width: 860px) { body.client-record-minipack-page .client-record-table .client-record-tight, body.client-record-minipack-page .client-record-table .mk-col-tight { width:auto !important; min-width:110px; } } @media (max-width: 640px) { body.client-record-minipack-page .client-record-download-all, body.client-record-minipack-page .client-record-transfer-btn, body.client-record-minipack-page .client-record-share-btn, body.client-record-minipack-page .client-record-share-submit, body.client-record-minipack-page .client-record-share-cancel, body.client-record-minipack-page .client-record-lock__actions .btn { width:100%; min-width:0; max-width:100%; } } @media (max-width: 860px) { body.client-record-minipack-page .client-record-asof__tip:hover::after, body.client-record-minipack-page .client-record-asof__tip:focus::after, body.client-record-minipack-page .client-record-asof__tip.is-open::after { transform:translate(-50%, 0); } } @media (max-width: 640px) { body.client-record-minipack-page .client-record-download-all, body.client-record-minipack-page .client-record-transfer-btn, body.client-record-minipack-page .client-record-share-btn, body.client-record-minipack-page .client-record-share-submit, body.client-record-minipack-page .client-record-share-cancel, body.client-record-minipack-page .client-record-lock__actions .btn { width:100%; max-width:100%; margin-inline:auto; } } @media (max-width: 860px) { body.client-record-minipack-page .client-record-download-all, body.client-record-minipack-page .client-record-transfer-btn, body.client-record-minipack-page .client-record-share-btn, body.client-record-minipack-page .client-record-share-submit, body.client-record-minipack-page .client-record-share-cancel, body.client-record-minipack-page .client-record-lock__actions .btn { width:100%; max-width:100%; min-width:0; box-sizing:border-box; align-self:stretch; } } @media (max-width: 860px) { body.client-record-advisory-page .client-record-table .client-record-tight, body.client-record-advisory-page .client-record-table .mk-col-tight { width: auto !important; min-width: 110px; } } @media (max-width: 640px) { body.client-record-advisory-page .client-record-download-all, body.client-record-advisory-page .client-record-transfer-btn, body.client-record-advisory-page .client-record-share-btn, body.client-record-advisory-page .client-record-share-submit, body.client-record-advisory-page .client-record-share-cancel, body.client-record-advisory-page .client-record-lock__actions .btn { width: 100%; min-width: 0; max-width: 100%; } } @media (max-width: 640px) { body.client-record-advisory-page .client-record-download-all, body.client-record-advisory-page .client-record-transfer-btn, body.client-record-advisory-page .client-record-share-btn, body.client-record-advisory-page .client-record-share-submit, body.client-record-advisory-page .client-record-share-cancel, body.client-record-advisory-page .client-record-lock__actions .btn { width: 100%; max-width: 100%; margin-inline: auto; } } @media (max-width: 860px) { body.client-record-advisory-page .client-record-download-all, body.client-record-advisory-page .client-record-transfer-btn, body.client-record-advisory-page .client-record-share-btn, body.client-record-advisory-page .client-record-share-submit, body.client-record-advisory-page .client-record-share-cancel, body.client-record-advisory-page .client-record-lock__actions .btn, body.client-record-advisory-page .client-record-brand-panel > a, body.client-record-advisory-page .client-record-brand-panel > button, body.client-record-advisory-page .client-record-brand-panel > span.client-record-download-all, body.client-record-advisory-page .client-record-minipack-pdf-form button, body.client-record-advisory-page .client-record-minipack-pdf-form a { width: 100% !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; align-self: stretch !important; justify-content: center !important; } } @media (max-width: 1024px) { .mk-value-props .mk-media__box { min-height: 300px; } .mk-hero--insights .mk-media__box--hero-video { max-width: 100%; } } .mk-listing-card__img, .mk-listing-card--summary .mk-listing-card__img, .mk-listing-card__img.mk-marketplace-listing-image, .mk-listing-card--summary .mk-listing-card__img.mk-marketplace-listing-image { height: var(--mk-marketplace-listing-card-image-height, 300px) !important; background-size: var(--mk-marketplace-listing-card-image-size, contain) !important; background-position: center; background-repeat: no-repeat; background-color: var(--clr-bg); } @media (max-width: 922px) { .mk-marketplaces-head, .mk-marketplaces-head > div, .mk-marketplaces-title { width: 100%; text-align: center !important; } } @media (max-width: 820px) { .mk-stand-details-grid, .mk-stand-modal-media, .mk-stand-rate-grid { grid-template-columns: 1fr; } .mk-stand-modal-media__figure { display: grid; } .mk-stand-modal-media__img { height: auto; min-height: 0; aspect-ratio: 4 / 3; } .mk-stand-modal-head { align-items: flex-start; } .mk-stand-modal-title { font-size: var(--type-section-title); } .mk-stand-partner__logo { min-height: 92px; } .mk-stand-pagination { align-items: stretch; flex-direction: column; } .mk-stand-pagination__pager { width: 100%; flex-direction: column; } .mk-stand-pagination__pager .pill-link { width: 100%; justify-content: center; } } @media (max-width: 720px) { .mk-carousel__swipe-note { display: flex; } .mk-offer-overview-head { display: block; } .mk-offer-overview-count { margin-top: 10px; } .mk-offer-actions-row { align-items: stretch; flex-direction: column; } .mk-make-offer-btn { width: 100%; min-width: 0; } .mk-offer-actions-row .pill-link { justify-content: center; } } @media (max-width: 640px) { #standRfqModal { padding: 0; place-items: stretch; } #standRfqModal .mk-modal__panel { width: 100%; max-width: none; height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; border: 0; border-radius: 0; } #standRfqModal .mk-modal__bar { gap: 12px; padding: 14px 16px; } #standRfqModal .mk-modal__bar-left { min-width: 0; } #standRfqModal .mk-modal__bar-title { font-size: var(--type-card-title) !important; line-height: var(--type-line-heading) !important; overflow-wrap: anywhere; } #standRfqModal .mk-modal__close { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px; padding: 0; } #standRfqModal .mk-modal__body { padding: 18px 16px calc(18px + env(safe-area-inset-bottom,0px)); overflow-y: auto; } #standRfqModal .mk-stand-rfq-form { width: 100%; max-width: 100%; min-width: 0; gap: 16px; } #standRfqModal .mk-stand-rfq-form > *, #standRfqModal .mk-message-modal-meta .mk-apu-badge, #standRfqModal .mk-stand-rfq-form textarea, #standRfqModal .mk-auth-actions, #standRfqModal .mk-message-modal-btn { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; } #standRfqModal .mk-message-modal-meta .mk-apu-badge { align-items: flex-start; line-height: 1.35; white-space: normal; } #standRfqModal .mk-message-modal-meta .mk-apu-badge > span:last-child { min-width: 0; overflow-wrap: anywhere; word-break: normal; } #standRfqModal .mk-stand-rfq-form textarea { min-height: 200px; } }