/* Стили для планшетов */ @media only screen and (max-width: 992px) { .wrapper{ width: 100%; } .phone--hone{ display: none; } /* text */ .title-1{ font-size: 32px; } .title-2{ font-size: 32px; } .title-3{ font-size: 32px; } .text-1{ font-size: 18px; } .text-2{ font-size: 16px; } /* text */ /* component */ .btn-big{ padding: 23.5px 19.5px; font-size: 14px; } /* component */ /* header */ .header{ padding: 24px 16px; display: flex; justify-content: space-between; align-items: center; position: relative; } .header__wrapper{ padding: 0; } .header__phone{ display: flex; align-items: center; } .header-phone__item{ margin-left: 24px; width: 32px; height: 32px; transition: opacity .3s; } .header-phone__item > img{ width: 100%; height: 100%; } .header-phone__item:first-child{ margin-left: 0; } .header-phone__item:active{ opacity: .8; } .button-menu{ width: 100%; height: 100%; position: relative; overflow: hidden; } .button-menu__open{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .3s; } .button-menu__close{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .3s; opacity: 0; } .button-menu.open .button-menu__open{ opacity: 0; } .button-menu.open .button-menu__close{ opacity: 1; } .phone-menu{ position: absolute; top: 112px; right: 0; left: 0; width: 100%; } .phone-menu__block-content{ /* height: 0; */ /* overflow: hidden; */ } .phone-menu__content{ padding: 0 16px 40px 16px; } .phone-menu__block{ margin-top: 32px; } .phone-menu__title{ font-weight: 700; font-size: 32px; color: var(--text-white); } .phone-menu__list{ list-style-type: none; font-weight: 400; font-size: 14px; text-transform: uppercase; color: var(--text-white); } .phone-menu__list a{ font-weight: 400; font-size: 14px; text-transform: uppercase; color: var(--text-white); text-decoration: none; } .phone-menu__list li{ margin-top: 24px; } .phone-menu__list li:first-child{ margin-top: 0; } .phone-menu--next{ display: block; background-image: url(/assets/img/icon/arrow-right.svg); background-repeat: no-repeat; background-position: center right; } .phone-menu__text{ margin-top: 24px; display: block; font-weight: 400; font-size: 16px; color: var(--text-white); } .phone-menu__text:first-child{ margin-top: 0; } .phone-menu__text > a { color: var(--text-white); } .phone-menu__text--no-line{ text-decoration: none; } .phone-social{ margin-top: 24px; display: flex; align-items: center; } /* header */ /* footer */ .footer__wrapper{ padding: 0 16px; justify-content: start; } .footer__item:nth-child(2){ margin-left: 38px; } .footer__contact{ margin-top: 20px; flex-wrap: wrap; } .footer__contact .footer__item:nth-child(3){ margin-top: 20px; margin-left: 0; width: 100%; } /* footer */ } /* footer */ @media only screen and (max-width: 829px) { .footer__about{ flex-direction: column; } } @media only screen and (max-width: 630px) { .footer__wrapper{ justify-content: center; } .footer__contact{ flex-direction: column; justify-content: center; } .footer__contact .footer__item:nth-child(2){ margin-top: 20px; margin-left: 0; } } /* footer */ main{ padding: 0 16px; } /* space */ @media only screen and (max-width: 992px) { .space{ margin-top: 32px; } .space__content{ margin-top: 24px; flex-direction: column; align-items: center; } .space__consultation{ order: 1; margin-left: 0; max-width: 100%; width: 100%; } .space__consultation .btn-big{ margin-top: 40px; } .space__statistics{ order: 2; margin-top: 40px; width: auto; height: auto; padding: 0; flex-wrap: wrap; justify-content: space-between; } .space-statistics__img{ position: static; width: 100%; min-height: 300px; } .space-statistics__item{ margin-top: 16px; margin-left: 0; width: calc(50% - 8px); height: 160px; background: #2a2a2d; } } /* space */ @media only screen and (max-width: 992px) { .main__item{ margin-top: 96px; } } /* gym */ @media only screen and (max-width: 992px) { .gym{ margin: 40px -16px 0 0; overflow: hidden; } .gym .swiper-wrapper{ flex-wrap: nowrap; } .gym .swiper-slide:nth-child(3){ display: flex; flex-direction: column-reverse; } .gym__item{ margin: 0; flex-direction: column-reverse; height: auto; } .gym-item__img, .gym-item__text{ max-width: 100%; width: 100%; height: 179px; } .gym-item__img{ margin-top: 24px; } .gym-item-text__header .text-1{ margin-bottom: 5px; } .gym-item-text__header .title-2{ margin-left: 8px; } } /* gym */