@media (max-width: 768px) {
.main-menu-nav .container {
position: relative;
}
.main-menu {
display: none;
flex-direction: column;
gap: 0;
background: #005b8a;
padding: 20px 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1000;
}
.main-menu.active {
display: flex;
}
.main-menu li {
padding: 10px 20px;
}
.main-menu li a,
.main-menu .dropdown-toggle {
display: block;
}
.dropdown-menu {
position: static;
display: none;
margin-top: 10px;
padding: 10px;
background: #004a77;
}
.dropdown.active .dropdown-menu {
display: block;
}
.mobile-menu-toggle {
display: flex;
}
.section-title {
font-size: 18px;
margin-bottom: 25px;
}
.directions-block-element__block,
.division-content__info {
padding: 20px !important;
}
.news-items, .catalog-filters {
margin-bottom: 25px;
}
.list-nav__item {
margin-bottom: 24px;
}
.accordion-button, .accordion-collapse {
padding: 15px !important;
}
.catalog-filters > *:not(:last-child) {
margin-bottom: 24px;
margin-right: 0;
}
.contacts-blocks {
margin-bottom: 20px;
}
}
@media (max-width: 992px) {
.directions-block-elements > *,
.division-cards > * {
padding-bottom: 24px;
}
.desktop-logo,
.desktop-block {
display: none;
}
.mobile-logo,
.mobile-block {
display: block;
}
.navbar-nav .dropdown-menu {
box-shadow: unset !important;
border: unset;
}
.navbar-nav .dropdown-item {
padding: 10px 15px !important;
}
.hero-block {
padding: 20px;
gap: 25px;
}
.hero-block__title, .single-meta__title {
font-size: 24px;
}
.form-body,
.about-info-block__pills,
.footer-nav .list-nav__item {
margin-bottom: 24px;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding: 0;
}
.directions-block-elements > *:nth-child(1),
.directions-block-elements > *:nth-child(2),
.division-cards > *:nth-child(1),
.division-cards > *:nth-child(2),
.division-cards > *:nth-child(3) {
padding-bottom: 24px;
}
.dropdown-menu {
width: 500px !important;
}
.desktop-logo,
.desktop-block {
display: block;
}
.mobile-logo,
.mobile-block {
display: none;
}
}