@media (max-width: 1919px) and (min-width: 1125px) {
    .container {
        padding: 0 15px;
        max-width: 1280px;
    }

    .header {
        margin-top: 20px;
    }

    .header-block {
        border-radius: 24px;
        padding: 20px 32px;
    }

    .header-logo {
        width: 128px;
    }

    .header-menu {
        gap: 23px;
    }

    .header-menu a {
        font-size: 12px;
    }

    .header-phone a {
        font-size: 11px;
    }

    .header-socials {
        gap: 12px;
    }

    .header-top {
        gap: 30px;
    }

    .header-col {
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
        justify-content: center;
    }

    .header-col span {
        font-size: 11px;
    }

    .header-col span img {
        display: block;
        width: 21px;
        height: auto;
    }

    .btn {
        font-size: 13px;
    }

    .footer-wrapper {
        padding: 64px 0px;
    }

    .footer-left {
        width: 165px;
    }

    .footer-right {
        width: 250px;
    }

    .footer-phone a {
        font-size: 14px;
    }

    .footer-address span:nth-child(1) {
        font-size: 16px;
    }

    .footer-address span {
        font-size: 12px;
    }

    .breadcrumbs {
        padding: 16px 0;
    }

    .page-title {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .vacancy-wrapper {
        flex-wrap: wrap;
        gap: 16px
    }

    .vacancy-card {
        width: 100%;
    }

    .articles-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .footer-menu a, .footer-categories a {
        font-size: 12px;
    }

    .section {
        padding: 52px 0;
    }

    .about-block__slider {
        width: 50%;
    }

    .about-block__content {
        width: 50%;
    }

    .about-block__text p {
        font-size: 14px;
    }

    .specialists-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .service-detail__wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .price-list {
        width: 100%;
    }

    .specialist-wrap {
        flex-direction: column;
    }




    .prepare-service__row {
        gap: 32px;
    }

    .indicators-row {
        gap: 32px;
    }

    .indicators-item.w-50 {
        width: calc(50% - 16px);
    }

    .indicators-item.w-100 {
        width: calc(100%);
    }

    .indicators-item__title {
        font-size: 16px;
    }

    .indicators-item__text ul li {
        font-size: 14px;
    }

    .service-banner__data {
        max-width: 775px;
    }

    .products-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .message-photo {
        width: 460px;
        flex-shrink: 0;
    }

    .about-block__wrapper {
        gap: 40px;
    }
}

@media (max-width: 1124px) and (min-width: 1125px) {
    .analyzes-wrapper {
        flex-wrap: wrap;
    }
}

@media (max-width: 1124px) {
    .container {
        padding: 0 16px;
    }

    .footer-left {
        width: 100%;
        margin-bottom: 32px;
    }

    .footer-right {
        width: 100%;
    }

    .footer-wrapper {
        padding: 24px 0px;
        flex-direction: column;
    }

    .header {
        margin-top: 0;
    }

    .header .container {
        padding: 0;
    }

    .header-block {
        border-radius: 0 0 16px 16px;
        padding: 12px 16px;
    }

    .header-logo {
        width: 90px;
    }

    .header-wrapper {
        display: none;
    }

    .menu-btn {
        display: block;
    }

    .header-block {
        gap: 18px;
    }

    .mobile-icons {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 18px;
        width: 100%;
    }

    .mobile-icons a img {
        width: 31px;
    }

    .mobile-icons a.eye img {
        width: 24px;
    }

    .page-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .vacancy-wrapper {
        flex-wrap: wrap;
        gap: 16px
    }

    .vacancy-card {
        width: 100%;
    }

    .vacancy-title {
        font-size: 20px;
    }

    .vacancy-price {
        font-size: 20px;
    }

    .vacancy-card {
        padding: 20px;
    }

    .vacancy-card__title {
        font-size: 16px;
    }

    .vacancy-row .btn {
        width: 100%;
    }

    .articles-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .article-item__bottom {
        font-size: 14px;
        padding: 32px 16px;
    }

    .breadcrumbs-wrapper span {
        white-space: nowrap;
    }

    .breadcrumbs-wrapper {
        overflow: auto;
    }

    .form-block {
        padding: 24px;
    }

    .form-block__title {
        font-size: 20px;
    }

    .form-block__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .form-block__row {
        flex-direction: column;
        gap: 32px;
    }

    .form-block__row button {
        width: 100%;
    }

    .main-slide__content {
        padding: 24px;
        justify-content: space-between;
    }

    .main-slide__content > div {
        max-width: 165px;
    }

    .main-slide__content h3 {
        font-size: 24px;
    }

    .main-slide__content .btn {
        width: 100%;
    }

    .footer-middle {
        display: none;
    }

    .logos-grid {
        display: flex;
        align-items: center;
        gap: 30px;
        width: 100%;
        overflow: auto;
    }

    .logos-item {
        border: none !important;
        padding: 30px 0px;
    }

    .docs-list {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        overflow: auto;
    }

    .docs-list a {
        width: 95%;
        flex-shrink: 0;
        font-size: 14px;
    }

    .section {
        padding: 32px 0;
    }

    .about-block__wrapper {
        flex-direction: column;
        gap: 24px
    }

    .about-block__slider {
        width: 100%;
    }

    .about-block__content {
        width: 100%;
    }

    .about-block__text p {
        font-size: 14px;
    }

    .about-block__slider .swiper-button-next,
    .about-block__slider .swiper-button-prev {
        display: none;
    }

    .services-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .widget-controls__btns {
        display: none;
    }

    .specialists-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .specialists-item__img img {
        height: auto;
    }

    .service-detail__wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .price-list {
        width: 100%;
    }

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

    .service-detail__top-icon img {
        width: 80px;
    }

    .price-list {
        padding: 20px;
    }

    .price-list__title {
        font-size: 20px;
        margin-bottom: 16px;

    }

    .price-list__item-name {
        font-size: 14px;
    }

    .price-list__item-price {
        font-size: 18px;
    }

    .price-list__item:hover {
        flex-direction: column;
    }

    .specialist-wrap {
        flex-direction: column;
    }

    .specialist-photo {
        width: 100%;
        height: 305px;
    }

    .specialist-photo img {
        height: auto;
    }

    .specialist-inner {
        flex-direction: column;
    }

    .specialist-info__row div, .specialist-info__row div span {
        font-size: 18px;
    }

    .appointment-calendar {
        background-position: 94% 50% !important;
    }

    .modal {
        padding: 40px 5px;
    }

    .modal-form {
        border-radius: 12px;
        padding: 24px;
    }

    .tags-list span, .tags-list a {
        padding: 8px 20px;
        font-size: 14px;
    }

    .analyzes-wrapper {
        flex-wrap: wrap;
    }

    .prepare-service__row {
        gap: 8px;
        grid-template-columns: repeat(1, 1fr);
    }

    .prepare-service__item-title {
        font-size: 16px;
    }

    .prepare-service__item {
        border-radius: 20px;
        padding: 20px;
    }

    .indicators-row {
        gap: 32px;
    }

    .indicators-item.w-50 {
        width: 100%;
    }

    .indicators-item.w-25 {
        width: 100%;
    }

    .indicators-item__title {
        font-size: 16px;
    }

    .indicators-item__text ul li {
        font-size: 14px;
    }

    .indicators-item.w-100 {
        width: calc(100%);
    }

    .service-banner {
        border-radius: 16px;
        padding: 30px 24px;
        height: 200px;
    }

    .service-banner__text {
        display: none;
    }

    .service-banner .btn {
        width: 100%;
    }

    .service-banner__text.hidden {
        display: block;
        margin-top: 24px;
    }

    .before-after__item {
        flex-direction: column;
        gap: 10px
    }

    .before-after__wrapper .swiper-button-prev, .before-after__wrapper .swiper-button-next {
        display: none;
    }

    .costs-wrapper {
        flex-direction: column;

    }

    .costs-data {
        width: 100%;
    }

    .banks-logo {
        width: 100%;
        gap: 12px;
        justify-content: center;
    }

    .banks-logo img {
        width: 30%;
    }

    .costs-data__price {
        padding: 16px;
    }

    .costs-data__price.consult, .costs-data__price.consult .btn-red {
        width: 100%;
    }

    .products-grid {
        grid-template-columns: repeat(1,1fr);
        gap: 24px;
    }

    .message-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .message-photo {
        width: 100%;
        flex-shrink: 0;
    }

    .message-content {
        gap: 16px;
    }

    .message-name {
        font-size: 16px;
    }

    .clinic-slider .about-block__slider {
        width: 100%;
    }

    .clinic-slider .about-block__content {
        width: 100%;
    }

    .vacancy-block {
        height: 155px;
        background-image: url("../img/vbgm.png");
        border-radius: 16px;
    }

    .vacancy-block span {
        font-size: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .vacancy-block span svg {
        width: 40px;

    }

    .c-icons {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .c-icon__item {
        flex-direction: row;
        width: 100%;
        gap: 12px;
    }

    .c-icon__item img {
        width: 56px;
    }

    .c-icon__item--bottom {
        justify-content: space-between;
        width: 100%;
    }

    .tooltip {
        width: 290px;
        left: 0;
        transform: translateX(-60px) translateY(-20%);
    }

    .c-icon__item:last-of-type .tooltip {
        transform: translateX(-60px) translateY(-70%);
        left: 0;
    }

    .service-detail__text img {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media (max-width: 767px) {
    .page-text p img {
        display: block;
        width: 100%;
        height: auto;
    }

    .page-text ul {
        margin-left: 16px;
    }
}
