@media (max-width: 1460px) and (min-width: 0px) {
    .ml60 {margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px;}
    .ml60-np, .mr60 {margin-left: -30px; margin-right: -30px;}
    .main-nav__face__link {font-size: 14px;}
}

@media (max-width: 1400px) and (min-width: 0px) {
    .header-nav__list > li > a {font-size: 14px; padding: 8px 8px;}
    .header-nav-lk__text {font-size: 12px;}
    .edge__text {font-size: 16px;}
    .edge__title {font-size: 32px;}
    .sign-banner__btn {position: relative; top: auto; right: auto;}
    .main-hero::after {right: -130px;}
    .header__row { grid-template-areas: "Lo C Li""N N N"; grid-template-columns: 1fr auto auto; gap: 20px;}
    .benefits-item { padding: 20px;}
}

@media (max-width: 1199px) and (min-width: 0px) {
    :root {
    	--fs-72-48: 48px;
    	--fs-40-24: 32px;
        --fs-32-20: 24px;
	    --fs-24-16: 20px;
    	--fs-16-12: 14px;

    	--bs-gutter-x: 10px;
        --card-padding: 40px;
    }
    .row { --bs-gutter-x: 20px;}
    .header-top-item__phone a {font-size: 16px;}
    .header-top-item__label {font-size: 12px;}
    .header-nav-lk__text {display: none;}
    .ml60 {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
    .ml60-np {margin-left: -20px; margin-right: -20px;}
    .header-nav__list > li > a {font-size: 13px;}
    .header-nav__list .big-drp__list > li > a {font-size: 14px;}
    .header-nav__list .big-drp__list > li {min-width: 260px;}
    .footer-top__row {flex-wrap: wrap;}
    /* .footer-top__col {width: 50%;} */
    .footer-top__list {margin-bottom: 10px;}
    .edge__title, .sign-banner__title {font-size: 26px;}
    .edge__text {font-size: 14px;}
    .edge__other span, .sign-banner__subtitle {font-size: 18px;}
    .main-rate__text {grid-column: 1 / -1; text-align: center;}
    .main-rate {grid-template-columns: repeat(3, 1fr);}
    .sign-banner {background: #eaf8f9; height: auto;}
    .sign-banner ul {flex-wrap: wrap; gap: 15px; font-size: 14px;}
    .cert-slider-wrap {margin-top: 25px;}
    .check-ups {[class^='col-'] {margin-bottom: 20px;}}
    .benefits__items {margin-top: 20px; gap: 20px;}
}

@media (max-width: 991px) and (min-width: 0px) {
    .header-top {display: none;}
    .header-nav-wr {display: none;}
    .footer-top__list.column-3 {columns: 2;}
    .mobile-header {display: block;}
    .main-slider-item__title {font-size: 24px; line-height: 24px; margin-bottom: 10px;}
    .main-slider-item__desc {font-size: 16px;}
    .btn-red {font-size: 12px; padding: 10px 20px;}
    .msi-btn {font-size: 14px; padding: 3px 20px;}
    .main-slider-item__bottom .msi-btn {min-width: 140px;}
    .main-slider-item__bottom {flex-wrap: wrap;}
    .main-slider-item {background-position: center left; padding: 15px; padding-bottom: 100px;}
    .main-slider-item__bottom .msi-btn-wr {margin-right: 20px; margin-bottom: 15px;}
    .main-slider-item__bottom .msi-btn-wr:last-child {margin-right: 0;}
    .main-slider-wr {margin-bottom: 30px;}
    .footer-bottom-wr {padding-bottom: 80px;}
    .stock__right {float: none; margin-top: 0; margin-bottom: 15px; min-width: inherit;}
    .stock-inner__link {float: none; margin-top: 0; margin-bottom: 15px;}
    .search-page__select {float: none; margin-top: 0; margin-bottom: 15px;}
    .sp-item__date {float: none; margin-top: 0; margin-bottom: 15px;}
    .main-slider-item__bgtext {font-size: 20px; left: 20px;}
    .main-video__btn {bottom: 0;}
    .main-rate {grid-template-columns: repeat(2, 1fr);}
    .main-rate__card--black { grid-column: span 2;}
    .header__search form button {width: 45px; height: 45px; top: 13%;}
    .header__search .open-search {width: 45px; height: 45px; margin-right: 0;}

    .main-banner__title h1 { font-size: 26px;}
    .main-banner__title span, .main-banner__price span, .main-banner__price s { font-size: 20px;}
    .main-nav__face__link {font-size: 14px;}
    .benefits-item--team .benefits-item__content { padding-top: 100px;}
    .main-partners__item {height: 50px; padding: 6px;}
    .row-gap { row-gap: 20px;}
}

@media (max-width: 767px) and (min-width: 0px) {
    :root {
    	--fs-40-24: 24px;
        --fs-32-20: 20px;
	    --fs-24-16: 16px;
    	--fs-16-14: 14px;
    	--fs-16-12: 12px;
    	--fs-14-12: 12px;
        --card-padding: 20px;

    }
    .ml60 {margin-left: -10px; margin-right: -10px; padding-left: 15px; padding-right: 15px;}
    .ml60-np, .mr60 {margin-left: -10px; margin-right: -10px;}
    .main-news__right {float: none; margin-top: 0; margin-bottom: 15px;}
    .footer-top__col {width: 100%;}
    .soc ul > li > a {font-size: 20px;}
    .footer-bottom__row {flex-wrap: wrap;}
    .footer-top__list.column-2, .footer-top__list.column-3 {columns: 1;}
    .footer-top, .footer-bottom {padding: 20px;}
    .footer-top__col {padding: 0;}

    .bw {order: -1; width: 100%; display: flex; justify-content: center;}
    .bottom-fixed {display: block;}
    .bottom-fixed__btn .btn {padding: 10px 5px;}
    .inner-page__title {font-size: 24px; line-height: 28px;}
    .custom-tabs .nav-tabs .nav-link {padding: 4px 0;}
    .custom-tabs .nav-item {margin-right: 20px;}
    .doctors__title {font-size: 18px;}
    .otzyv-two__row {display: block;}
    .otzyv-two__btn {margin-top: 15px;}
    .contacts-item__row {display: block;}
    .med-osmotr-item__text {font-size: 14px;}
    .sp-item {padding: 15px;}
    .main-slider-item__bgtext {bottom: 10px;}
    .edge {padding: 0;border: none;}
    .edge__logo img {width: 65%;}
    .edge__other span {font-size: 16px; margin-bottom: 10px;}
    .edge__row{min-height: 100px;}
    .edge__right{ align-items: end;}
    .edge__text{font-size: 12px;}
    .edge__left {
        position: absolute;
        top: 15px;
        justify-content: center;
        width: 100%;
        text-align: center;
        border-bottom: none;
        font-weight: bold;
        padding: 0 20px;
        font-size: 12px;
    }
    .main-rate, .main-stock, .main-reviews {grid-template-columns: 1fr;}
    .main-rate__card--black { grid-column: span 1;}
    .main-hero__benefits {display: grid; grid-template-columns: repeat(2, 1fr);}
    .main-hero::after { width: 150px; height: 390px; transform: translateX(10%); right: 0; }
    .main-sub__content { gap: 12px;}
    .main-sub__form fieldset { display: flex; flex-direction: column;}
    .main-sub__pic { position: static; margin-top: -40px;}

    .main-nav {display: none;}
    .header__row { grid-template-areas: "Lo Li""C C"; grid-template-columns: auto auto; gap: 14px 30px; margin-top: 0; background: none; padding: 20px 0;}
    .header__nav { grid-area: auto;}
    .header__contacts { flex-direction: row; justify-content: space-between;}
    .benefits {padding: 20px;}

}

@media (max-width: 576px) and (min-width: 0px) {
    :root {
        --card-padding: 24px;
    }
    .ml60-np, .mr60 {margin-left: 0px; margin-right: 0px;}
    .stock-item {padding: 15px;}
    .reviews-modal__body {padding: 15px 20px; padding-top: 30px;}
    .reviews-right {float: none; margin-top: 0; margin-bottom: 15px;}
    .main-slider-item__bgtext {font-size: 16px;}
    .edge__title {font-size: 20px; padding-left: 15px;}
    .edge {margin-top: 40px;}
    .main-rate {grid-template-columns: 1fr; gap: 15px;}
    .main-rate__title {font-size: 20px;}
    .main-rate__text p {font-size: 14px;}
    .blue-block {flex-direction: column; align-items: start;}

    .main-banner__title h1 { font-size: 18px;}
    .main-banner__title span, .main-banner__price span, .main-banner__price s, .main-banner__body ul, .main-banner__bottom>span { font-size: 14px;}
    .main-banner__content, .main-banner__bottom {gap: 15px;}
    .main-banner__bottom a { font-size: 12px; gap: 10px; padding: 10px 5px; max-width: 170px;}
    .main-banner-slider__arrow { width: 45px; height: 45px;}
    
    .section__grid{ grid-template-areas: "H""C""L"; grid-template-columns: 100%; row-gap: 24px;}
    .goto-link {width: 100%; justify-content: space-between;}
    .check-ups {[class^='col-'] {margin-bottom: 10px;}}

    .benefits-item--2gis .benefits-item__pic {
        position: static;
        transform: translateX(25%);
        max-width: 80px;
    }
    .benefits-item--2gis .benefits-item__pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
}