.adv-megamenu { --adv-root-gap: 0.25rem; --adv-root-link-gap: 0.45rem; --adv-root-link-min-height: 50px; --adv-root-link-padding-x: 0.7rem; --adv-root-font-size: 0.9rem; --adv-panel-inner-gap: 1.25rem; --adv-panel-inner-padding: 1rem; --adv-panel-nav-min: 240px; --adv-panel-nav-max: 280px; --adv-submenu-title-size: 1rem; --adv-rich-intro-gap: 0.9rem; --adv-rich-intro-padding: 0.95rem; --adv-rich-intro-media-width: 180px; --adv-rich-intro-title-size: 1.12rem; --adv-card-title-size: 0.95rem; --adv-card-text-size: 0.88rem; --adv-product-name-size: 0.8rem; --adv-node-card-image-size: 88px; --adv-node-card-body-padding: 0.5rem; --adv-node-card-gap: 0.3rem; --adv-node-card-title-lines: 2; --adv-node-card-text-lines: 3; position: relative; z-index: 500; color: #2d241d; display: inline-block; width: auto; max-width: 100%; vertical-align: top; } .adv-megamenu__root-list, .adv-megamenu__category-tree, .adv-megamenu__manual-tree, .adv-megamenu__mobile-list { list-style: none; margin: 0; padding: 0; } .adv-megamenu__desktop { position: relative; display: inline-flex; align-items: center; gap: 0.6rem; width: auto; max-width: 100%; color: #2d241d; overflow: visible; } .adv-megamenu__brand { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; text-decoration: none; } .adv-megamenu__brand img { display: block; width: auto; height: auto; max-width: 50px; max-height: 50px; } .adv-megamenu__root-list { width: auto; display: flex; align-items: stretch; gap: var(--adv-root-gap); flex-wrap: nowrap; white-space: nowrap; padding: 0 0.25rem; } .adv-megamenu__root-item { position: static; } .adv-megamenu .adv-megamenu__root-link, .adv-megamenu .adv-megamenu__root-link:link, .adv-megamenu .adv-megamenu__root-link:visited { display: flex; align-items: center; gap: var(--adv-root-link-gap); min-height: var(--adv-root-link-min-height); padding: 0 var(--adv-root-link-padding-x); color: #2d241d; font-weight: 600; font-size: var(--adv-root-font-size); text-decoration: none; background: transparent; } .adv-megamenu__root-item.is-current > .adv-megamenu__root-link, .adv-megamenu__root-item:hover > .adv-megamenu__root-link, .adv-megamenu__root-item.is-open > .adv-megamenu__root-link { color: var(--bs-primary); } .adv-megamenu__root-item.is-open > .adv-megamenu__root-link { position: relative; z-index: 560; } .adv-megamenu__panel { position: absolute; z-index: 550; top: calc(100% + 3px); left: var(--adv-panel-left, 0px); right: auto; width: var(--adv-panel-width, min(1440px, calc(100vw - 2rem))); min-width: var(--adv-panel-width, min(1440px, calc(100vw - 2rem))); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease; } .adv-megamenu__root-item.is-open > .adv-megamenu__panel { opacity: 1; visibility: visible; transform: translateY(0); } .adv-megamenu__root-item.is-open > .adv-megamenu__panel::before { content: ''; position: absolute; top: -4px; left: var(--adv-bridge-left, 1rem); width: var(--adv-bridge-width, 8rem); height: 4px; pointer-events: none; background: var(--bs-primary); border-radius: 999px; } .adv-megamenu__panel-inner { display: grid; grid-template-columns: minmax(var(--adv-panel-nav-min), var(--adv-panel-nav-max)) 1fr; gap: var(--adv-panel-inner-gap); padding: var(--adv-panel-inner-padding); max-height: calc(100vh - 110px); overflow-y: auto; background: #fffdfa; color: #2d241d; border: 1px solid #ddd3c3; border-top: 0; box-shadow: 0 18px 42px rgba(45, 36, 29, 0.14); } .adv-megamenu__panel-nav { padding-right: 1rem; border-right: 1px solid #ebe2d6; } .adv-megamenu__manual-tree li { border-bottom: 1px solid #ebe2d6; } .adv-megamenu__manual-tree li.has-submenu > a { position: relative; padding-bottom: 0.75rem; padding-right: 1.5rem; border-bottom: 3px solid transparent; font-weight: 600; } .adv-megamenu__manual-tree li.has-submenu > a::after { content: '\203A'; position: absolute; top: 50%; right: 0.15rem; transform: translateY(-50%); color: var(--bs-primary); } .adv-megamenu .adv-megamenu__manual-tree li.is-active > a, .adv-megamenu .adv-megamenu__manual-tree li.is-active > a:link, .adv-megamenu .adv-megamenu__manual-tree li.is-active > a:visited { color: var(--bs-primary); border-bottom-color: var(--bs-primary); } .adv-megamenu__panel-content { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; white-space: normal; } .adv-megamenu__submenu-content { position: relative; min-height: 100%; } .adv-megamenu__submenu-pane { display: none; } .adv-megamenu__submenu-pane.is-active { display: block; } .adv-megamenu__submenu-title { margin: 0 0 1rem; font-size: var(--adv-submenu-title-size); font-weight: 700; color: #241a13; } .adv-megamenu__rich-intro { display: flex; align-items: flex-start; gap: var(--adv-rich-intro-gap); margin-bottom: 1.5rem; padding: var(--adv-rich-intro-padding); border-radius: 18px; background: #f7f1ea; } .adv-megamenu__rich-intro-media { flex: 0 0 var(--adv-rich-intro-media-width); max-width: var(--adv-rich-intro-media-width); } .adv-megamenu__rich-intro-media img { display: block; width: 100%; height: auto; border-radius: 14px; } .adv-megamenu__rich-intro-body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 0.85rem; min-width: 0; } .adv-megamenu__rich-intro-title { margin: 0; font-size: var(--adv-rich-intro-title-size); font-weight: 700; color: #241a13; } .adv-megamenu__rich-intro-description { font-size: var(--adv-card-text-size); color: #5a4b3f; line-height: 1.6; } .adv-megamenu__rich-intro-description > :last-child { margin-bottom: 0; } .adv-megamenu .adv-megamenu__rich-intro-link, .adv-megamenu .adv-megamenu__rich-intro-link:link, .adv-megamenu .adv-megamenu__rich-intro-link:visited { display: inline-flex; align-self: flex-start; align-items: center; justify-content: center; text-decoration: none; } .adv-megamenu__rich-node-row { display: grid; gap: 0.85rem; margin-bottom: 1rem; } .adv-megamenu__rich-node-card { display: flex; flex-direction: row; align-items: flex-start; gap: 1rem; padding: 1rem; border: 1px solid #ece4d8; border-radius: 16px; background: #ffffff; box-shadow: 0 8px 20px rgba(45, 36, 29, 0.06); } .adv-megamenu__rich-node-media { flex: 0 0 148px; max-width: 148px; } .adv-megamenu__rich-node-media img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } .adv-megamenu__rich-node-body { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: 0.55rem; min-width: 0; } .adv-megamenu__rich-node-title { margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.3; } .adv-megamenu .adv-megamenu__rich-node-title a, .adv-megamenu .adv-megamenu__rich-node-title a:link, .adv-megamenu .adv-megamenu__rich-node-title a:visited { color: #241a13; text-decoration: none; } .adv-megamenu .adv-megamenu__rich-node-title a:hover { color: #8a3c1f; } .adv-megamenu__rich-node-description { color: #5a4b3f; font-size: 0.92rem; line-height: 1.55; } .adv-megamenu .adv-megamenu__rich-node-link, .adv-megamenu .adv-megamenu__rich-node-link:link, .adv-megamenu .adv-megamenu__rich-node-link:visited { display: inline-flex; align-items: center; justify-content: center; margin-top: auto; text-decoration: none; } .adv-megamenu .adv-megamenu__submenu-pane, .adv-megamenu .adv-megamenu__submenu-pane a, .adv-megamenu .adv-megamenu__submenu-pane a:link, .adv-megamenu .adv-megamenu__submenu-pane a:visited { color: #2d241d; } .adv-megamenu__panel-tree, .adv-megamenu__panel-tree ul { list-style: none; margin: 0; padding: 0; } .adv-megamenu__panel-tree { display: grid; gap: 0.5rem; } .adv-megamenu__panel-tree ul { margin-top: 0.45rem; margin-left: 1rem; } .adv-megamenu .adv-megamenu__panel-tree a, .adv-megamenu .adv-megamenu__panel-tree a:link, .adv-megamenu .adv-megamenu__panel-tree a:visited { display: inline-block; padding: 0.15rem 0; color: #3d3026; text-decoration: none; } .adv-megamenu .adv-megamenu__panel-tree a:hover { color: #8a3c1f; } .adv-megamenu .adv-megamenu__category-tree a, .adv-megamenu .adv-megamenu__category-tree a:link, .adv-megamenu .adv-megamenu__category-tree a:visited, .adv-megamenu .adv-megamenu__manual-tree a, .adv-megamenu .adv-megamenu__manual-tree a:link, .adv-megamenu .adv-megamenu__manual-tree a:visited { display: block; padding: 0.35rem 0; color: #3d3026; text-decoration: none; } .adv-megamenu .adv-megamenu__category-tree a:hover, .adv-megamenu .adv-megamenu__manual-tree a:hover { color: #8a3c1f; } .adv-megamenu__category-tree ul, .adv-megamenu__manual-tree ul { margin-left: 1rem; } .adv-megamenu__panel-content .row { row-gap: 1rem; } .adv-megamenu__manual-tree li.has-children > ul, .adv-megamenu__category-tree li.has-children > ul { display: none; } .adv-megamenu__manual-tree li.is-expanded > ul, .adv-megamenu__category-tree li.is-expanded > ul { display: block; } .adv-megamenu__manual-tree li.has-children > a, .adv-megamenu__category-tree li.has-children > a { cursor: pointer; } .adv-megamenu__promo { height: 100%; padding: 1rem; border-radius: 18px; background: var(--adv-promo-bg, #f3ede5); color: #2d241d; } .adv-megamenu__layout-row { row-gap: 1rem; } .adv-megamenu__layout-card { overflow: hidden; border: 0; box-shadow: 0 10px 24px rgba(45, 36, 29, 0.08); } .adv-megamenu__layout-card-body { display: flex; flex-direction: column; gap: 0.85rem; } .adv-megamenu__layout-card .card-title { margin: 0; font-size: var(--adv-card-title-size); font-weight: 700; color: #241a13; } .adv-megamenu__layout-card .card-text { margin: 0; font-size: var(--adv-card-text-size); color: #5a4b3f; line-height: 1.5; } .adv-megamenu__promo-media { margin-bottom: 0.9rem; overflow: hidden; } .adv-megamenu__promo-media img { display: block; width: 100%; height: auto; } .adv-megamenu__products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } .adv-megamenu__product-card { background: rgba(255, 255, 255, 0.82); color: #2d241d; } .adv-megamenu .adv-megamenu__product-link, .adv-megamenu .adv-megamenu__product-link:link, .adv-megamenu .adv-megamenu__product-link:visited { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem; color: #2d241d; text-decoration: none; } .adv-megamenu__product-link img { width: 100%; height: auto; border-radius: 10px; } .adv-megamenu__product-name { font-size: var(--adv-product-name-size); line-height: 1.35; } .adv-megamenu__product-price { font-weight: 700; color: #8a3c1f; } .adv-megamenu__mobile { display: none; } .adv-megamenu__toggle { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: inherit; } .adv-megamenu__overlay { position: fixed; inset: 0; z-index: 2000; display: none; background: rgba(30, 22, 17, 0.4); } .adv-megamenu__overlay.is-open { display: block; } .adv-megamenu__drawer { width: min(88vw, 380px); height: 100%; background: #fffdfa; box-shadow: 20px 0 50px rgba(0, 0, 0, 0.16); transform: translateX(-100%); transition: transform 220ms ease; } .adv-megamenu__overlay.is-open .adv-megamenu__drawer { transform: translateX(0); } .adv-megamenu__mobile-head, .adv-megamenu__mobile-bar { display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 1rem; border-bottom: 1px solid #ebe2d6; color: #2d241d; background: #fffdfa; } .adv-megamenu__close, .adv-megamenu__mobile-back, .adv-megamenu__mobile-link-row button { border: 0; background: transparent; color: #8a3c1f; font-weight: 700; } .adv-megamenu .adv-megamenu__mobile-title-link, .adv-megamenu .adv-megamenu__mobile-title-link:link, .adv-megamenu .adv-megamenu__mobile-title-link:visited { display: inline-flex; align-items: center; justify-content: flex-end; gap: 0.25rem; min-width: 0; color: #8a3c1f; font-weight: 600; line-height: 1.25; text-align: right; text-decoration: none; } .adv-megamenu__mobile-title-link .material-icons { flex: 0 0 auto; font-size: 1.125rem; } .adv-megamenu .adv-megamenu__mobile-title-link:hover, .adv-megamenu .adv-megamenu__mobile-title-link:focus-visible { color: #8a3c1f; } .adv-megamenu__mobile-viewport { position: relative; height: calc(100% - 56px); overflow: hidden; } .adv-megamenu__mobile-panel { position: absolute; inset: 0; overflow-y: auto; background: #fffdfa; transform: translateX(100%); transition: transform 220ms ease; } .adv-megamenu__mobile-panel.is-active { transform: translateX(0); } .adv-megamenu__mobile-panel.is-left { transform: translateX(-100%); } .adv-megamenu__mobile-link-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0.5rem; padding: 0.85rem 1rem; border-bottom: 1px solid #f0e9df; background: #fffdfa; } .adv-megamenu__mobile-link-row--with-image { grid-template-columns: minmax(0, 1fr) auto; } .adv-megamenu .adv-megamenu__mobile-main-link, .adv-megamenu .adv-megamenu__mobile-main-link:link, .adv-megamenu .adv-megamenu__mobile-main-link:visited { display: block; min-width: 0; color: #2d241d; text-decoration: none; } .adv-megamenu .adv-megamenu__mobile-main-link--with-image, .adv-megamenu .adv-megamenu__mobile-main-link--with-image:link, .adv-megamenu .adv-megamenu__mobile-main-link--with-image:visited { display: flex; align-items: center; gap: 0.75rem; } .adv-megamenu__mobile-main-link-label { display: block; min-width: 0; } .adv-megamenu__mobile-thumb { width: 112px; height: 112px; overflow: hidden; border-radius: 10px; background: #ffffff; border: 1px solid #ece4d8; } .adv-megamenu__mobile-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .adv-megamenu__mobile-thumb--sprite { display: flex; align-items: center; justify-content: center; padding: 0.5rem; } .adv-megamenu__mobile-thumb--sprite .adv-megamenu__icon { max-width: 100%; max-height: 100%; background-size: auto; } .adv-megamenu .adv-megamenu__mobile-link-row a, .adv-megamenu .adv-megamenu__mobile-link-row a:link, .adv-megamenu .adv-megamenu__mobile-link-row a:visited { color: #2d241d; text-decoration: none; } @media (max-width: 991px) { #header.header.js-sticky-header { position: sticky; top: 0; z-index: 1600; width: 100%; background-color: inherit; } .header-bottom { box-shadow: 0 8px 18px rgba(17, 17, 17, 0.12); } .header-bottom__container { position: relative; z-index: 1; } .adv-megamenu { display: inline-flex; width: auto; max-width: none; vertical-align: middle; } .adv-megamenu__desktop { display: none; } .adv-megamenu__mobile { display: flex; flex: 0 0 auto; width: auto; order: 2; align-items: center; gap: 0.4rem; } .adv-megamenu__brand--mobile img { max-width: 42px; max-height: 42px; } .header-bottom__row > .search__mobile { order: 3; } .header-bottom__row > #_mobile_user_info { order: 4; } .header-bottom__row > #_mobile_cart { order: 5; } .adv-megamenu__toggle.header-block__action-btn { min-height: 100%; padding: 0.5rem; } .header-bottom__row > .adv-megamenu, .header-bottom__row > .search__mobile, .header-bottom__row > #_mobile_user_info, .header-bottom__row > #_mobile_cart { align-self: center; } .header-bottom__row > .adv-megamenu .header-block__icon, .header-bottom__row > .search__mobile .header-block__icon, .header-bottom__row > #_mobile_user_info .header-block__icon, .header-bottom__row > #_mobile_cart .header-block__icon { line-height: 1; } .adv-megamenu__rich-intro { flex-direction: column; } .adv-megamenu__rich-intro-media { flex-basis: auto; max-width: 100%; } } .adv-megamenu__node-card-row { row-gap: 0.5rem; } .adv-megamenu__node-card { height: 100%; border: 1px solid #ebe2d6; box-shadow: 0 6px 16px rgba(45, 36, 29, 0.07); background: #fffdfa; transition: box-shadow 160ms ease, transform 160ms ease; } .adv-megamenu .adv-megamenu__node-card-link, .adv-megamenu .adv-megamenu__node-card-link:link, .adv-megamenu .adv-megamenu__node-card-link:visited { display: block; height: 100%; color: inherit; text-decoration: none; } .adv-megamenu .adv-megamenu__node-card-link:hover .adv-megamenu__node-card, .adv-megamenu .adv-megamenu__node-card-link:focus .adv-megamenu__node-card, .adv-megamenu .adv-megamenu__node-card-link:focus-visible .adv-megamenu__node-card { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(45, 36, 29, 0.12); } .adv-megamenu__node-card .card-img-top { display: block; width: var(--adv-node-card-image-size) !important; height: var(--adv-node-card-image-size) !important; min-height: 0 !important; max-height: var(--adv-node-card-image-size) !important; max-width: 100%; margin: 0 auto; object-fit: contain; background: #ffffff; } .adv-megamenu__node-card-sprite { display: flex; align-items: center; justify-content: center; width: var(--adv-node-card-image-size); height: var(--adv-node-card-image-size); margin: 0 auto; padding: 0.5rem; background: #ffffff; } .adv-megamenu__node-card-sprite .adv-megamenu__icon { max-width: 100%; max-height: 100%; background-size: auto; } .adv-megamenu__node-card .card-body { display: flex; flex-direction: column; gap: var(--adv-node-card-gap); padding: var(--adv-node-card-body-padding) !important; } .adv-megamenu__node-card .card-title, .adv-megamenu__node-card .card-text { color: #2d241d; } .adv-megamenu__node-card .card-title { margin: 0; font-size: var(--adv-card-title-size); font-weight: 700; text-align: center; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--adv-node-card-title-lines); overflow: hidden; } .adv-megamenu__node-card .card-text { margin: 0; font-size: var(--adv-card-text-size); line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--adv-node-card-text-lines); overflow: hidden; text-align: center; } .adv-megamenu__submenu-pane, .adv-megamenu__panel-tree, .adv-megamenu__layout-card, .adv-megamenu__node-card, .adv-megamenu__node-card-link, .adv-megamenu__node-card .card-text, .adv-megamenu__layout-card .card-title, .adv-megamenu__layout-card .card-text { white-space: normal; } @media (min-width: 992px) and (max-width: 1382px) { .adv-megamenu { --adv-root-gap: clamp(0.12rem, 0.08rem + 0.2vw, 0.25rem); --adv-root-link-gap: clamp(0.35rem, 0.22rem + 0.22vw, 0.55rem); --adv-root-link-min-height: clamp(44px, 41px + 0.7vw, 50px); --adv-root-link-padding-x: clamp(0.45rem, 0.15rem + 0.42vw, 0.7rem); --adv-root-font-size: clamp(0.78rem, 0.6rem + 0.28vw, 0.9rem); --adv-panel-inner-gap: clamp(0.85rem, 0.45rem + 0.45vw, 1.25rem); --adv-panel-inner-padding: clamp(0.75rem, 0.45rem + 0.35vw, 1rem); --adv-panel-nav-min: clamp(210px, 17vw, 240px); --adv-panel-nav-max: clamp(225px, 20vw, 280px); --adv-submenu-title-size: clamp(0.9rem, 0.72rem + 0.2vw, 1rem); --adv-rich-intro-gap: clamp(0.7rem, 0.45rem + 0.25vw, 0.9rem); --adv-rich-intro-padding: clamp(0.75rem, 0.45rem + 0.28vw, 0.95rem); --adv-rich-intro-media-width: clamp(140px, 13vw, 180px); --adv-rich-intro-title-size: clamp(0.98rem, 0.8rem + 0.24vw, 1.12rem); --adv-card-title-size: clamp(0.86rem, 0.72rem + 0.2vw, 0.95rem); --adv-card-text-size: clamp(0.78rem, 0.68rem + 0.16vw, 0.88rem); --adv-product-name-size: clamp(0.74rem, 0.66rem + 0.12vw, 0.8rem); --adv-node-card-image-size: clamp(64px, 6vw, 88px); --adv-node-card-body-padding: clamp(0.2rem, 0.15rem + 0.06vw, 0.3rem); --adv-node-card-gap: clamp(0.12rem, 0.1rem + 0.04vw, 0.2rem); } .adv-megamenu__panel { width: var(--adv-panel-width, min(1380px, calc(100vw - 1rem))); min-width: var(--adv-panel-width, min(1380px, calc(100vw - 1rem))); } .adv-megamenu__manual-tree li.has-submenu > a { padding-bottom: clamp(0.45rem, 0.25rem + 0.25vw, 0.75rem); padding-right: 1.25rem; } .adv-megamenu .adv-megamenu__category-tree a, .adv-megamenu .adv-megamenu__category-tree a:link, .adv-megamenu .adv-megamenu__category-tree a:visited, .adv-megamenu .adv-megamenu__manual-tree a, .adv-megamenu .adv-megamenu__manual-tree a:link, .adv-megamenu .adv-megamenu__manual-tree a:visited, .adv-megamenu .adv-megamenu__panel-tree a, .adv-megamenu .adv-megamenu__panel-tree a:link, .adv-megamenu .adv-megamenu__panel-tree a:visited { font-size: clamp(0.76rem, 0.56rem + 0.22vw, 0.95rem); } .adv-megamenu__product-link { padding: clamp(0.5rem, 0.3rem + 0.3vw, 0.75rem); } .adv-megamenu__products { gap: clamp(0.45rem, 0.2rem + 0.25vw, 0.75rem); } .adv-megamenu__node-card .card-text { display: none; } .adv-megamenu__node-card { border-radius: 10px; } .adv-megamenu__rich-node-card { gap: 0.8rem; padding: 0.85rem; } .adv-megamenu__rich-node-media { flex-basis: 120px; max-width: 120px; } .adv-megamenu__rich-node-title { font-size: 0.92rem; } .adv-megamenu__rich-node-description { font-size: 0.82rem; } } @media (min-width: 1600px) { .adv-megamenu { --adv-card-title-size: 1rem; --adv-card-text-size: 0.92rem; --adv-root-link-gap: 0.55rem; --adv-root-link-min-height: 58px; --adv-root-link-padding-x: 1rem; --adv-root-font-size: 1rem; --adv-panel-inner-gap: 2rem; --adv-panel-inner-padding: 1.5rem; --adv-panel-nav-min: 280px; --adv-panel-nav-max: 320px; --adv-submenu-title-size: 1.1rem; --adv-rich-intro-gap: 1.25rem; --adv-rich-intro-padding: 1.25rem; --adv-rich-intro-media-width: 220px; --adv-rich-intro-title-size: 1.35rem; --adv-product-name-size: 0.9rem; --adv-node-card-image-size: 150px; --adv-node-card-body-padding: 0.55rem; --adv-node-card-gap: 0.35rem; } .adv-megamenu__node-card .card-text { display: none; } .adv-megamenu__rich-node-media { flex-basis: 150px; max-width: 150px; } } @media (max-width: 991px) { .adv-megamenu__rich-node-card { flex-direction: column; } .adv-megamenu__rich-node-media { flex-basis: auto; max-width: 100%; } }