/* ============================================================
adaptive.css — адаптивная вёрстка страницы Акзо Нобель
Подключается ПОСЛЕ основных стилей страницы:
Не забудьте также добавить в тег viewport:
============================================================ */
/* ---------- Базовые адаптивные правила (для всех экранов) ---------- */
html,body{min-width:auto}
img {
max-width: 100%;
height: auto;
}
/* Чтобы фиксированные по ширине блоки не вызывали
горизонтальную прокрутку на узких экранах */
body {
overflow-x: hidden;
min-width: 320px;
}
/* ---------- Плавающий блок «Горячая линия» ---------- */
.hotline-block {
max-width: 148px;
}
.hotline-block .vyezd-banner img {
max-width: 100%;
}
/* ============================================================
ПЛАНШЕТЫ И НЕТБУКИ (max-width: 1024px)
Уменьшаем фиксированные ширины до резиновых значений,
позволяем контенту сжиматься и аккуратно переноситься.
============================================================ */
@media (max-width: 1024px) {
/* --- Шапка --- */
.header-logo,
.mh_over {
width: auto !important;
max-width: 100%;
padding: 0 16px;
}
.header-brands {
width: auto !important;
max-width: 100%;
float: none;
margin: 6px auto;
text-align: center;
background: url(../img/logos.png) center bottom / contain no-repeat;
padding-bottom: 16px;
display: flex;
}
.header-brands-item {
float: none;
display: inline-block;
vertical-align: top;
width: 16% !important;
}
.header-brands-dulux {
margin-right: 10px;
}
.mh_right {
float: none;
clear: both;
text-align: center;
margin: 0 auto 10px;
}
.mhr_form {
width: auto;
margin: 0 auto;
}
/* --- Навигация --- */
.dropdown {
width: auto;
display: block;
}
.dropdown > li {
width: auto;
padding: 0 14px;
font-size: 18px;
}
.dropdown > li[style*="width:220px"] {
width: auto !important;
}
/* --- Слайдер --- */
.slider,
.slider-items,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {
height: 300px;
}
.slider-item,
.slider-item-content {
height: 300px;
}
.slider-nav {
width: 100%;
max-width: 100%;
}
.slider-item-content {
width: 100% !important;
max-width: 100%;
}
/* --- Блок «Проектирование / Выбор / Применение» --- */
.main_services {
width: 100% !important;
max-width: 100%;
margin: 30px auto;
padding: 0 16px;
}
.ms_column {
width: 31% !important;
padding-left: 0;
padding-top: 100px;
}
/* Убираем фоновые иконки-отступы, чтобы колонки выровнялись */
.ms_column_1 { padding-left: 0; }
.ms_column_divider {
display: none;
}
/* --- Новости --- */
.mn_container {
width: auto;
max-width: 100%;
padding: 0 16px;
}
.mn_left,
.mn_right {
width: 48% !important;
margin-left: 0 !important;
}
.mn_right {
margin-left: 4% !important;
}
/* --- Подвал --- */
.mf_wrap {
width: 100% !important;
max-width: 100%;
padding: 0 16px 30px;
}
.footer_bottom {
width: 100% !important;
max-width: 100%;
flex-wrap: wrap;
gap: 16px;
}
.application {
width: auto;
padding: 0 16px;
}
.ask_quest {
margin-top: 0;
}
}
/* ============================================================
МОБИЛЬНЫЕ (max-width: 768px)
Всё выстраиваем в одну колонку, скрываем декоративные элементы.
============================================================ */
@media (max-width: 768px) {
/* --- Шапка --- */
.application h1 {
margin-top: 15px;
line-height: 30px;
font-size: 26px;
}
.main_header {
padding-bottom: 12px;
}
.header-brands {
height: auto !important;
}
.header-brands-item {
width: 44% !important;
margin: 4px 2% !important;
}
.header-brands-item div {
margin: 0 auto !important;
}
.mh_right .mht_btn {
font-size: 14px;
padding: 8px 16px;
line-height: 35%;
}
.mht_btn {
width: 100%;
}
/* --- Навигация: горизонтальная прокрутка меню --- */
.main_nav {
position: relative;
}
.dropdown {
white-space: nowrap;
-webkit-overflow-scrolling: touch;
padding-bottom: 2px;
}
.dropdown > li {
width: 100%;
text-align: left;
padding-left: 20px;
}
.dropdown > li .inner {
display: none;
}
/* --- Слайдер --- */
.slider,
.slider-items,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.slider-item,
.slider-item-content {
height: 220px;
}
.slider-nav {
display: none;
}
/* --- Сервисы: одна колонка --- */
.main_services {
margin: 24px auto;
padding: 0 16px;
width: auto !important;
display: flex;
gap: 10px;
}
.ms_column {
float: none !important;
width: 33% !important;
margin-bottom: 5px;
padding-left: 0 !important;
text-align: center;
background-position: center top;
}
.ms_column h2 {
font-size: 13px;
}
.ms_column p {
font-size: 11px;
line-height: 15px;
margin-bottom: 11px;
}
.ms_column a {
font-size: 12px;
}
.ms_column:last-child {
margin-bottom: 0;
}
/* --- Новости: одна колонка --- */
.mn_left,
.mn_right {
float: none !important;
width: 100% !important;
margin-left: 0 !important;
margin-bottom: 20px;
}
.ms_column_1, .ms_column_2, .ms_column_3 {
background-size: 77px;
}
.ms_column_3 p {
margin-top: -21px;
}
.news_list ul {
height: auto !important;
}
.mnl_item {
display: inline-block;
width: 100%;
padding: 16px;
text-align: center;
}
/* --- Подвал: колонки в один ряд --- */
.footer_column {
float: none !important;
width: 100% !important;
margin-bottom: 0;
text-align: left;
}
.footer_column img {
float: none;
}
.footer_nav h2 {
font-size: 18px;
}
.footer_bottom {
flex-direction: column;
align-items: flex-start;
padding: 0 16px 20px;
}
.footer_social {
float: none;
width: 100%;
}
.footer_social .not-list {
flex-wrap: wrap;
}
/* --- Плавающий блок «Горячая линия»: прячем, чтобы не перекрывал контент --- */
.hotline-block {
display: none;
}
.news-block-content {
width: 100%;
}
/* --- Cookie / всплывающие окна --- */
#cookie_notification.show {
text-align: left;
}
.application .news-detail-title-small,
.application .news-detail-title {
font-size: 18px !important;
line-height: 20px;
display: inline-block;
width: 45%;
margin-left: 20px;
}
.application .news-detail-date-small,
.application .news-detail-text-small {
width: 100%;
margin-left: 0;
}
.news-detail-date {
margin-bottom: 15px;
margin-top: 16px;
}
.news-detail-preview {
display: inline-block !important;
width: 48%;
}
.news-block-buttons {
padding-bottom: 58px;
}
.news-block-button-bottom {
bottom: 9px;
}
.news-block-button.news-hide {
right: 13px;
}
.news-detail-text-full {
padding-bottom: 34px;
}
.news-detail-preview img {
object-fit: contain;
}
.news-detail-text, .news-detail-text p {
text-align: left;
}
}
/* --- Страница каталога --- */
@media (max-width: 767px) {
.products-menu {
height: auto;
margin-bottom: 12px;
}
.products-menu-tabs {
display: flex;
height: auto;
max-width: 100%;
}
a.products-menu-tab {
width: 100%;
height: 41px;
}
.products-category {
overflow-x: auto;
max-width: 100%;
height: 100%;
display: flex;
}
.products-category a, .products-category a:active, .products-category a:visited {
margin-top: 19px;
padding-top: 11px;
height: auto;
padding-bottom: 11px;
}
.products-category a.active, .products-category a.active:active, .products-category a.active:visited {
padding-top: 10px;
height: auto;
}
.products-menu-line {
height: auto;
}
.product_item {
max-width: 100%;
margin: 11px auto 3px auto;
width: auto;
display: flex;
flex-direction: column;
}
.product_item tbody,
.product_item tr {
display: contents; /* «разворачивает» tr, чтобы td стали прямыми детьми таблицы */
}
.product_item td {
display: block;
width: 100%;
box-sizing: border-box;
}
/* Управление порядком */
.product_item .product_item-left_block { order: 1; }
.product_item .content { order: 0; }
.product_item .actions { order: 3; }
.product_item-left_block .photo {
margin: 32px auto;
float: unset;
}
.product_item td.actions {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 2px;
}
.product-packages {
float: unset;
text-align: center;
}
ul.product_info {
width: 100%;
}
.product_item .content .subtitle {
margin-bottom: 9px;
width: 100%;
color: grey;
}
a.products-menu-tab, a.products-menu-tab:visited, a.products-menu-tab:active {
height: auto;
}
.product_item__detail {
margin: -35px 16px 0 16px;
width: auto;
}
a.products-menu-tab:active {
width: 100%;
}
.product_item .product_item-left_block,
.product_item .product_info,
.product_item td.actions,
.product_item tr:last-child {
display: none;
}
.product_item .content {
position: relative;
padding-left: 23px;
}
.product_item .content h3 {
font-size: 23px;
margin-bottom: 8px;
font-weight: normal;
cursor: pointer;
color: grey;
}
.product_item .content h3:after {
position: absolute;
top: 0;
right: 0;
}
.product_item.active .content h3:after {
content: '▲';
}
.product_item:not(.active) .content h3:after {
content: '▼';
}
.product_item.active .product_item-left_block,
.product_item.active .product_info,
.product_item.active tr:last-child {
display: block;
}
.product_item.active td.actions {
display: flex;
}
.product_item:not(.active) ~ .product_item__detail {
display: none!important;
}
.product-line-v {
height: auto;
line-height: 109%;
padding: 8px 21px;
margin-top: 15px;
}
.product-line-v>div {
width: auto;
font-size: 12px;
}
.product-show-detail {
margin-bottom: 17px;
}
}
/* --- Меню --- */
@media (max-width: 976px) {
.d-tech {
position: static;
height: auto;
font-size: 15px;
background-size: 14px;
background-position: 27px 0px;
order: 1;
line-height: 125%;
margin-left: auto;
}
.application-header {
padding-bottom: 0px !important;
display: flex;
align-items: center;
}
}
@media (max-width: 574px) {
.d-tech {
background-size: 19px;
background-position: 17px 14px;
}
}
@media (max-width: 540px) {
a.products-menu-tab {
height: 25px;
}
a.products-menu-tab, a.products-menu-tab:visited, a.products-menu-tab:active {
line-height: 29px;
font-size: 11px;
}
.products-category a, .products-category a:active, .products-category a:visited, .products-category a.active:visited,
.products-category-pinotex a.active {
height: auto;
font-size: 11px;
line-height: 13px;
margin-top: 4px;
margin-right: 4px;
padding: 5px;
padding-top: 9px;
padding-bottom: 6px;
display: flex;
justify-content: center;
align-items: center;
}
}
/* --- Страница Сертификаты --- */
@media (max-width: 767px) {
.documents-cert-menu {
width: 100%;
height: auto;
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 4px;
margin-bottom: 4px;
}
.documents-cert-menu-item {
height: 36px;
width: 100%;
font-size: 15px;
}
.documents-cert-menu-item.active {
height: 41px;
}
.documents-cert-map {
display: flex;
flex-direction: column;
margin-top: 17px;
margin-bottom: 15px;
height: auto;
margin-left: 0;
width: 100%;
}
.documents-cert-map .left, .documents-cert-map .right,
.documents-cert-map .left .documents-cert-map-item,
.documents-cert-map .left .documents-cert-map-item-label,
.documents-cert-map .right .documents-cert-map-item-label,
.documents-cert-map .right .documents-cert-map-item {
width: 100%;
}
.documents-cert-map .left .documents-cert-map-item,
.documents-cert-map .right .documents-cert-map-item {
display: flex;
align-items: center;
}
.documents-cert-map-item-color {
width: 46px;
}
.documents-cert-map-item-label {
height: auto;
line-height: unset;
margin-left: 11px;
}
.documents-cert-map .left .documents-cert-map-item,
.documents-cert-map .right .documents-cert-map-item {
margin-bottom: 6px;
}
.documents-certs-table,
.documents-certs-table tbody,
.documents-certs-table tr,
.documents-certs-table td {
display: block;
}
.documents-certs-table tbody {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0px 6px;
}
.documents-certs-table tr {
margin-bottom: 20px;
border: 1px solid #ddd;
}
td.documents-certs-table-td-name {
font-size: 15px;
line-height: 22px;
height: auto;
}
.documents-certs-table td:last-child {
display: none;
}
}
/* --- Страница Бренды --- */
@media (max-width: 767px) {
.instruments-header {
height: auto;
display: flex;
flex-direction: column;
}
.instruments-item-text {
margin-bottom: 20px;
height: auto;
}
.instruments-item-text br,
.instruments-item-text br ~ * {
display: none;
}
.instruments table tbody {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
.instruments table tr {
display: contents;
}
.instruments table td {
width: 100% !important;
padding: 0 !important;
}
/* Картинки */
.instruments table tr:first-child td:nth-child(1) {
order: 1;
}
/* Текст */
.instruments table tr:last-child td:nth-child(1) {
order: 2;
}
.instruments table tr:first-child td:nth-child(2) {
order: 3;
}
.instruments table tr:last-child td:nth-child(2) {
order: 4;
}
.instruments table tr:first-child td:nth-child(3) {
order: 5;
}
.instruments table tr:last-child td:nth-child(3) {
order: 6;
}
.instruments table tr:first-child td:nth-child(4) {
order: 7;
}
.instruments table tr:last-child td:nth-child(4) {
order: 8;
}
.instruments table tr:first-child td:nth-child(5) {
order: 9;
}
.instruments table tr:last-child td:nth-child(5) {
order: 10;
}
.brand-pinotex-article * {
width: 100%!important;
margin-left: 0!important;
height: auto!important;
}
.brand-pinotex-article .img3 {
text-align: center;
}
.brand-pinotex-article .img3 img {
width: 163px !important;
}
.brand-pinotex-article table tbody tr {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
.brand-pinotex-article table p img {
max-width: 30px;
}
.brand-pinotex-article table div {
margin-bottom: 0!important;
}
.brands-desc-left {
height: auto;
}
.brands-desc {
margin-bottom: 14px;
}
.brand-marshall-article * {
max-width: 100%;
}
.brand-marshall-article div[style="clear: both; margin-bottom: 40px"] {
margin-bottom: 0!important;
}
.brand-marshall-article .time {
margin-bottom: 0;
}
.brands-menu-item-bb.brands-menu-item-bb-sikkens {
display: none;
}
.brands-links {
display: flex;
}
}
/* --- Страница Цвета --- */
@media (max-width: 767px) {
.colors-interior-menu {
height: auto;
display: flex;
flex-wrap: wrap;
}
.colors-interior-menu__item {
height: 150px;
float: none;
}
table.interior-color tbody {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
table.interior-color tr {
display: contents;
}
table.interior-color div {
position: static!important;
}
.interior-color-block {
width: 100%;
}
.interior-color-block h2 {
font-size: 41px;
}
.interior-color-block h1 {
font-size: 49px;
}
.interior-color-block td,
.interior-color-block > div {
background: none!important;
}
.interior-color-block * {
height: auto!important;
width: auto!important;
padding-left: 0!important;
margin-left: 0!important;
}
.interior-color {
width: 100%!important;
}
.interior-color-block img {
width: 100%!important;
}
.interior-color-art {
margin-top: 0;
padding-top: 14px;
width: 100%!important;
text-align: center;
}
.interior-color td,
.interior-color-block .ict {
width: 100%!important;
text-align: left !important;
}
.interior-color-block table.interior-color tbody {
gap: 9px;
}
.interior-color-block td div[style^="background"] {
width: 100% !important;
background-position: top left !important;
background-size: cover !important;
}
}
/* --- Страница Тренды --- */
@media (max-width: 767px) {
.trends-blocks .trends-block {
margin-left: 0;
max-width: 100%;
margin-bottom: 20px;
}
.trends-block p,
.trends-block-img,
.trends-block .link {
width: auto;
}
.mn_left {
display: flex;
flex-direction: column;
gap: 16px;
}
.mnl_item {
width: auto;
}
.trends-block h2 {
height: auto;
line-height: normal;
}
}
/* --- Страница Инструменты --- */
@media (max-width: 1024px) {
a[href^="http://paintexpert.ru/media/literature/pdf/"] {
position: static;
height: auto;
}
.instruments-item {
margin: 0;
margin-left: 0 !important;
width: 100%;
margin-bottom: 37px !important;
}
.instruments-item-image {
height: auto;
}
.instruments-header {
display: none;
}
}
/* --- Страница Инструменты Сканнер --- */
@media (max-width: 767px) {
.application .pheader {
font-size: 32px !important;
}
.application .ptext {
font-size: 26px !important;
}
.application iframe {
max-width: 100%;
}
.application h2 {
font-size: 23px !important;
line-height: 23px;
}
.application div[style="margin: 0 65px;"] {
margin: 0 !important;
}
.application .pheader1 {
font-size: 35px !important;
}
.application .ptext1 {
font-size: 31px !important;
}
.application .div3,
.application .div3last {
height: auto !important;
padding-bottom: 21px;
}
.application .pheader2 {
font-size: 42px !important;
}
.application .pheader3,
.application .pheader4 {
font-size: 34px!important;
}
.application .ptext3,
.application .ptext4 {
font-size: 26px !important;
}
}
/* --- Страница Инструменты Визуалайзер --- */
@media (max-width: 767px) {
.application-header,
.visualizer-header-right,
.visualizer-header-left {
width: auto!important;
}
}
/* --- Страница Инструменты Веер --- */
@media (max-width: 767px) {
.veer-code tr {
display: grid;
}
div[style^="float:left; width:300px;padding-top:200px;"],
div[style^="float:left; padding-top:280px;"],
div[style^="float:left; width:300px; padding-top:150px;"] {
padding-top: 47px!important;
}
div[style^="float:left; width:254px; padding-left:50px;"] {
padding-left: 0!important;
margin-top: 33px;
}
div[style^=" width:400px;"],
div[style^="float:left; width:550px;"] {
width: 100%!important;
}
.instruments-item__wide {
margin: 0!important;
margin-bottom: 20px !important;
}
}
/* --- Страница Объекты --- */
@media (max-width: 767px) {
.objects-place {
width: 100%;
background-size: contain;
height: 114px;
}
.objects-place-rus:hover, .objects-place-rus-active,
.objects-place-eng:hover, .objects-place-eng-active {
background-size: contain;
}
.objects-type, .objects-type:active, .objects-type:visited {
height: auto;
}
.object-detail .big-image {
width: 100%;
height: auto;
}
.objects-types {
display: grid;
row-gap: 9px;
column-gap: 21px;
}
.object-detail h2,
.object-detail .text,
.object-detail {
height: auto;
}
.object-detail .text {
margin-left: 0;
}
.object-detail .inner {
overflow-y: auto;
}
.object-detail .big-image {
margin-bottom: 18px;
}
.object-detail .banki {
height: auto;
position: static;
}
}
/* --- Страница Литература --- */
@media (max-width: 767px) {
.literature__wrapper {
width: 100%;
}
.literature__title {
font-size: 16px;
margin-left: 19px;
margin-right: 15px;
}
.literature__image {
max-width: 136px;
margin-left: 15px;
}
}
/* --- Страница Где купить --- */
@media (max-width: 767px) {
.seller {
width: auto;
height: auto;
}
.seller_info {
margin-left: 0;
}
.seller_photo {
margin-bottom: 20px;
}
}
/* ============================================================
МАЛЕНЬКИЕ МОБИЛЬНЫЕ (max-width: 480px)
============================================================ */
/* --- Главная Страница --- */
@media (max-width: 480px) {
.header-logo,
.mh_over {
padding: 0 10px;
}
.header-brands-item {
width: 16% !important;
margin: 4px 1% !important;
}
.slider,
.slider-items,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.slider-item,
.slider-item-content {
height: 180px;
}
.ms_column h2 {
line-height: 20px;
}
.news_list li a {
font-size: 14px;
line-height: 17px;
}
.footer_nav ul li a,
.footer_social .not-list a {
font-size: 14px;
}
.footer_bottom {
padding: 0 10px 16px;
}
.mhr_form {
width: 100%;
padding: 0 10px;
}
}
/* --- Главная Страница Шапка--- */
@media (max-width: 768px) {
.header-brands-dulux div {
height: 40px;
width: 45px;
background-position: 0 0;
background-size: 78px 248px;
}
.header-brands-marshall div {
height: 39px;
width: 53px;
background-position: 0px -44px;
background-size: 68px 207px;
}
.header-brands-pinotex div {
height: 43px;
width: 57px;
background-position: 0px -76px;
background-size: 72px 194px;
}
.header-brands-hammerite div {
height: 49px;
width: 67px;
background-position: 0px -164px;
background-size: 73px 264px;
}
.header-brands-sikkens div {
height: 80px;
width: 142px;
background-position: 13px -184px;
background-size: 74px 228px;
}
.header-brands-dulux,
.header-brands-sikkens,
.header-brands-marshall,
.header-brands-pinotex,
.header-brands-hammerite {
margin-left: 0 !important;
padding-left: 0 !important;
height: 50px;
}
.news_archive_link {
font-size: 11px;
padding: 0 15px;
}
}
@media (max-width: 480px) {
.project, .materials {
width: 100%;
box-sizing: border-box;
}
.proj_header {
margin-left: 0;
padding-left: 48px;
background-size: 33px;
}
.ph_title {
margin-top: 19px;
font-size: 27px;
}
.ph_icons {
display: none;
}
.project_item {
width: auto;
padding-left: 0;
}
.materials_list {
display: flex;
flex-direction: column;
gap: 18px;
}
.materials_list li {
padding: 13px 20px;
box-sizing: border-box;
width: 100%;
}
.materials_list li:last-child {
width: auto;
height: auto;
}
.materials_header {
background-position: 7px center;
font-size: 27px;
font-weight: normal;
padding-left: 53px;
}
li.mt_1, li.mt_2 {
background-position: 25px 44px;
}
.mt_download-years {
display: flex;
flex-wrap: wrap;
width: auto;
padding: 0px 16px;
}
li.mt_3 {
background: none;
}
.proj_form {
width: auto;
}
.pf_filed-left {
width: 100%;
}
.pf_filed-right {
width: 100%;
}
.proj_form form #r_subscription {
align-self: flex-start;
}
.proj_form form #consent_checkbox {
align-self: flex-start;
}
.proj_form form #r_first_name {
}
}
/* Меню */
@media (max-width: 768px) {
.dropdown, .dropdown ul, .dropdown li {
margin: 0;
z-index: 0;
}
.main_nav {
position: relative;
z-index: 50;
}
.dropdown > li {
position: relative;
z-index: unset;
/* z-index здесь не нужен */
}
.dropdown ul {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 2000;
}
.toggle-wrap {
display: none;
position: relative;
height: 40px;
}
.toggle-wrap, .toggle-button {
display: block;
}
.toggle-button {
display: none;
float: right;
width: 33px;
height: 20px;
padding: 10px;
transition: .25s;
z-index: 15;
background: #fff;
}
.toggle-button:hover {
cursor: pointer;
}
.button-open {
right: 25px;
background: transparent;
}
.toggle-wrap, .toggle-button {
display: block;
}
.toggle-button .menu-bar {
position: absolute;
border-radius: 0;
width: 29px;
transition: .5s;
}
.toggle-button .menu-bar-top {
border: 4px solid #04b1d1;
border-bottom: none;
top: 10px;
}
.button-open .menu-bar {
width: 22px;
}
.button-open .menu-bar-top {
transform: rotate(45deg) translate(8px, 8px);
transition: .5s;
}
.toggle-button .menu-bar-middle {
height: 4px;
background-color: #04b1d1;
margin-top: 4px;
margin-bottom: 4px;
top: 16px;
}
.button-open .menu-bar-middle {
transform: translate(230px);
transition: .1s ease-in;
opacity: 0;
}
.toggle-button .menu-bar-bottom {
border: 4px solid #04b1d1;
border-top: none;
top: 30px;
}
.button-open .menu-bar-bottom {
transform: rotate(-45deg) translate(6px, -6px);
transition: .5s;
}
#menu {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s ease;
}
.main_nav {
height: 0;
transition: max-height 0.3s ease;
}
.main_nav.open {
height: auto;
}
.main_nav.open #menu {
overflow: unset;
}
}
/* Попап */
@media (max-width: 768px) {
.question {
width: auto;
}
.question textarea {
width: auto;
max-width: 100%;
box-sizing: border-box;
}
.question label {
height: auto;
}
#ask_quest_form > div {
height: auto!important;
}
.question h2 {
margin-top: 40px;
}
#id_consent {
width: 75px;
}
}
/* Футер */
@media (max-width: 768px) {
.footer_nav ul li a, .footer_nav ul li a:visited, .footer_nav ul li a:active {
font-size: 12px;
}
.mf_wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
box-sizing: border-box;
padding: 0 16px 0px;
column-gap: 13px;
}
.main_footer {
padding-top: 16px;
}
.footer_social .not-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.footer_nav ul li {
margin-bottom: 2px;
}
.mfw_nav {
display: none;
}
.footer_bottom {
padding-top: 17px;
}
.proj_block {
width: 100%;
margin-left: 0;
height: auto;
}
.mn_right {
min-height: auto;
}
.proj_block-prev, .proj_block-next {
height: 115px;
}
.main_news_wrap {
padding: 19px 0;
}
.hotline-small {
display: none!important;
}
}
/* Футер */
@media (max-width: 540px) {
.footer_social .not-list a {
font-size: 12px;
}
}
.banners-mobile {
display: none;
}
/* Баннеры */
@media (max-width: 768px) {
.banners-mobile {
display: block;
height: 100%;
text-align: right;
background: transparent;
width: 124px;
flex-shrink: 0;
}
.main-slider {
display: flex;
}
.main-slider .slider,
.main-slider .slider-nav {
flex-grow: 1;
width: 200px;
}
.main-slider .owl-dots {
bottom: -8px;
width: 70% !important;
}
.hot-line-img {
height: 68%;
display: block;
}
.vyezd-banner-img {
height: 32%;
display: block;
}
}
@media (max-width: 481px) {
.banners-mobile {
width: 100px;
}
}