@charset "UTF-8";

/* ==========  общие медиа-запросы  ========== */

@media screen and (min-width: 767.98px) {
  .pc {
    display: block;
  }

  .mb {
    display: none;
  }
}

@media screen and (max-width: 1710px) {
  .header-menu__item {
    font-size: 18px;
  }

  .header__logo {
    margin-right: 40px;
  }

  .header-menu {
    margin-right: 40px;
  }

  .header-social {
    margin-right: 40px;
  }

  .header-menu__list {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .header-contacts-work-hidden {
    left: auto;
    right: 0;
    transform: translate(0, 100%);
  }

  .header__wrapper {
    padding-right: 0px;
  }

  .first-top__item {
    font-size: 24px;
  }

  .first-special__text {
    font-size: 38px;
  }

  .first-special-price__value {
    font-size: 45px;
  }

  .first-special-price__old {
    font-size: 45px;
  }

  .first-advantages {
    padding: 45px 30px 45px 30px;
    max-width: 410px;
    right: 507px;
  }

  .first__info {
    padding-right: 0px;
  }

  .first__wrapper {
    padding-left: 0px;
  }

  .first-form {
    right: 20px;
  }

  .first-har__item {
    font-size: 16px;
    padding: 25px 20px 25px 70px;
  }

  .bookmark {
    padding: 80px 0px 80px 0px;
  }

  .doctor-info__name {
    font-size: 41px;
  }

  .reviews__wrapper {
    padding-top: 80px;
  }
}

@media screen and (max-width: 1472px) {
  h1 {
    font-size: 55px;
  }

  h2 {
    font-size: 55px;
  }

  h3 {
    font-size: 30px;
  }

  .bookmark__title {
    font-size: 55px;
  }

  .header-menu__list {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .header__logo {
    max-width: 160px;
  }

  .header-menu__item {
    font-size: 15px;
    line-height: 18px;
  }

  .header__btn {
    display: none;
  }

  .header-social {
    margin-right: 0px;
  }

  .header-contacts__phone {
    font-size: 14px;
  }

  .header-contacts-work-hidden__day,
  .header-contacts-work-hidden__time {
    font-size: 14px;
  }

  .header-contacts-work-hidden {
    min-width: 220px;
  }

  .header__info {
    gap: 18px;
  }

  .header-social__list {
    gap: 12px;
  }

  .first-advantages {
    display: none;
  }

  .first-form {
    padding: 30px;
    max-width: 420px;
    top: -40px;
  }

  .first-form__title {
    font-size: 28px;
  }

  .form__group input {
    padding: 15px;
  }

  .form-select__value {
    padding: 15px 40px 15px 15px;
  }

  .first-special__text {
    max-width: 470px;
  }

  .first__info {
    margin-bottom: 20px;
  }

  .first-har__item {
    width: calc(50% - 9px);
    border-radius: 16px;
  }

  .first-har {
    padding: 0;
  }

  .symptoms__name {
    font-size: 16px;
  }

  .symptoms__item._symptoms-btn p {
    font-size: 16px;
  }

  .symptoms__item._symptoms-btn {
    padding: 30px;
  }

  .symptoms__img {
    max-width: 50px;
  }

  .symptoms__text {
    font-size: 24px;
    margin-bottom: 60px;
    padding-left: 0px;
  }

  .symptoms__subtitle {
    font-size: 21px;
  }

  .symptoms__item {
    min-height: 130px;
  }

  .bookmark__text {
    font-size: 24px;
  }

  .services-info__description {
    font-size: 18px;
  }

  .services-info__title {
    font-size: 31px;
  }

  .services-tab__item {
    font-size: 20px;
  }

  .services-tab__other {
    font-size: 20px;
    max-width: 373px;
  }

  .services-info-bottom__title {
    font-size: 24px;
  }

  .services-info-bottom__btn {
    font-size: 18px;
  }

  .services-info-bottom__service {
    font-size: 21px;
    max-width: none;
  }

  .services-info-bottom-price__value {
    font-size: 24px;
  }

  .services-info-bottom-price__old {
    font-size: 24px;
  }

  .services {
    margin-bottom: 80px;
  }

  .services-tab {
    max-width: 390px;
  }

  .services-info__top::before {
    width: 300px;
    height: 150px;
    right: 50px;
  }

  .services-info-bottom__info {
    flex-direction: column;
    gap: 20px;
  }

  .services-info__top {
    padding: 40px;
    gap: 30px;
  }

  .services-info__top::after {
    right: 19px;
  }

  .services-info__text,
  .services-info__phone {
    font-size: 18px;
  }

  .doctor__info {
    max-width: 420px;
    gap: 40px;
    padding-top: 40px;
  }

  .doctor-tab__name {
    font-size: 16px;
  }

  .doctor-tab__item._is-active .doctor-tab__photo img {
    width: 80px;
    height: 80px;
  }

  .doctor-tab__photo {
    border-width: 5px;
  }

  .doctor-tab__experience {
    font-size: 14px;
  }

  .doctor-info__name {
    font-size: 35px;
    max-width: 390px;
  }

  .doctor-info__post {
    font-size: 18px;
  }

  .doctor-info__exp {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .doctor-info__btn {
    padding: 20px 25px;
  }

  .doctor-info__text h3,
  .doctor-info__text h4,
  .doctor-info__text h5,
  .doctor-info__text h6 {
    font-size: 18px;
  }

  .doctor-info__text ul li,
  .doctor-info__text ol li {
    font-size: 16px;
  }

  .doctor-info__img {
    max-width: 310px;
  }

  .doctor-info__bottom {
    gap: 25px;
  }

  .doctor-info__text ul li,
  .doctor-info__text ol li {
    padding-left: 20px;
  }

  .doctor-info__text {
    padding-right: 20px;
  }

  .doctor-info {
    padding: 40px 0px 0 40px;
  }

  .doctor-info__description {
    padding-bottom: 60px;
  }

  .reviews__text {
    font-size: 18px;
  }

  .reviews__wrapper {
    gap: 40px;
    padding-top: 60px;
  }

  .reviews-add__title {
    font-size: 24px;
  }

  .reviews-add__text {
    font-size: 18px;
  }

  .reviews__name {
    font-size: 24px;
  }

  .reviews__wrapper::before {
    left: -53px;
    width: 332px;
    height: 284px;
  }

  .reviews-add-place {
    max-width: 440px;
  }

  .reviews {
    margin-bottom: 80px;
  }

  .rating__title {
    font-size: 40px;
    line-height: 50px;
    max-width: 250px;
  }

  .rating__num {
    font-size: 40px;
  }

  .rating__item {
    padding: 28px 20px;
  }

  .rating__count {
    font-size: 14px;
    padding-right: 0px;
  }

  .rating__count::after {
    display: none;
  }

  .rating {
    margin-bottom: 80px;
  }

  .rating__tet {
    font-size: 24px;
  }

  .actions__name {
    font-size: 24px;
  }

  .actions__date {
    font-size: 18px;
    margin-bottom: 40px;
  }

  .actions-price__value {
    font-size: 30px;
    line-height: 40px;
  }

  .actions__btn {
    padding: 19.5px 25.5px;
  }

  .actions-price__old {
    font-size: 28px;
    line-height: 40px;
  }

  .actions__item {
    padding: 25px;
  }

  .actions__bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .actions {
    margin-bottom: 80px;
  }

  .callback .form__group input {
    width: calc(50% - 8px);
    max-width: none;
  }

  .callback .form__group textarea {
    width: 100%;
    max-width: none;
    height: 200px;
  }

  .callback .form__group {
    flex-wrap: wrap;
  }

  .callback__title {
    font-size: 40px;
  }

  .callback__text {
    padding-top: 0px;
    font-size: 18px;
    padding-right: 0px;
  }

  .callback__top {
    align-items: center;
  }

  .callback-time {
    font-size: 21px;
  }

  .callback {
    margin-bottom: 80px;
  }

  .faq {
    padding-bottom: 80px;
  }

  .faq-accordion__name {
    font-size: 18px;
    padding: 25px 94px 25px 30px;
  }

  .faq-callback__title {
    font-size: 36px;
  }

  .faq-callback {
    gap: 25px;
    max-width: 400px;
    padding: 30px;
  }

  .faq-callback__text {
    font-size: 18px;
  }

  .faq-accordion__description {
    font-size: 18px;
  }

  .faq__content {
    gap: 30px;
  }

  .faq__wrapper::after {
    width: 250px;
    height: 260px;
    top: -40px;
  }

  .faq-callback__form {
    padding-right: 0px;
  }

  .clinic {
    padding-bottom: 80px;
    padding-top: 80px;
  }

  .clinic__wrapper::before {
    top: -80px;
    width: 827px;
    height: 836px;
  }

  .clinic__description {
    font-size: 21px;
  }

  .clinic-slider {
    padding-top: 0px;
  }

  .clinic__logo {
    padding-left: 35px;
  }

  .clinic__info {
    gap: 60px;
  }

  .contacts__wrapper {
    padding: 40px;
  }

  .contacts__title {
    margin-bottom: 40px;
  }

  .contacts__item:nth-child(1),
  .contacts__item:nth-child(2) {
    padding: 30px;
  }

  .contacts__item {
    width: calc(50% - 14.5px);
    min-height: 290px;
    padding: 30px;
  }

  .contacts__item:last-child {
    width: 100%;
  }

  .contacts__subtitle {
    font-size: 24px;
  }

  .contacts__value {
    font-size: 21px;
  }

  .contacts__text {
    font-size: 16px;
  }

  .contacts__map {
    font-size: 16px;
  }

  .contacts-time__item p {
    font-size: 16px;
  }

  .contacts-form__title {
    font-size: 24px;
  }

  .contacts__info {
    margin-bottom: 40px;
  }

  .footer-menu__item {
    font-size: 21px;
  }

  .footer-menu__col:nth-child(1) {
    margin-right: 50px;
  }

  .footer-menu__col:nth-child(2) {
    margin-right: 50px;
  }

  .record__wrapper {
    padding: 40px;
  }

  .record.fancybox__content > .f-button.is-close-btn {
    top: 30px;
    right: 30px;
  }

  .record__title {
    margin-bottom: 35px;
    font-size: 30px;
  }

  .record-subtitle {
    font-size: 21px;
  }

  .condition__title {
    font-size: 26px;
  }

  .condition__description {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024.98px) {
  h1 {
    font-size: 35px;
  }

  h2 {
    font-size: 35px;
  }

  .bookmark__title {
    font-size: 35px;
    max-width: 260px;
  }

  .header__burger {
    display: flex;
  }

  .header-menu {
    display: none;
  }

  .header-social__name {
    display: none;
  }

  .first {
    margin-bottom: 60px;
    padding-top: 0px;
  }

  .first__title {
    padding-left: 0px;
  }

  .first-top {
    padding-left: 0px;
  }

  .first-form {
    max-width: none;
    position: unset;
  }

  .first-special {
    margin-bottom: 20px;
  }

  .first-special {
    gap: 60px;
    padding: 40px;
  }

  .first-top__item {
    font-size: 21px;
  }

  .first-special__text {
    font-size: 31px;
  }

  .first-special-price__value {
    font-size: 38px;
  }

  .first-special-price__old {
    font-size: 38px;
  }

  .symptoms__name {
    max-width: none;
  }

  .symptoms__item {
    width: calc(50% - 12px);
    min-height: auto;
  }

  .symptoms__text {
    margin-bottom: 40px;
    font-size: 21px;
  }

  .symptoms__subtitle {
    font-size: 18px;
  }

  .bookmark__title::before {
    width: 210px;
    height: 210px;
    top: -50px;
    left: -30px;
  }

  .bookmark__wrapper {
    gap: 60px;
  }

  .bookmark__text {
    font-size: 18px;
  }

  .bookmark {
    padding: 60px 0px 60px 0px;
  }

  .services {
    margin-bottom: 60px;
  }

  .services__block {
    flex-direction: column;
  }

  .services-tab {
    max-width: none;
  }

  .services-tab__list {
    max-height: none;
    padding-right: 0px;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
  }

  .services-tab__item.services-tab__other {
    max-width: none;
    width: 100%;
    font-size: 16px;
    text-align: center;
  }

  .services-tab__item {
    width: calc(50% - 5px);
    font-size: 16px;
  }

  .services__block {
    gap: 30px;
  }

  .services-info__top {
    padding: 30px;
  }

  .services-info__title {
    font-size: 24px;
  }

  .services-info__description {
    font-size: 16px;
    padding-right: 35px;
  }

  .services-info__top::after {
    right: 11px;
  }

  .services-info-bottom {
    padding: 20px 30px;
    gap: 30px;
  }

  .services-info-bottom__title {
    font-size: 21px;
  }

  .services-info-bottom__btn {
    font-size: 16px;
  }

  .services-info-bottom__service {
    font-size: 18px;
  }

  .services-info-bottom-price__value {
    font-size: 21px;
  }

  .services-info-bottom-price__old {
    font-size: 21px;
  }

  .services-info__text,
  .services-info__phone {
    font-size: 16px;
  }

  .doctor__info {
    max-width: 260px;
    gap: 30px;
    padding-top: 30px;
  }

  .doctor-info__name {
    font-size: 24px;
  }

  .doctor-info__btn {
    padding: 10px 15px;
    font-size: 14px;
  }

  .doctor-tab__item._is-active .doctor-tab__photo img {
    width: 50px;
    height: 50px;
  }

  .doctor-tab__photo img {
    width: 50px;
    height: 50px;
  }

  .doctor-tab__item {
    gap: 12px;
  }

  .doctor-tab__item._is-active::before {
    display: none;
  }

  .doctor-tab__info {
    max-width: 200px;
  }

  .doctor-info__post {
    font-size: 16px;
  }

  .doctor-info__exp {
    font-size: 16px;
  }

  .doctor-info__text ul li,
  .doctor-info__text ol li {
    font-size: 14px;
  }

  .doctor-info__text ul,
  .doctor-info__text ol {
    gap: 12px;
  }

  .doctor-info__text {
    gap: 15px;
    max-height: 300px;
  }

  .doctor-info__text h3,
  .doctor-info__text h4,
  .doctor-info__text h5,
  .doctor-info__text h6 {
    font-size: 16px;
  }

  .doctor-info__img {
    max-width: 225px;
    margin-left: -100px;
  }

  .doctor-info {
    padding: 30px 0px 0 30px;
  }

  .doctor-info__description {
    padding-bottom: 40px;
  }

  .doctor {
    margin-bottom: 60px;
  }

  .reviews-add-place__list {
    flex-direction: column;
  }

  .reviews-add-place__item {
    width: 100%;
  }

  .reviews-add-place {
    max-width: 300px;
  }

  .reviews__item {
    padding: 30px;
    gap: 20px;
  }

  .reviews__wrapper {
    gap: 30px;
  }

  .reviews-add__title {
    font-size: 21px;
  }

  .reviews-add__text {
    font-size: 16px;
  }

  .reviews-add__info {
    gap: 10px;
  }

  .reviews__text {
    font-size: 16px;
  }

  .reviews__name {
    font-size: 21px;
  }

  .reviews {
    margin-bottom: 60px;
  }

  .rating__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .rating__title {
    font-size: 30px;
    line-height: 40px;
    max-width: none;
  }

  .rating__num {
    font-size: 30px;
  }

  .rating {
    margin-bottom: 60px;
  }

  .rating__tet {
    font-size: 21px;
  }

  .actions__list {
    gap: 20px;
  }

  .actions__item {
    width: calc(50% - 10px);
  }

  .actions__name {
    font-size: 21px;
    margin-bottom: 20px;
  }

  .actions__date {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .actions-price__value {
    font-size: 24px;
    line-height: 30px;
  }

  .actions-price__old {
    font-size: 21px;
    line-height: 30px;
  }

  .actions__btn {
    padding: 15.5px 20.5px;
  }

  .actions {
    margin-bottom: 60px;
  }

  .callback__wrapper {
    padding: 40px 45px;
  }

  .callback__bottom {
    flex-direction: column-reverse;
  }

  .callback__policy {
    max-width: none;
    text-align: left;
  }

  .callback__title {
    font-size: 30px;
  }

  .callback__text {
    font-size: 16px;
  }

  .callback__wrapper {
    padding: 30px 35px;
  }

  .callback .form__group input,
  .callback .form__group textarea {
    font-size: 16px;
  }

  .callback-time {
    font-size: 18px;
  }

  .callback__wrapper::before {
    width: 425px;
    height: 250px;
  }

  .callback {
    margin-bottom: 60px;
  }

  .faq-callback__title {
    font-size: 28px;
  }

  .faq-callback__text {
    font-size: 16px;
  }

  .form__group input {
    font-size: 16px;
  }

  .faq-callback__form textarea {
    font-size: 16px;
  }

  .faq-callback__form button {
    margin-bottom: 25px;
  }

  .faq-accordion__name {
    font-size: 16px;
    padding: 20px 74px 20px 20px;
  }

  .faq-accordion__description {
    font-size: 16px;
    padding: 0px 30px 0px 30px;
  }

  .faq-accordion__item._is-active .faq-accordion__description {
    margin-bottom: 30px;
  }

  .faq__wrapper {
    gap: 40px;
  }

  .faq {
    padding-bottom: 60px;
    padding-top: 60px;
  }

  .faq-callback {
    max-width: 330px;
  }

  .form-policy__text {
    font-size: 14px;
  }

  .faq-accordion__name::before {
    right: 26px;
  }

  .faq-accordion__name::after {
    right: 39px;
  }

  .faq__content {
    gap: 15px;
  }

  .clinic {
    padding-bottom: 60px;
    padding-top: 60px;
  }

  .clinic__wrapper::before {
    top: -60px;
    width: 427px;
    height: 436px;
  }

  .clinic__description {
    font-size: 18px;
  }

  .clinic__content {
    flex-direction: column;
  }

  .clinic__logo {
    padding-left: 0px;
    align-self: center;
    max-width: 220px;
  }

  .clinic__info {
    gap: 30px;
    max-width: none;
  }

  .clinic-slider {
    align-self: center;
  }

  .clinic__wrapper {
    gap: 30px;
  }

  .clinic__description {
    font-size: 16px;
  }

  .contacts__wrapper {
    padding: 30px;
  }

  .contacts__title {
    margin-bottom: 30px;
  }

  .contacts__info {
    margin-bottom: 30px;
  }

  .contacts__subtitle {
    font-size: 21px;
  }

  .contacts__value {
    font-size: 18px;
  }

  .contacts-form__title {
    font-size: 21px;
  }

  .contacts__wrapper::after {
    width: 205px;
    height: 150px;
  }

  .footer-menu__item {
    font-size: 18px;
  }

  .footer-pay {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__right {
    max-width: 300px;
  }

  .footer__policy {
    align-self: flex-start;
  }

  .footer__bottom {
    flex-direction: column;
  }

  .footer__middle {
    align-items: center;
  }

  .footer-menu__col:nth-child(1),
  .footer-menu__col:nth-child(2) {
    margin-right: 30px;
  }

  .footer-social__list {
    gap: 15px;
  }

  .footer-social__item {
    width: 30px;
    height: 30px;
  }

  .footer__info {
    gap: 30px;
  }

  .record-subtitle {
    font-size: 18px;
  }

  .record__title {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .record-doctor__name {
    font-size: 14px;
  }

  .record .form input {
    font-size: 16px;
  }

  .record-form__policy {
    font-size: 14px;
  }

  .record-doctor__item {
    padding: 12px;
  }

  .record__wrapper {
    padding: 30px;
  }

  .record__wrapper,
  .record {
    border-radius: 22px;
  }

  .record.fancybox__content > .f-button.is-close-btn {
    top: 20px;
    right: 20px;
  }

  .condition__wrapper {
    border-radius: 22px;
    padding: 30px 50px 30px 30px;
  }

  .condition__title {
    font-size: 24px;
  }

  .condition__description {
    font-size: 16px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767.98px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 20px;
  }

  p,
  a,
  span,
  li {
    font-size: var(--font-size-default-media);
  }

  .bookmark__title {
    font-size: 28px;
    max-width: none;
  }

  .header__btn,
  .header-contacts {
    display: none;
  }

  .header-social__img {
    width: 25px;
    height: 25px;
  }

  .header__logo {
    max-width: 140px;
  }

  .first-top__item {
    font-size: 16px;
  }

  .first__title {
    margin-bottom: 20px;
  }

  .first__content {
    gap: 20px;
  }

  .first-special__text {
    font-size: 24px;
  }

  .first-special {
    gap: 40px;
    padding: 20px;
    border-radius: 22px;
  }

  .first-special-price__value {
    font-size: 24px;
  }

  .first-special-price__old {
    font-size: 24px;
  }

  .first-form {
    padding: 20px;
    border-radius: 22px;
    gap: 20px;
  }

  .first-form__title {
    font-size: 24px;
  }

  .first-har__item {
    width: 100%;
  }

  .first {
    margin-bottom: 40px;
  }

  .form button {
    padding: 15px 20px;
    font-size: 14px;
  }

  .form__group input {
    font-size: 14px;
  }

  .form-select__value {
    font-size: 14px;
  }

  .form__policy {
    font-size: 14px;
  }

  .form__group {
    gap: 15px;
    margin-bottom: 15px;
  }

  .form-select-hidden__name {
    font-size: 14px;
  }

  .form-select-hidden__photo {
    width: 35px;
    height: 35px;
  }

  .form-select-hidden__item {
    padding: 12px;
  }

  .symptoms__text {
    font-size: 16px;
    margin-bottom: 25px;
  }

  .symptoms__subtitle {
    font-size: 16px;
    text-align: center;
  }

  .symptoms__top {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 25px;
  }

  .symptoms {
    margin-bottom: 40px;
  }

  .symptoms__item {
    width: 100%;
    gap: 15px;
    padding: 20px 50px 20px 20px;
  }

  .symptoms__img {
    max-width: 40px;
  }

  .symptoms__list {
    gap: 15px;
  }

  .symptoms__item._symptoms-btn {
    padding: 20px;
  }

  .bookmark__wrapper {
    flex-direction: column;
    gap: 25px;
  }

  .bookmark__title::before {
    width: 140px;
    height: 140px;
    top: -40px;
    left: -21px;
  }

  .bookmark {
    padding: 30px 0 0 0;
    margin-bottom: 40px;
  }

  .bookmark__text {
    font-size: 16px;
    position: relative;
    z-index: 1;
  }

  .services-tab__item {
    width: 100%;
    font-size: 14px;
    padding: 15px;
  }

  .services-tab__list {
    gap: 5px;
  }

  .services-tab__other {
    font-size: 14px;
    padding: 15px;
  }

  .services-info__description {
    font-size: 14px;
    max-height: 205px;
    gap: 15px;
    padding-right: 20px;
  }

  .services-info-bottom__title {
    font-size: 16px;
  }

  .services-info-bottom {
    gap: 20px;
  }

  .services-info-bottom__btn {
    font-size: 14px;
    padding-left: 25px;
  }

  .services-info-bottom__btn::before {
    width: 20px;
    height: 20px;
  }

  .services-info-bottom__service {
    font-size: 16px;
    font-weight: 500;
  }

  .services-info-bottom-price__value {
    font-size: 18px;
  }

  .services-info-bottom-price__old {
    font-size: 18px;
  }

  .services-info-bottom-price {
    gap: 12px;
  }

  .services-info-bottom__info {
    padding-right: 0px;
  }

  .services {
    margin-bottom: 40px;
  }

  .services-info._is-active {
    gap: 15px;
  }

  .services-info__title {
    font-size: 21px;
  }

  .services-info__top::after {
    right: 18px;
    width: 25px;
    height: 69px;
  }

  .services-info__top {
    gap: 15px;
  }

  .services-info__top::before {
    width: 200px;
    height: 100px;
  }

  .services__wrapper {
    gap: 20px;
  }

  .services-info__text,
  .services-info__phone {
    font-size: 14px;
  }

  .services-info__btn {
    padding: 12px 20px 12px 45px;
  }

  .doctor__wrapper {
    flex-direction: column;
    gap: 30px;
  }

  .doctor-info__img {
    margin-left: 0px;
  }

  .doctor-info {
    padding: 30px 0px 0px 0px;
  }

  .doctor-info__description {
    padding-bottom: 30px;
  }

  .doctor-tab__info {
    max-width: none;
  }

  .doctor__info {
    max-width: none;
    gap: 20px;
  }

  .doctor__content::before {
    left: 50%;
    transform: translateX(-50%);
  }

  .doctor-info__top {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 20px;
  }

  .doctor-info__exp {
    margin-bottom: 20px;
  }

  .doctor {
    margin-bottom: 40px;
  }

  .doctor-info__bottom {
    flex-direction: column;
  }

  .doctor-info__img {
    align-self: center;
  }

  .doctor-info__text {
    max-height: none;
    overflow: visible;
    padding-right: 0px;
  }

  .doctor-info__name {
    font-size: 21px;
  }

  .doctor-tab__name {
    font-weight: 600;
  }

  .reviews-add {
    flex-direction: column;
    padding: 20px;
  }

  .reviews-add__title {
    font-size: 18px;
    text-align: center;
  }

  .reviews-add__text {
    text-align: center;
  }

  .reviews-add-place__list {
    flex-direction: row;
  }

  .reviews-add-place__item {
    width: calc(50% - 5.5px);
    padding: 20px;
  }

  .reviews-add-place {
    max-width: none;
  }

  .reviews__name {
    font-size: 18px;
  }

  .reviews__text {
    font-size: 14px;
  }

  .reviews__wrapper {
    gap: 20px;
    padding-top: 0px;
  }

  .reviews {
    margin-bottom: 40px;
  }

  .reviews__wrapper::before {
    left: -10px;
    width: 232px;
    height: 184px;
  }

  .reviews__item {
    padding: 20px;
  }

  .rating__info {
    padding-left: 15px;
  }

  .rating__item {
    width: calc(50% - 4px);
    padding: 20px 15px;
  }

  .rating__item:last-child {
    width: 100%;
    justify-content: center;
  }

  .rating__logo {
    max-width: 80px;
    height: 25px;
  }

  .rating__num {
    font-size: 24px;
  }

  .rating__tet {
    font-size: 18px;
  }

  .rating__count::before {
    width: 15px;
    height: 15px;
  }

  .rating__count {
    padding-left: 20px;
  }

  .rating {
    margin-bottom: 40px;
  }

  .rating__title {
    font-size: 24px;
    line-height: 30px;
  }

  .actions__item {
    width: 100%;
  }

  .actions {
    margin-bottom: 40px;
  }

  .callback__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
  }

  .callback__title {
    font-size: 24px;
    max-width: none;
  }

  .callback .form__group input,
  .callback .form__group textarea {
    font-size: 14px;
    padding: 17px 15px;
  }

  .callback .form__group button {
    padding: 16.5px 25.5px;
    font-size: 15px;
  }

  .callback__policy {
    font-size: 14px;
  }

  .callback-time {
    font-size: 14px;
  }

  .callback__wrapper::before {
    width: 325px;
    height: 190px;
  }

  .callback__wrapper::after {
    width: 220px;
    height: 139px;
  }

  .callback .form__group input {
    width: 100%;
  }

  .faq__content {
    flex-direction: column;
  }

  .faq-callback {
    max-width: none;
    gap: 20px;
  }

  .faq {
    padding-bottom: 40px;
    padding-top: 20px;
  }

  .faq__wrapper::after {
    width: 150px;
    height: 160px;
    top: 0;
  }

  .faq-accordion__list {
    gap: 10px;
  }

  .faq-callback__title {
    font-size: 24px;
  }

  .faq-callback__form textarea {
    font-size: 14px;
  }

  .faq-accordion__description {
    font-size: 14px;
  }

  .clinic__logo {
    max-width: 180px;
  }

  .clinic__info {
    gap: 20px;
  }

  .clinic__content {
    gap: 20px;
  }

  .clinic__wrapper {
    gap: 20px;
  }

  .clinic {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .clinic__wrapper::before {
    top: 0px;
    width: 227px;
    height: 236px;
    left: 190px;
  }

  .clinic-slider-tumb {
    height: 65px;
  }

  .contacts__item {
    width: 100%;
    min-height: auto;
    gap: 40px;
  }

  .contacts__title {
    margin-bottom: 20px;
  }

  .contacts__subtitle {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .contacts__value {
    font-size: 16px;
  }

  .contacts__text {
    font-size: 14px;
  }

  .contacts-form__title {
    font-size: 18px;
  }

  .contacts-form {
    gap: 20px;
  }

  .contacts-form .form__group input {
    max-width: none;
    width: 100%;
    padding: 15px;
  }

  .contacts-form .form__group {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .contacts-form .form__group button {
    padding: 15px 20px;
    font-size: 14px;
  }

  .contacts__item:nth-child(1),
  .contacts__item:nth-child(2),
  .contacts__item {
    padding: 20px;
  }

  .footer__top {
    flex-direction: column;
    padding-bottom: 40px;
    gap: 40px;
  }

  .footer {
    margin-top: -40px;
    padding-top: 90px;
    padding-bottom: 40px;
  }

  .footer__middle {
    padding-top: 40px;
    padding-bottom: 40px;
    flex-direction: column;
    gap: 40px;
  }

  .footer-menu {
    max-width: none;
  }

  .footer-pay {
    align-items: center;
  }

  .footer__policy {
    align-self: center;
  }

  .footer-menu__item {
    font-size: 16px;
  }

  .footer__corp p {
    text-align: center;
    font-size: 14px;
  }

  .dev__text {
    font-size: 14px;
  }

  .footer__btn {
    padding: 14px 20px;
    font-size: 14px;
  }

  .footer__logo {
    max-width: 170px;
  }

  .record-doctor {
    width: 100%;
    gap: 10px;
  }

  .record-form {
    width: 100%;
    gap: 20px;
  }

  .record__wrapper {
    padding: 20px;
  }

  .record.fancybox__content > .f-button.is-close-btn {
    top: 15px;
    right: 15px;
  }

  .record .form input {
    padding: 17px;
    font-size: 14px;
    margin-bottom: 15px;
  }

  .condition__title {
    font-size: 18px;
  }

  .condition__btn {
    padding: 15px 24px;
    font-size: 14px;
  }

  .condition__wrapper {
    padding: 20px 45px 20px 20px;
    max-width: 350px;
  }

  .condition__close {
    top: 15px;
    right: 15px;
  }

  .condition__wrapper::after {
    width: 100px;
    height: 110px;
  }

  .fixed-btn {
    display: block;
  }

  .burger__wrapper {
    top: 67px;
    height: calc(100vh - 67px);
  }
}

@media screen and (max-width: 479.98px) {
  .services-info-bottom__top {
    flex-direction: column;
    align-items: flex-start;
  }

  .reviews__full {
    font-weight: 600;
    font-size: 12px;
    padding-right: 15px;
  }

  .rating__item {
    width: 100%;
    justify-content: center;
  }

  .callback__title {
    font-size: 21px;
  }

  .callback__text {
    font-size: 14px;
  }

  .callback-time {
    flex-direction: column;
    align-items: flex-start;
  }

  .contacts__map {
    font-size: 14px;
  }

  .contacts-time__item p {
    font-size: 14px;
  }

  .contacts-time__list {
    padding-left: 0px;
  }

  .contacts-time__list::before {
    display: none;
  }

  .contacts__btn {
    padding: 14px;
    font-size: 14px;
  }

  .contacts-form .form__group button {
    max-width: none;
  }

  .footer-pay__list {
    gap: 15px;
  }

  .footer__policy {
    font-size: 14px;
  }

  .footer__info {
    flex-direction: column;
  }

  .record-doctor__item {
    gap: 10px;
  }

  .record-subtitle {
    font-size: 16px;
  }

  .record-form__policy {
    font-size: 12px;
  }

  .m-first-advantages__item {
    width: auto;
    max-width: 236px;
  }

  .m-services-slider-big-other {
    display: flex;
    flex-direction: column;
  }

  .m-services-slider-big-other__btn {
    align-self: center;
  }

  .m-services-slider-big-hidden::after {
    display: block;
  }

  .m-doctor-hidden::after {
    display: block;
  }

  .m-footer__text {
    font-size: 12px;
  }

  .record__title {
    padding-right: 30px;
  }

  .record-doctor {
    padding: 15px;
  }

  .record-form {
    padding: 15px;
  }

  .record__title {
    font-size: 21px;
  }
}