@media only screen and (max-width: 767px) {
  .breadcrumb {
    margin: 0 0 12px 0;
    flex-wrap: wrap;
  }

  .breadcrumb .razd {
    margin: 0 8px;
  }

  .container {
    max-width: 100%;
  }

  .tabs_menus {
    width: 100%;
  }


  .section {
    margin-top: 54px;
    margin-bottom: 54px;
  }

  .section--mt {
    margin-top: 54px;
    margin-bottom: 0 !important;
  }

  .section--mb {
    margin-top: 0 !important;
    margin-bottom: 54px;
  }

  .section--bg1 {
    background: var(--light-c);
    padding: 54px 0;
  }

  .section__wr-title {
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
  }

  .section__descript {
    max-width: 100%;
    margin: 0 auto;
  }

  .doc-offer {
    flex-wrap: wrap-reverse;
  }

  .doc-offer__capt,
  .doc-offer__img {
    max-width: 100%;
  }

  .doc-offer__capt {
    padding-top: 0;
  }

  .doc-offer__wr-title {
    text-align: center;
    align-self: center;
  }

  .doc-offer__capt .btn {
    align-self: center;
  }

  .doc-offer__text {
    max-width: 100%;
  }

  .num-title-row .num-title {
    width: calc(50%);
  }

  .section--accordion .container {
    flex-wrap: wrap;
  }

  .section--accordion .section__wr-title {
    max-width: 100%;
    margin-bottom: 8px;
  }



  .dental-grid {
    /* Переключаемся на 2 колонки, чтобы поставить первые две картинки в ряд */
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    /* Высота строк будет зависеть от контента */
    gap: 16px;
  }

  /* Первая картинка: в левой колонке первого ряда */
  .item-1 {
    grid-column: 1;
    grid-row: 1;
  }

  /* Вторая картинка: в правой колонке первого ряда */
  .item-2 {
    grid-column: 2;
    grid-row: 1;
  }

  /* Третья картинка: на всю ширину (2 колонки) во втором ряду */
  .item-3 {
    grid-column: 1 / span 2;
    grid-row: 2;
  }

  /* Четвертая картинка: на всю ширину (2 колонки) в третьем ряду */
  .item-4 {
    grid-column: 1 / span 2;
    grid-row: 3;
  }

  /* Чтобы пропорции картинок на мобильном были как на скриншоте */
  .item-1,
  .item-2 {
    aspect-ratio: 1 / 0.8;
    /* Почти квадратные */
  }

  .item-3 {
    aspect-ratio: 16 / 10;
    /* Прямоугольная */
  }

  .item-4 {
    aspect-ratio: 3 / 4;
    /* Вертикальная для видео */
  }



  .section--works .container:before {
    left: -220px;
  }

  .section--works .container:after {
    bottom: -370px;
    right: -380px;
  }

  .price-item {
    padding: 0;
    background-color: #fff;
    border-bottom: 0;
    margin-bottom: 32px;
    gap: 8px;
  }

  .price-values {
    width: 100%;
    min-width: 100%;
    justify-content: flex-start;
    gap: 0;
    flex-direction: column;
  }

  .price-col {
    flex: 1;
    width: auto;
    border-top: 1px solid #e0e4e8;
    padding: 8px 0;
  }

  .price-col:last-child {
    border-bottom: 1px solid #e0e4e8;
  }

  .price-info {
    margin-bottom: 18px;
  }

  .price-current {
    margin: 0;
  }

  .not-found {
    min-height: auto;
    background-size: 403px 392px, 320px, 327px;
    background-position: center bottom, center bottom 320px, center bottom -12px;
  }

  .not-found .section__wr-title--column {
    margin-bottom: 478px;
    align-items: center;
  }

  .services-offer:before {
    bottom: -650px;
    right: -415px;
  }

  .section-services-offer--cat .services-offer:after {
    top: 70px;
    bottom: unset;
    right: calc(50% - 600px);
  }

  .section-services-offer {
    padding-bottom: 64px;
  }

  .section-services-offer--cat {
    padding-bottom: 158px;
  }

  .services-offer__wr-title {
    text-align: center;
  }

  .services-offer {
    flex-direction: column;
    gap: 40px;
  }

  .services-offer__capt,
  .services-offer__img {
    max-width: 100%;
    z-index: 1;
  }

  .services-offer__capt {
    align-items: center;
  }

  .ico-left-text {
    font-size: 14px;
    gap: 14px;
    padding: 14px;
  }

  .price-link {
    padding: 14px;
    text-align: center;
    justify-content: center;
    gap: 10px;
  }

  .price-link__text {
    margin: 0 auto;
  }

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

  .price-link__price p span {
    font-size: 16px;
  }

  .services-offer__text {
    text-align: center;
  }

  .services-offer__capt .btn {
    margin: 0 auto;
  }

  .two-col .two-col__col {
    width: 100%;
  }

  .calk--lg {
    flex-direction: column;
    text-align: center;
    background: url(../image/calc-lg-bg.png) no-repeat bottom -170px left -130px, linear-gradient(90deg, #E7ECE2 0%, #E8EFF8 100%);
    background-size: 390px, auto;
    padding-bottom: 183px;
  }

  .sing-right {
    flex-direction: column;
  }

  .sing-right__ico {
    margin: 0 auto;
  }

  .sing-right__capt {
    align-items: center;
    gap: 15px;
  }

  .indications__list {
    column-count: 1;
  }

  .two-col .btn {
    margin: 0 auto;
  }

  .callback {
    padding: 32px 20px 0 20px;
  }

  .callback__container {
    flex-direction: column;
  }

  .callback__info {
    text-align: center;
    flex: 0 1 0;
  }

  .callback__image {
    position: unset;
    opacity: 1;
  }


  .callback__btns .btn {
    padding: 8px;
  }

  .offer-card {
    flex-direction: column;
  }

  .offer-card__visual {
    flex: unset;
  }

  .offer-card__content {
    padding: 20px 0;
  }

  .offer-card__text {
    margin-bottom: 56px;
  }

  .cart-doc--s2 {
    flex-direction: column;
    gap: 0;
  }

  .cart-doc--s2 .cart-doc__top,
  .cart-doc--s2 .cart-doc__bott {
    width: 100%;
  }

  .cart-doc--s2 .cart-doc__top {
    border-radius: 8px 8px 0 0;
  }

  .cart-doc--s2 .cart-doc__bott {
    border-radius: 0 0 8px 8px;
    padding: 32px 20px;
  }

  .cart-doc__quote {
    display: none;
  }

  .cart-doc--s2 .cart-doc__desc {
    margin-bottom: 24px;
  }

  .cart-doc--s2 .cart-doc__btns .btn {
    padding: 13px 18px;
  }

  .cart-doc--s2 .cart-doc__btns {
    width: 100%;
  }

  .cart-doc--s2 .cart-doc__btns .btn {
    width: 100%;
  }

  .section-gall-grid .gall-item__img img {
    max-height: 104px;
  }

  .gall .slick-track {
    gap: 12px;
  }

  .row-hists .cart-hist {
    width: 100%;
  }

  .section--hists .container:before {
    top: -680px;
    left: -260px;
  }

  .row-works:not(.slick-slider) .work {
    width: 100%;
  }

  .rezults-img {
    flex-direction: column;
  }

  .equipment-card {
    flex-direction: column;
    padding: 20px;
  }

  .equipment-card__visual {
    height: 230px;
  }

  .equipment-card__content {
    padding: 24px 20px;
  }

  .equipment-img {
    width: 100%;
    margin-top: 105px;
  }

  .equipment-img__img {
    max-width: 100%;
  }

  .equipment-img__brand {
    height: 110px;
    padding: 19px 20px;
  }

  .equipment-img .equipment-img__brand {
    top: -75px;
    left: calc(50% - 65px);
  }

  .two-col__content {
    padding-right: 0;
  }

  .section-slider-equipment .slider-equipment {
    width: auto;
  }

  .cont-img {
    flex-direction: column;
  }

  .cont-img__content {
    max-width: 100%;
  }

  .cont-img__content .route {
    margin: 0;
  }

  .section--gall .gall-slider {
    width: 800px;
  }

  .section--gall .gall-slider .gall-item__img img {
    max-height: 180px;
  }

  .vacancy-banner {
    flex-direction: column;
    padding: 40px 20px;
    gap: 20px;
  }

  .vacancy-banner__title {
    text-align: center;
  }

  .career {
    gap: 0;
  }

  .career__column--requirements {
    border-radius: 8px 8px 0 0;
  }

  .career__column--promises {
    align-items: center;
    border-radius: 0 0 8px 8px;
  }

  .career__column--promises:before {
    right: -187px;
    bottom: -112px;
  }

  .forma-img__forma {
    padding: 0 0 32px 0;
  }

  .forma-row {
    flex-direction: column;
    gap: 16px;
    align-items: unset;
  }

.forma-row .tg-but,
.forma-row .filegroup {
  width: 100%;
}

  .career {
    flex-direction: column;
  }

  .clinic-about__content {
    flex-direction: column;
  }

  .clinic-about__image-wrapper {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .clinic-about__quote {
    font-size: 16px;
    padding-left: 16px;
  }

  .video-offer {
    height: auto;
    min-height: unset;
    padding: 87px 16px 60px 16px;
    display: block;
  }

  .video-offer__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 48px;
  }

  .video-offer__row {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .video-offer__row--top {
    order: 1;
  }

  .video-offer__center {
    order: 2;
    margin: 0;
  }

  .video-offer__row--bottom {
    order: 3;
    flex-direction: column;
    gap: 32px;
  }

  .video-offer__text {
    max-width: 100%;
    text-align: center;
  }

  .video-offer__title {
    font-size: 38px;
    margin-bottom: 10px;
  }

  .video-offer__side-action {
    text-align: center;
    width: 100%;
  }

  .video-offer__action-title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 25px;
  }


  .video-offer .breadcrumb {
    width: calc(100% + 32px);
    left: -16px;
    top: -87px;
  }

  .forma-row--3 input {
    max-width: 100%;
  }

  .forma-row--cont .input-phone {
    max-width: 100%;
  }

  .forma--nalog {
    gap: 32px;
  }

  .ortho__grid {
    grid-template-columns: 1fr;
  }

  .ortho__title {
    font-size: 28px;
  }

  .brands-line {
    /* Все элементы в один столбец */
    grid-template-columns: 1fr;
  }

  .brands-line__title {
    grid-column: span 1;
  }

  .brands-line__item {
    grid-column: span 1;
    border-left: none;
    /* Убираем вертикальные линии */
    border-bottom: 1px solid #e2e8f0;
    /* Добавляем горизонтальные разделители */
    padding: 25px;
  }

  /* Убираем нижнюю границу у последнего бренда */
  .brands-line__item:last-child {
    border-bottom: none;
  }

  .implant-promo__cards {
    flex-direction: column;
  }

  .implant-promo__title {
    font-size: 26px;
  }

  .intro {
    grid-template-columns: 1fr;
    max-width: 650px;
    margin: 0 auto;
  }

  .intro__content-group {
    gap: 30px;
  }

  .promo-services:before {
    top: -234px;
    left: -545px;
  }

  .promo-services {
    padding: 64px 20px;
  }


  .promo-services__grid {
    grid-template-columns: 1fr;
  }

  .service-card__img {
    max-width: 80px;
    width: auto;
    height: auto;
    align-self: flex-start;
  }

  .service-card__name {
    margin-bottom: 8px;
  }


  .clinic-promo {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .clinic-promo__content {
    flex: 0 1 auto;
    width: 100%;
  }

  .clinic-promo__title {
    margin-bottom: 20px;
  }

  .clinic-promo__description {
    margin-bottom: 30px;
  }


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

  .clinic-promo__images:before {
    display: none;
  }

  .clinic-promo__img {
    height: 100%;
  }

  /* На мобильных изображения становятся чуть меньше, чтобы влезть в ряд */
  .clinic-promo__img-wrap--small {
    max-width: 50%;
  }

  .clinic-promo__img-wrap--large {
    max-width: 50%;
  }














  .cookies {
    flex-direction: column;
    padding: 20px 24px;
    border-radius: 14px;
  }

  .cookes__text:before {
    align-self: flex-start;
  }

  .cookes__text {
    font-size: 16px;
    line-height: 1.5;
    flex-direction: column;

  }

  .forma-popup {
    padding: 40px 24px;
  }

  .forma-popup__forma {
    width: 100%;
    padding: 0;
  }

  .forma-popup:before,
  .forma-popup:after {
    opacity: 0;
  }

  .header__right {
    width: 340px;
  }

  .page-title .container {
    justify-content: center;
  }

  .page-title {
    text-align: center;
  }

  .page-title .container {
    flex-direction: column;
    gap: 16px;
  }

  .page-title__descript {
    margin: 0 auto;
  }

  .page-title__col .page-title__descript {
    max-width: 100%;
  }

  .row-carts .cart-doc,
  .row-carts .cart-links {
    width: calc(100% - 32px);
  }

  .article {
    margin-bottom: 54px;
  }

  .articles .article-cart {
    width: calc(100% - 32px);
  }

  .article-cart-lg {
    flex-direction: column;
  }

  .article-cart-lg__capt {
    max-width: 100%;
  }

  .article-cart-lg__capt {
    padding: 32px 20px;
  }

  .banner-call {
    flex-wrap: wrap;
    padding: 32px 20px;
    justify-content: center;
  }

  .call-doc {
    flex-wrap: wrap;
  }

  .banner-call__right {
    margin-right: auto;
    justify-content: center;
  }

  .page-title__col:last-child {
    align-items: center;
  }

  .calc-result__fields {
    grid-template-columns: 1fr;
  }

  .calc-result {
    padding: 20px;
  }

  .radio-label__input {
    font-size: 14px;
    line-height: 1.5;
  }

  .calc-summary__row {
    gap: 14px;
    font-size: 14px;
    line-height: 1.4;
  }

  .calc-summary__row span:first-child {
    max-width: 60%;
  }

  .calc-summary__row span:last-child {
    max-width: 40%;
    text-align: right;
  }

  .calc-summary__title {
    font-size: 28px;
    line-height: 1.2;
  }

  .calc-result__form-block {
    order: 2;
    margin-top: 40px;
  }



  .footer-top__left {
    flex-direction: column;
  }

  .footer-top {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .footer-top__right {
    max-width: 384px;
    justify-content: center;
  }

  .footer-top__cont {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-mid__first {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer__phone {
    width: 100%;
  }

  .route {
    margin: 0 auto;
  }

  .footer-mid__first .soc {
    margin: 0 auto;
  }

  .footer-mid__text {
    width: 100%;
    max-width: 100%;
  }

  .footer-mid__last {
    gap: 12px;
    flex-wrap: wrap;
  }

  .footer-menu {
    width: calc(50% - 8px);
  }

  .footer__text-lg {
    font-size: 26px;
  }

  .footer-bot__cols {
    flex-wrap: wrap;
  }


}






@media only screen and (max-width: 578px) {
  .stage {
    padding: 8px 13px;
  }

  .stage__label {
    font-size: 12px;
  }

  .stage__val {
    font-size: 18px;
  }

  .num-title-row .num-title {
    width: calc(100%);
    padding: 32px;
  }

  .num-title-row .num-title:last-child {
    border-bottom: 0;
  }

  .call-doc {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .intro__visual-group {
    flex-direction: column;
  }

  .intro__image-wrap--tall {
    height: 450px;
  }

  .intro__feature {
    padding: 20px;
    gap: 10px;
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .intro__col:last-child {
    flex-direction: row;
  }

  .intro__col:last-child .intro__image-wrap {
    width: 50%;
  }

  .callcn__img:before {
    bottom: -280px;
	right: -480px;
	transform: rotate(-60deg);
  }

}

@media only screen and (max-width: 380px) {
  .header__right {
    width: 100%;
  }

  .main-offer {
    min-height: 580px;
  }
}