@media (min-width: 769px) and (max-width: 990px) { .article-v2 {
padding: 32px 20px 60px;
}
.article-v2__container {
flex-direction: column;
}
.article-v2__sidebar {
width: 100%;
} .article-v2__sidebar .blog-v2__form-widget-wrapper {
display: none;
}
.article-v2__main {
gap: 30px;
} .article-v2__hero {
height: 280px;
}
.article-v2__title {
font-size: 36px;
} .article-v2__body h2 {
font-size: 28px;
}
.article-v2__body h3 {
font-size: 22px;
}
.article-v2__body p,
.article-v2__body ol li,
.article-v2__body ul li {
font-size: 18px;
line-height: 28px;
}
.article-v2__body blockquote p {
font-size: 20px;
line-height: 30px;
}
.article-v2__toc-title {
font-size: 28px;
} .article-v2__body .article-gallery:not(.article-gallery--single) {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
.article-v2__body .article-gallery:not(.article-gallery--single)::-webkit-scrollbar {
display: none;
}
.article-v2__body .article-gallery:not(.article-gallery--single) .article-gallery__item {
flex: 0 0 75%;
scroll-snap-align: start;
height: 260px;
}
.article-v2__body .article-gallery--2 .article-gallery__item,
.article-v2__body .article-gallery--3 .article-gallery__item,
.article-v2__body .article-gallery--4 .article-gallery__item {
height: 260px;
} .article-v2__body .article-gallery--merged {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
flex-wrap: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
.article-v2__body .article-gallery--merged::-webkit-scrollbar {
display: none;
}
.article-v2__body .article-gallery--merged .article-gallery__item {
flex: 0 0 75%;
scroll-snap-align: start;
height: 260px;
} .article-v2__related-grid {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
gap: 12px;
}
.article-v2__related-card {
flex: 0 0 280px;
scroll-snap-align: start;
}
.article-v2__related-title {
font-size: 28px;
} .article-v2__share {
gap: 12px;
}
.article-v2__share-link-text {
font-size: 14px;
} .blog-footer {
padding: 32px 40px;
}
.blog-footer__menus {
gap: 32px;
}
.blog-footer__contacts {
min-width: 280px;
padding: 24px;
}
.blog-footer__callback {
min-width: 280px;
}
}