/* @media screen and (min-resolution: 100dpi) {
    html {
        font-size: 90%;
    }
}
@media screen and (min-resolution: 150dpi) {
    html {
        font-size: 80%;
    }
}
@media screen and (min-resolution: 200dpi) {
    html {
        font-size: 70%;
    }
} */
@media (max-width: 1920px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1680px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1600px) {
     
}

@media (max-width: 1440px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1366px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1280px) {
    html {
        font-size: 95%;
    }
}

@media (max-width: 1200px) {
    html {
        font-size: 95%;
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 60%;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 100%;
    }
    .container {
        padding-top: 3.125em;
        padding-bottom: 3.125em;
        padding-left: .56em;
        padding-right: .56em;
    }
    .row {
        position: static;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .col-sm-hidden {
        display: none;
    }
    .nav-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.8125rem;
        height: 2.8125rem;
        border: 2px solid #196366;
        border-radius: 50%;
        margin-left: 1em;
        cursor: pointer;
    }
    .nav-toggle__wrap {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 1.2rem;
        height: 1rem;
    }
    .nav-toggle__wrap div {
        background: #196366;
        width: 100%;
        height: .125rem;
        transition: .25s ease;
    }
    .nav-toggle.active .nav-toggle__wrap {
        transform: translate(.15em);
    }
    .nav-toggle.active .nav-toggle__wrap div:nth-child(1) {
        transform-origin: left top;
        transform: rotate(45deg);
        width: 108%;
    }
    .nav-toggle.active .nav-toggle__wrap div:nth-child(2) {
        opacity: 0;
    }
    .nav-toggle.active .nav-toggle__wrap div:nth-child(3) {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        width: 108%;
    }
    .cookie-agreement .button {
        height: 3.5rem;
        text-align: center;
    }
    .header .container {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .logo {
        width: 3.8125em;
        height: 3.125em;
    }
    .header__contacts {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
    }
    .header__contacts__button {
        display: none;
    }
    .header__contacts__phone span {
        display: none;
    }
    .header__contacts__phone {
        width: 2.8125rem;
        height: 2.8125rem;
        margin-bottom: 0;
        padding: 0;
        border: 2px solid #196366;
        border-radius: 50%;
    }
    .header__contacts__phone::before {
        top: calc(50% - .625rem);
        left: calc(50% - .625rem);
        width: 1.25rem;
        height: 1.25rem;
    }
    .start h1 {
        font-size: 1.75em;
    }
    .start .container .row {
        position: relative;
    }
    .start .container::after {
        bottom: calc(50% - 7.5em);
        right: 0;
        width: 11em;
        height: 15em;
    }
    .start__title {
        font-size: 1em;
    }
    .start__list {
        flex-direction: column;
        align-items: flex-start;
    }
    .start__list__item {
        margin-bottom: 1rem;
    }
    .start__list__item__image {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: .5rem;
    }
    .start__list__item__text {
        font-size: .75em;
    }
    .button {
        width: 100%;
    }
    .uslugi__head {
        display: none;
    }
    .uslugi__head_mobile {
        display: block;
        background: #F6FAFF;
        width: 100%;
        height: 1.875rem;
        margin-bottom: 1rem;
        padding: 0 .56rem;
        font-size: .875em;
        font-weight: 600;
        color: #196366;
        border: none;
        border-radius: 1.25rem;
        text-transform: uppercase;
    }
    .uslugi__body {
        background: #F6FAFF;
        padding: .75rem .56rem;
        border-radius: 1.25rem;
    }
    .uslugi__body__table {
        font-size: .75em;
    }
    .uslugi__body__table th {
        vertical-align: bottom;
    }
    .uslugi__body__table th:nth-child(1) {
        width: 33%;
    }
    .uslugi__body__table th:nth-child(1) {
        width: 33%;
    }
    .uslugi__body__table th:nth-child(1) {
        width: 33%;
    }
    .section__title {
        font-size: 1.25em;
    }
    .preimushestva__list__item {
        width: 100%;
        margin-bottom: 5%;
        padding: 1rem;
    }
    .preimushestva__list__item:nth-child(n+4) {
        width: 100%;
        margin-bottom: 5%;
        padding: 1rem;
    }
    .preimushestva__list__item__head {
        height: 2.5em;
    }
    .preimushestva__list__item__head__title {
        font-size: .875em;
    }
    .preimushestva__list__item__head__icon {
        top: 0rem;
        right: 0rem;
        width: 2.5em;
        height: 2.5em;
    }
    .preimushestva__list__item__body__text {
        padding-right: 0;
        font-size: .75em;
    }
    .vrachi__list {
        margin-bottom: .9375rem;
    }
    .vrachi__list__item {
        width: 100%;
    }
    .vrachi__list__item__description {
        padding: 1.25rem 1rem 1.5rem;
        text-align: center;
    }
    .vrachi__list__item__title {
        font-size: .875em;
    }
    .vrachi__list__item__subtitle {
        font-size: .75em;
    }
    .vrachi__list__item__title br {
        display: none;
    }
	.vrachi__list__item__button {
		width: 49%;
	}
    .form_inline__wrap {
        padding: 2em 1em;
    }
    .form__title {
        font-size: 1em;
        text-align: center;
    }
    .form__input.form_inline__input {
        width: 100%;
    }
    .form__button {
        width: 100%;
        margin-bottom: 2rem;
    }
    .form__button.form_inline__button {
        width: 100%;
        margin-bottom: 2rem;
    }
    .form__checkbox-wrap {
        /* margin-bottom: 0; */
    }
    .form__checkbox-wrap .form__checkbox-wrap__label {
        font-size: .75em;
    }
    .map {
        height: 25em;
    }
    .map__container__overlay {
        font-size: 1.25rem;
        opacity: 1;
    }
    .map__container__overlay br {
        display: none;
    }
    .map__wrap {
        align-items: flex-start;
        padding-top: 1rem;
    }
    .map__contacts {
        width: 100%;
        padding: 1em;
    }
    .map__contacts__title {
        margin-bottom: .5rem;
        font-size: 1em;
    }
    .map__contacts__address {
        margin-bottom: .5rem;
        padding-left: 1rem;
        font-size: .875em;
    }
    .map__contacts__address br {
        display: none;
    }
    .map__contacts__phone {
        padding-left: 1rem;
        font-size: .875em;
    }
    .map__contacts__address::before {
        width: .75rem;
        height: .984375rem;
    }
    .map__contacts__phone::before {
        width: .75rem;
        height: .75rem;
    }
    .contacts__map__overlay {
        font-size: 1.25rem;
        opacity: 1;
    }
    .contacts__map__overlay br {
        display: none;
    }
    .about .section__title {
        text-align: center;
    }
    .about__text {
        padding-right: 0;
    }
    .about__slider {
        height: 22em;
    }
    .form_alt form {
        padding: 2em 1em;
    }
    .form_alt .form__button {
        width: 100%;
        margin-bottom: 2rem;
    }
    .form_alt__image {
        display: none;
    }
    .footer .container {
        padding-top: 1.75em;
        padding-left: 1.75em;
        padding-right: 1.75em;
    }
    .footer__wrap_left {
        flex-direction: column;
    }
    .footer__menu {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0;
        margin-bottom: .5rem;
        font-size: .75em;
        columns: 1;
    }
    .footer__menu__item {
        margin-bottom: .5rem;
        margin-right: .5rem;
    }
    .footer__menu__item:nth-child(n+5) {
        margin-right: .5rem;
    }
    .footer__menu__item:nth-child(4n) {
        margin-right: 0;
    }
    .footer__wrap_left__contacts {
        font-size: .75em;
    }
    .footer__wrap_left__contacts__address br {
        display: none;
    }
    .footer__wrap_left__contacts__address::before {
        top: calc(50% - .65625rem)
    }
    .footer__wrap_left__contacts__address {
        margin-bottom: 1.5rem;
    }
    .footer__wrap_left__contacts__workhours {
        margin-bottom: 1.5rem;
    }
    .footer__wrap_right {
        display: block;
    }
    .footer__wrap_right__contacts {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer__wrap_right__contacts__phone {
        padding-left: 1.5rem;
        padding-right: 0;
    }
    .footer__wrap_right__contacts__phone::before {
        left: 0;
    }
    .socials {
        padding: 5px 6px;
    }
    .socials__item {
        width: 1.45em;
        height: 1.45em;
        margin-right: .5rem;
    }
    .footer__bottom {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        font-size: .75em;
    }
    .footer__bottom__item {
        margin-bottom: 1rem;
        margin-right: 0;
    }
    .inner .container .row {
        position: relative;
    }
    .inner h1 {
        font-size: 1.25em;
    }
    .inner__price__list {
        columns: 1;
    }
    .inner__price__list__head__title {
        padding: .8125em .9375em;
        font-size: .9em;
        text-align: center;
    }
    .inner__price__list__head__button {
        padding: .8125em .9375em;
        font-size: .8125em;
    }
    .inner__price__list__body {
        padding: 0 .9375em;
    }
    .inner__start {
        min-height: auto;
    }
    .inner__start::after {
        width: 70%;
        height: 85%;
        background-position: right bottom;
    }
    .inner__start h1 {
        font-size: 1.625em;
    }
    .inner__start__wrap {
        width: 100%;
    }
	.inner__start__wrap__left {
		width: 100%;
	}
	.inner__start__wrap__right {
		display: none;
	}
    .inner__start__title {
        font-size: 1em;
    }
    .inner__start__list {
        padding-bottom: 5rem;
        flex-direction: column;
    }
    .inner__start__list__item {
        margin-bottom: .4375rem;
        font-size: 1em;
    }
    .inner__start__list__item:nth-child(n+3) {
        margin-bottom: .4375rem;
    }
    .uslugi__list__item {
        width: 100%;
        margin-bottom: .625em;
        margin-right: 0;
    }
    .uslugi__list__item:last-child {
        margin-bottom: 0;
    }
	.post__image {
		width: 100%;
	}
	.post__content {
		width: 100%;
		padding-left: 0;
	}
	.post__content h1 {
		text-align: center;
	}
	.obrazovanie {
		padding: 2em 1rem;
	}
	.qualification {
		padding: 2em 1rem;
	}
	.documents__title {
		font-size: 1.25em;
	}
	.documents__title__text {
		width: 80%;
	}
	.vrachi__list_inner__item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.post-vrachi .post__image {
		width: 100%;
	}
	.post-vrachi .post__content {
		width: 100%;
		padding-left: 0;
	}
}

@media (max-width: 500px) {
    html {
        font-size: 100%;
    }
    .button {
        width: 100%;
    }
	.vrachi__list__item__button {
		width: 49%;
	}
	.vrachi__list_inner__item__button {
		width: 49%;
	}
}

@media (max-width: 414px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 375px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 320px) {
    html {
        font-size: 60%;
    }
}

/* Fix: readable base font size at 768-1024px and up to 320px (was 60% = 9.6px) */
@media (min-width: 768px) and (max-width: 1024px) {
  html { font-size: 75%; }
}
@media (max-width: 320px) {
  html { font-size: 75%; }
}
@media (max-width: 1024px) {
  .footer__bottom__item a { font-size: 12px; }
}

@media (max-width: 1024px) {
  .kama_breadcrumbs span { font-size: 12px; }
}
@media (max-width: 320px) {
  .form__checkbox-wrap__label, .form__checkbox-wrap__label a, .map__contacts__address, .map__contacts__phone,
  .footer__wrap_left__contacts__address, .footer__wrap_left__contacts__workhours,
  .preimushestva__list__item__head__title, .preimushestva__list__item__body__text,
  .vrachi__list__item__subtitle, .menu-item a { font-size: 11px; }
}