@media (max-width: 1400px) {
.laboratory-hero__title {
padding: 30px 70px;
}
}
@media (max-width: 1200px) {
.laboratory-hero__title {
font-size: 26px;
padding: 20px 50px;
}
.directions__list {
gap: 10px;
}
.directions-card__brief {
top: 124px;
}
.lab-docs__title {
text-align: center;
}
.lab-docs__tab {
font-size: 16px;
}
.lab-docs__item {
font-size: 16px;
}
.laboratory-contacts__title {
text-align: center;
}
.laboratory-contacts-body {
flex-direction: column-reverse;
}
.laboratory-contacts-title {
font-size: 20px;
}
.laboratory-contacts-item {
font-size: 16px;
}
.laboratory-contacts-map {
width: 100%;
}
.laboratory-contacts-map iframe {
width: 100%;
} .teachers-archive__list {
gap: 20px;
}
.teacher-card {
gap: 10px 20px;
}
.teacher-card__name {
font-size: 22px;
}
.teacher-card__name,
.teacher-card__desc {
max-width: 300px;
}
.teacher-card__job,
.teacher-card__lab {
font-size: 14px;
} .hero-about__desc {
font-size: 16px;
} .directions__body {
gap: 30px;
} .laboratory-library__container {
display: flex;
flex-direction: column;
}
.laboratory-library__title {
order: -1;
}
.laboratory-library__body {
order: 1;
}
.laboratory-library__bottom {
order: 0;
}
.laboratory-library__thumbs {
margin: 0 60px 40px 60px;
}
.laboratory-library__thumb.swiper-slide-active {
background-color: var(--blue-color);
color: #fff;
opacity: 1;
transition: all 0.3s;
}
.laboratory-library__info {
}
.laboratory-library__slider {
display: none;
}
.laboratory-library__info-title {
font-size: 22px;
} .strategic-directions__left {
max-width: 400px;
} .services__tab-btn {
padding: 20px;
} .request-form__steps {
padding: 30px 0;
} .magistracy__top {
gap: 60px;
}
.magistracy__title {
font-size: 30px;
}
.magistracy__right {
max-width: 300px;
}
}
@media (max-width: 992px) {
.header__top {
display: none;
}
.header-bottom__container {
display: grid;
grid-template-columns: repeat(3, auto);
grid-template-rows: repeat(2, auto);
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
}
.header__logo {
grid-area: 1 / 1 / 2 / 2;
}
.header__action-button {
grid-area: 1 / 2 / 2 / 3;
margin: 0 auto;
display: flex;
width: fit-content;
font-weight: 500;
background-color: #fff !important;
color: var(--blue-color) !important;
}
.header__burger {
display: flex;
grid-area: 1 / 3 / 2 / 4;
width: fit-content;
margin: 0 0 0 auto;
}
.header__nav {
grid-area: 2 / 1 / 3 / 4;
}
.navbar-collapse {
padding-top: 20px !important;
margin-top: 20px;
border-top: 1px solid #fff;
}
.header__contacts-item {
font-size: 16px;
color: #fff !important;
} .main-container {
margin-top: 20px;
} .navbar__container {
gap: 20px 10px;
} .directions-block-elements > *,
.division-cards > * {
padding-bottom: 24px;
}
.desktop-logo,
.desktop-block {
display: none;
}
.mobile-logo,
.mobile-block {
display: flex;
}
.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;
}
.laboratory-hero__title {
font-size: 20px;
padding: 20px 30px;
}
.teacher__tabs-header {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.teacher__tab-btn {
flex-direction: column;
}
.teacher__header {
gap: 40px;
flex-direction: column-reverse;
}
.teacher__title {
font-size: 36px;
}
.directions__list {
flex-direction: column;
}
.directions-card__title {
position: unset;
top: unset;
transform: unset !important;
max-height: unset !important;
opacity: 1 !important;
}
.directions-card__brief {
display: none;
}
.directions-card__desc {
position: unset;
opacity: unset;
}
.lab-docs__tab {
font-weight: 500;
}
.events__date {
font-size: 18px;
}
.events__name {
font-size: 24px;
}
.laboratory-events__slide-wrapper {
gap: 20px;
}
.laboratory-events__text-desc {
font-size: 14px;
}
.team-card {
flex-direction: column;
} .teachers-archive__list {
grid-template-columns: repeat(1, auto);
grid-auto-rows: unset;
gap: 30px;
}
.teacher-card__img {
max-width: 300px;
}
.teacher-card__name,
.teacher-card__desc {
max-width: 100%;
}
.teacher-card__job,
.teacher-card__lab {
font-size: 16px;
} .publications__title {
margin-bottom: 20px;
}
.publications__item-title {
font-size: 18px;
margin-bottom: 10px;
}
.publications__item-author {
font-size: 14px;
}
.publications__item-desc {
font-size: 14px;
} .hero-about__body {
flex-direction: column;
gap: 30px;
}
.hero-about__slide {
height: auto;
}
.hero-about__pagination {
margin: 20px 0 0 0;
}
.hero-about__pagination .swiper-pagination-bullet {
width: 14px !important;
height: 14px !important;
} .about__body {
flex-direction: column;
gap: 20px;
} .directions__body {
flex-direction: column-reverse;
align-items: center;
} .strategic-directions__body {
flex-direction: column;
}
.strategic-directions__left {
max-width: 100%;
padding: 0 0 30px 0;
}
.strategic-directions__left::before {
width: 100%;
height: 2px;
bottom: 0;
top: unset;
}
.strategic-directions__slider {
max-height: 100%;
padding: 0;
}
.strategic-directions__slider:before {
content: unset;
}
.strategic-directions__list {
flex-direction: column;
gap: 30px;
}
.strategic-directions__nav {
display: none;
} .services__tabs {
flex-direction: column;
}
.services__sidebar {
max-width: 100%;
align-items: center;
}
.services__tab-btn {
text-align: center;
} .request-form__steps {
margin: 0 0 40px 0;
}
.request-form__steps-title {
font-size: 16px;
} .news-page__grid {
grid-template-columns: repeat(2, 1fr);
} .magistracy__layout {
gap: 40px;
}
.magistracy__top {
flex-direction: column;
gap: 30px;
}
.magistracy__right {
max-width: 100%;
border-left: none;
padding: 0;
}
.magistracy__right-wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.magistracy__info-block {
padding: 20px;
border-radius: 15px;
overflow: hidden;
background-color: var(--bg-card);
border: 1px solid var(--card-border);
height: auto;
justify-content: center;
}
.magistracy__card-title {
font-size: 24px;
} .navbar-collapse {
max-height: calc(100vh - 190px);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.navbar__container {
padding-top: 20px;
padding-bottom: 10px;
overflow-y: auto;
}
.main-menu__list {
flex-direction: column;
}
.main-menu__item {
position: relative;
flex-direction: column;
}
.main-menu__link {
font-size: 16px;
font-weight: 500;
flex: 1 1 auto;
padding: 10px 0;
width: fit-content;
z-index: 1;
}
.main-menu__toggle {
position: absolute;
top: 7px;
right: 0;
width: 100%;
height: 37px;
border: none;
background: transparent;
cursor: pointer;
background-image: url(//iz.ssla.ru/wp-content/themes/institute/assets/img/arrow-tab.svg);
background-repeat: no-repeat;
background-position: right;
background-size: 24px 24px;
transform: scale(1);
transition: transform 0.25s ease;
}
.main-menu__item--open .main-menu__toggle {
transform: scale(1, -1);
transition: transform 0.25s ease;
}
.sub-menu {
position: static;
width: 100%;
border-radius: 0;
box-shadow: unset !important;
transform: none;
opacity: 1;
visibility: visible;
pointer-events: auto;
overflow: hidden;
max-height: 0;
padding: 0;
transition: max-height 0.25s ease;
}
.main-menu__item--open > .sub-menu {
max-height: 1000px;
transition: max-height 0.25s ease;
}
.sub-menu .main-menu__link {
font-size: 16px;
font-weight: 400;
background-color: unset !important;
padding: 12px 0;
}
.sub-menu .main-menu__link:hover {
color: #fff !important;
} .contacts__grid {
grid-template-columns: repeat(1, auto);
gap: 20px;
}
.contacts__iframe {
height: 300px;
}
}
@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;
}
.nav-item.dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
transform: translateY(0);
} .nav-item__inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.dropdown-toggle {
border: unset;
background: url(//iz.ssla.ru/wp-content/themes/institute/assets/img/arrow-tab.svg) 100% center no-repeat;
background-size: contain;
width: 20px;
height: 20px;
}
.dropdown-toggle::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .main-menu__toggle {
display: none;
}
.main-menu__item--has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
}
@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;
}
.mobile-menu-toggle {
display: flex;
}
.section-title {
font-size: 24px;
margin-bottom: 20px;
}
.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;
}
.laboratory__slider-wrapper {
aspect-ratio: unset;
}
.laboratory-hero__title:before {
opacity: 1;
}
.laboratory-hero__title {
font-size: 18px;
padding: 20px;
position: relative;
top: unset;
left: unset;
transform: unset;
}
.laboratory-hero__swiper {
aspect-ratio: 16/9;
}
.form-body__grid {
grid-template-columns: repeat(1, 1fr);
gap: 0;
margin-bottom: 20px;
} .directions__title {
margin-bottom: 20px;
}
.directions-card__title {
font-size: 20px;
} .lab-docs__tabs {
flex-direction: column;
}
.lab-docs__tab {
font-size: 18px;
padding: 12px 10px;
}
.lab-docs__panels {
padding: 20px;
}
.events__title {
text-align: center;
}
.events__date {
font-size: 16px;
}
.events__name {
font-size: 20px;
}
.events__desc {
font-size: 14px;
} .laboratory-events__slider {
padding: 20px;
border-radius: 15px;
overflow: hidden;
background-color: var(--bg-card);
}
.laboratory-events__slide-wrapper {
flex-direction: column;
}
.laboratory-events__gallery {
height: 400px;
}
.laboratory-events__text-title {
font-size: 22px;
} .team-card {
flex-direction: row;
}
.lab-services__content {
flex-direction: column;
gap: 20px;
}
.lab-services__details {
display: none;
}
.lab-services__list {
flex: 1 1 auto;
}
.lab-services__item {
border-radius: 16px;
border: 1px solid var(--card-border, rgba(0, 0, 0, 0.08));
background: var(--bg-card, #ffffff);
padding: 0;
overflow: hidden;
}
.lab-services__card {
border: none;
border-radius: 0;
pointer-events: none;
cursor: default;
box-shadow: none !important;
transform: none !important;
}
.lab-services__content {
display: block;
color: var(--dark-color, #222);
background: #fff;
}
.lab-services__list {
padding: 0 !important;
}
.lab-services__content ul {
padding-left: 18px;
margin: 0;
}
.lab-services__item::after {
display: none;
} .teacher-card__name {
font-size: 20px;
}
.teacher-card__job,
.teacher-card__lab {
font-size: 14px;
} .publications__title {
margin-bottom: 30px;
} .lab-services__card-title {
font-size: 18px;
}
.lab-services__hidden {
display: block;
padding: 20px;
line-height: 1.75;
}
.lab-services__hidden ul {
list-style: disc;
}
.lab-services__item.is-active .lab-services__card {
background: var(--blue-color);
} .hero-about__title {
margin-bottom: 20px !important;
} .about__title {
margin-bottom: 20px !important;
} .request-form__steps-number {
width: 30px;
height: 30px;
font-size: 16px;
}
.request-form__steps-title {
font-size: 14px;
}
.request-step__fields {
gap: 30px 20px;
}
.request-field label {
font-size: 14px;
}
.request-field input,
.request-field select,
.request-field textarea {
font-size: 14px;
} .news-page__grid {
grid-template-columns: repeat(1, 1fr);
} .magistracy__title {
font-size: 26px;
}
.magistracy__right-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.magistracy__info-block {
gap: 10px;
}
.magistracy__card--acceptance,
.magistracy__card--perspectives {
padding: 20px;
} .magistracy-hub__grid {
grid-template-columns: repeat(1, auto);
}
}
@media (max-width: 550px) {
.header__logo img {
max-height: 60px !important;
}
.header__action-button {
padding: 15px 10px;
white-space: nowrap;
}
.header__burger {
padding: 10px 0 10px 10px !important;
} .employee-item-info-img {
margin-bottom: 20px;
}
.laboratory-development__title {
text-align: center;
} .section-offset {
padding: 30px 0;
} .teacher__tabs-header {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.teacher__tab-btn {
flex-direction: row;
} .laboratory-numbers__value {
font-size: 30px;
margin-bottom: 14px;
}
.laboratory-numbers__name {
font-size: 16px;
} .events__timeline {
padding: 0 0 0 30px;
margin: 0 0 0 20px;
}
.events__item:before,
.events__item:after {
left: -28px;
}
.swiper-pagination-bullet {
font-size: 14px !important;
width: 22px !important;
height: 22px !important;
}
.team-card {
flex-direction: column;
} .teacher-card {
display: flex;
flex-direction: column;
text-align: center;
gap: 0;
}
.teacher-card__name {
grid-area: unset;
margin: 20px auto 14px auto;
}
.teacher-card__img {
grid-area: unset;
margin: 0 auto;
max-height: 400px;
}
.teacher-card__desc {
grid-area: unset;
} .directions-card__title {
font-size: 18px;
}
.directions-card__header {
padding: 16px 20px;
}
.directions-card__desc {
padding: 0 20px 20px 20px;
} .laboratory-library__thumbs {
margin: 0;
}
.laboratory-library__controls {
z-index: 1;
position: relative;
top: unset;
left: unset;
transform: unset;
margin: 20px auto 40px auto;
justify-content: center;
gap: 30px;
}
.laboratory-library__info {
padding: 30px 20px;
border-radius: 15px;
overflow: hidden;
background-color: var(--bg-card);
text-align: center;
}
.laboratory-library__info-text {
font-size: 14px;
margin-bottom: 30px;
}
.laboratory-library__info-link {
margin: 0 auto;
} .strategic-directions__body {
padding: 20px;
gap: 20px;
}
.strategic-directions__left {
padding: 0 0 10px 0;
}
.strategic-directions__title {
font-size: 22px;
text-align: center;
}
.strategic-directions__item-title {
font-size: 20px;
} .lab-docs__tab {
font-size: 16px;
} .services__tab-btn {
font-size: 18px;
padding: 18px 12px;
}
.services__content {
padding: 30px 20px;
}
.services__title {
font-size: 24px;
}
.services__text {
font-size: 16px;
} .services__heading {
font-size: 30px;
}
.request-form__steps {
flex-direction: column;
gap: 14px;
padding: 20px 0;
}
.request-form__steps-item {
flex-direction: column;
}
.request-step__fields,
.request-step[data-step="3"] .request-step__fields {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: unset;
gap: 20px;
}
.request-field {
grid-area: unset !important;
}
.request-field input,
.request-field select,
.request-field textarea {
height: 48px;
}
.request-form__buttons {
margin-top: 30px;
}
.request-prev,
.request-next,
.wpcf7-submit {
padding: 12px 26px;
font-size: 14px;
} .page-new__content {
font-size: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.lab-services__card,
.lab-services__item::after {
transition: none !important;
}
.directions-card,
.directions-card__title,
.directions-card__body,
.directions-card__icon,
.directions-card::after {
transition: none !important;
}
}