@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;
}
}
@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;
}
.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;
}
}
@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;
}
}
@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: 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: 16/13;
}
.laboratory-hero__title:before {
opacity: 1;
}
.laboratory-hero__title {
font-size: 18px;
padding: 20px;
position: relative;
top: unset;
left: unset;
transform: unset;
}
.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__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;
}
}
@media (max-width: 550px) { .laboratory__slider-wrapper {
aspect-ratio: 16/20;
} .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;
}
}
@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;
}
}