@media (max-width: 767px)
{ :root
{
--cont_padding: 16px;
} header
{
padding-block: 12px;
}
header .menu
{
position: absolute;
top: 100%;
left: 100%;
width: 100%;
padding-block: var(--inner_gap_s);
padding-inline: var(--inner_gap);
z-index: 9;
transition: transform .2s linear;
background: var(--bg);
box-shadow: var(--box_shadow);
gap: var(--inner_gap_s);
}
header .menu.show
{
transform: translateX(-100%);
}
header .menu .item
{
width: 100%;
}
header .menu .item.hide
{
display: block;
}
header .menu .item > a
{
display: block;
width: 100%;
padding-block: 12px;
padding-inline: var(--inner_gap);
text-align: right;
border-radius: var(--border_radius);
background: var(--bg_grey_soft);
}
header .menu .item:hover > a,
header .menu .item > a.active
{
color: var(--light_color);
background: var(--primary_color);
}
header .contacts_link
{
display: none;
}
header .mob_menu_btn
{
display: flex;
} .articles .grid_row
{
--items_per_line: 1;
} .reasons .grid_row
{
--items_per_line: 1;
} .right_for_you .grid_row
{
--items_per_line: 1;
}
.right_for_you .disclaimer
{
padding-inline: var(--inner_gap_l);
} .compare .cols
{
width: 800px;
}
.compare .data .names,
.compare .data .vals,
.compare .data .vals.l_w
{
width: 200px;
} .hot_it_work .grid_row
{
--items_per_line: 1;
} footer .grid_row
{
--items_per_line: 1;
}
footer .important
{
margin-top: var(--inner_gap_xl);
}
}