@media (max-width: 767px) {
    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile {
        display: flex !important;
    }

    body {
        padding-top: 50px;
    }

    header .box {
        padding: 0 0px;
    }

    header .menu-but {
        width: 42px;
        height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        cursor: pointer;
    }

    header .menu-but span {
        width: 100%;
        height: 4px;
        border-radius: 2px;
        display: flex;
        background: var(--links);
        transition: var(--all-out);
    }

    header .menu-but.open span:last-child {
        opacity: 0;
        transition: var(--all-in);
    }

    header .menu-but.open span:nth-child(1) {
        transition: var(--all-in);
        rotate: 45deg;
        translate: 0px 8px;
    }

    header .menu-but.open span:nth-child(2) {
        transition: var(--all-in);
        rotate: -45deg;
    }

    header .box .phones {
        margin-left: 0px;
        gap: 0px;
    }

    header .box .phones::before {
        display: none;
    }

    header .box .phones a {
        display: flex;
        width: 42px;
        height: 30px;
        align-items: center;
        justify-content: flex-end;
        font-size: 0;
    }

    header .box .phones a::before {
        width: 30px;
        height: 30px;
        display: flex;
        content: "";
        background: url('../images/phone-icon2.svg') center center no-repeat;
    }

    header .box .cities, header .box .lang, header .box .socials {
        display: none;
    }

    header .menu-box {
        translate: -100% 0;
        width: 100%;
        height: calc(100vh - 50px);
        position: fixed;
        left: 0;
        top: 50px;
        background: var(--white);
        transition: var(--all-out);
        flex-direction: column;
        border-top: 1px solid var(--grey2);
    }

    header .menu-box.open {
        translate: 0 0;
        transition: var(--all-in);
    }

    header .menu-box #menu > ul, header .menu-box #menu div > ul {
        flex-direction: column;
        gap: 18px;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    header .menu-box #menu > ul > li > a, header .menu-box #menu div > ul > li > a {
        line-height: 24px;
        justify-content: flex-start;
        font-size: 15px;
    }

    header .menu-box #menu {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    header .menu-box #menu > ul > li.menu-item-has-children > a.open::after, header .menu-box #menu div > ul > li.menu-item-has-children > a.open::after {
        transition: var(--all-in);
        rotate: 180deg;
    }

    header .menu-box #menu > ul > li, header .menu-box #menu div > ul > li {
        width: 100%;
    }

    header .menu-box #menu .sub-menu {
        position: relative;
        width: 100%;
    }

    header .menu-box #menu .sub-menu.open {
		height: var(--menu-height);
		opacity: 1;
		translate: 0 0;
	}

    header .menu-box #menu .sub-menu > li {
        text-align: center;
    }

    header .menu-box #menu > ul > li > a::before, header .menu-box #menu div > ul > li > a::before {
        display: none;
    }

    header .menu-box #menu .sub-menu > li:first-child {
        padding-top: 16px;
    }

    header .menu-box .mobile-menu-controls {
        display: flex;
        gap: 48px;
        justify-content: center;
        padding-top: 24px;
    }

    header .menu-box .socials {
        margin-bottom: 16px;
        margin-top: 24px;
        gap: 12px;
    }

    header .menu-box .socials a {
        width: 32px;
        height: 32px;
    }

    header .menu-box .socials a svg {
        width: 100%;
        height: 100%;
    }

    header .menu-box .but {
        padding-bottom: 16px;
    }

    header .menu-box #menu li.mega > .sub-menu {
        overflow: hidden;
        position: relative;
        translate: 0 0px;
        opacity: 1;
        top: initial;
        left: initial;
        width: 100%;
        gap: 22px;/*18*/
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        max-height: 150000px;
    }

    header .menu-box #menu li:not(.mega):not(.mega-menu) > .sub-menu {
        overflow: hidden;
        position: relative;
        translate: 0 0;
        opacity: 1;
        transition: var(--all-out);
        padding: 0;
        top: initial;
        left: initial;
        width: 100%;
        height: auto;
        max-height: 0;
    }

    header .menu-box #menu .mega > .sub-menu > li {
        padding: 0;
        position: relative;
    }

    header .menu-box #menu div > ul > li.menu-item-has-children {
        position: relative;
    }

    header .menu-box #menu div > ul > li.menu-item-has-children > button, header .menu-box #menu .mega > .sub-menu > li > button {
        width: 48px;
        height: 24px;
        padding: 0;
        margin: 0;
        background: transparent; 
        position: absolute;
        border: 0;
        top: 0;
        right: 0;
        z-index: 2;
    }

    header .menu-box #menu div > ul > li.menu-item-has-children > button::after, header .menu-box #menu .mega > .sub-menu > li > button::after {
        width: 24px;
        height: 100%;
        content: "";
        background: url('../images/arrow-down-mobile.svg') center center / 16px auto no-repeat;
        display: flex;
        rotate: 0deg;
        transition: var(--all-out);
        margin-left: auto;
    }

    header .menu-box #menu div > ul > li.menu-item-has-children > button.open::after, header .menu-box #menu .mega > .sub-menu > li > button.open::after {
        rotate: 180deg;
        transition: var(--all-in);
    }

    header .menu-box #menu .mega > .sub-menu > li:first-child {
        padding-top: 0px;
        margin-top: 12px;
    }

    header .menu-box #menu .mega > .sub-menu > li:last-child {
        padding-bottom: 0px;
        margin-bottom: 12px;
    }

    header .menu-box #menu .sub-menu > li {
        text-align: left;
    }

    header .menu-box #menu div > ul > li.menu-item-has-children > a::after {
        display: none;
    }

    header .menu-box #menu li.mega > .sub-menu .sub-menu {
        position: relative;
        left: initial;
        top: initial;
        opacity: 1;
        visibility: visible;
        translate: 0px 0;
        height: auto;
        width: 100%;
        padding: 0px 0px 0 40px;
        gap: 0;
        display: block;
    }

    header .menu-box #menu li.mega > .sub-menu .sub-menu > li {
        margin-top: 4px;
    }

    header .menu-box #menu li.mega > .sub-menu .sub-menu > li:first-child {
        margin-top: 36px;
    }

    header .menu-box #menu li.mega > .sub-menu .sub-menu.open::before {
        width: 100%;
        height: 1px;
        content: "";
        background: var(--grey2);
        position: absolute;
        top: 24px;
        left: 0;
    }

    header .menu-box #menu li.mega > .sub-menu .sub-menu li.all::before {
        display: block;
    }
    
    header .menu-box #menu li.mega > .sub-menu .sub-menu li.all {
        margin-top: 4px;
        display: block;
        padding: 0 0 0 16px;
    }

    header .menu-box #menu li.mega > .sub-menu .sub-menu li.all a::after {
        display: none;
    }

    header .menu-box #menu li.mega > .sub-menu .sub-menu li.all a {
        text-align: left;
        height: auto;
        padding: 0;
        border-radius: 0;
        background: none;
        display: inline;
        color: var(--dark);
        font-size: 14px;
        font-weight: 400;
        text-decoration: none !important;
    }

    header .menu-box #menu li.mega > .sub-menu .sub-menu li.all a:hover {
        background: none;
        text-decoration: underline;
    }

    header .menu-box #menu #main-menu > li:first-child {
        display: none;
    }

    .custom-select .dropdown-element {
        left: 0px;
    }
    
    .main-slider .slider .item {
        /*height: 240px;*/
        height: auto;
    }

    .main-slider .slider .slick-dots {
        gap: 10px;
    }

    .services-main-links {
        padding: 16px 0 24px;
    }

    .services-main-links .box {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .services-main-links .box .item a {
        height: 78px;
        padding: 15px;
        gap: 15px;
    }

    .services-main-links .box .item a .icon {
        width: 48px;
        height: 48px;
    }

    .home-services .container > h2 {
        font-size: 35px;
    }

    .box-buts {
        padding: 15px;
        gap: 20px;
        flex-direction: column;
    }

    .box-buts a {
        max-width: 100%;
    }

    .services-main-links {
        background: url('../images/5f41c55390ef657b24a4531b6c0e411bd6d13cf0.webp') 100% 95% / 150% auto no-repeat;
    }

    .home-services .box {
        margin-top: 30px;
        gap: 30px;
    }

    .service-details-box {
        gap: 15px;
        grid-template-columns: 1fr;
    }

    .service-details-box .info .links {
        margin-top: 15px;
    }

    .service-details-box .info .but {
        margin-top: 20px;
        padding-top: 0;
    }

    .service-details-box .info .but a {
        width: 100%;
    }

    .service-details-box .info .links .links-wr {
        grid-template-columns: 1fr;
        gap: 4px;
        max-height: var(--menu-height);
        transition: var(--all-inout);
        overflow: hidden;
    }

    .service-details-box .info .links .but a {
        border: 2px solid var(--links);
        background: transparent;
    }
    
    .service-details-box .info .links .but a::after {
        width: 40px;
        height: 100%;
        content: "";
        background: url('../images/arrow-down-mobile.svg') center center no-repeat;
        display: flex;
        rotate: 0deg;
        transition: var(--all-out);
    }

    .service-details-box .info .links .but a.open::after {
        rotate: 180deg;
        transition: var(--all-in);
    }

    .service-details-box .img {
        height: 250px;
    }

    .service-details-box .info .title, .service-details-box .info .title a {
        font-size: 30px;
        font-weight: 600;
    }

    .service-details-wr {
        flex-direction: column;
        gap: 30px;
    }

    .service-details-wr .service-details-box {
        max-width: 100%;
    }

    .service-details-wr .service-details-box .info .but {
        margin-top: 15px;
        padding-top: 0;
    }

    .service-details-wr .service-details-box .info .but.hide {
        display: none !important;
    }

    .home-services {
        background: url('../images/5f41c55390ef657b24a4531b6c0e411bd6d13cf0.webp') 100% calc(100% + 100px) / 250% auto no-repeat;
    }

    .numbers-block {
        padding: 35px 0 20px;
    }

    .numbers-block h2 {
        font-size: 35px;
    }

    .numbers-block .box {
        margin-top: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 45px 25px;
    }

    .numbers-block .box .item .num {
        font-size: 50px;
    }

    .numbers-block .but {
        margin-top: 30px;
    }

    .numbers-block .but a {
        width: 100%;
        max-width: 100%;
    }

    .home-articles, .home-news {
        padding: 20px 0;
    }

    .home-articles .title, .home-news .title {
        display: block;
    }

    .home-articles .title .but, .home-news .title .but {
        display: none;
    }

    .home-articles .title h2, .home-news .title h2 {
        font-size: 35px;
        text-align: center;
    }

    .home-articles .box, .home-news .box {
        margin-top: 30px;
    }

    .home-articles .box {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .img-article {
        height: 250px;
    }

    .img-article a .info {
        padding: 16px 16px 16px;
    }

    .img-article a .info .name {
        font-size: 20px;
        padding-right: 45px;
    }

    .img-article a .info .date {
        font-size: 15px;
    }

    .text-article-item .title {
        display: flex;
    }

    .text-article-item .title > a {
        font-size: 20px;
        line-height: normal;
    }

    .home-articles .other-articles {
        gap: 20px;
    }

    .home-news .box {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .img-news-article {
        height: 250px;
    }

    .img-news-article a .info {
        height: 100%;
        padding-top: 10px;
        justify-content: space-between;
    }

    .img-news-article a .info .date {
        font-size: 15px;
        margin-left: 10px;
    }

    .img-news-article a .info .name {
        padding: 16px;
        font-size: 20px;
    }

    .home-news {
        padding: 20px 0 30px;
    }

    .home-articles .container > .but, .home-news .container > .but {
        margin-top: 30px;
    }

    .home-articles .container > .but a, .home-news .container > .but a {
        gap: 16px;
        padding: 0 45px;
        max-width: 100%;
        width: 100%;
    }
    
    .home-articles .container > .but a::after, .home-news .container > .but a::after {
        width: 22px;
        height: 16px;
        content: "";
        background: url('../images/but-arrow.svg') center center no-repeat;
        display: flex;
        translate: 0 0;
        transition: var(--all-out);
    }
    
    .home-articles .container > .but a:hover::after, .home-news .container > .but a:hover::after {
        transition: var(--all-in);
        translate: 5px 0;
    }

    .home-provide {
        padding: 30px 0 20px;
        background: url('../images/5f41c55390ef657b24a4531b6c0e411bd6d13cf0.webp') bottom center / 150% auto no-repeat, var(--links);
    }

    .home-provide h2 {
        font-size: 35px;
    }

    .home-provide .box {
        margin-top: 30px;
        gap: 15px;
    }

    .home-provide .box .row {
        gap: 15px;
        flex-direction: column;
    }

    .home-provide .box .row .item a {
        height: auto;
        gap: 15px;
        padding: 15px;
        font-size: 20px;
        min-height: 78px;
    }

    .home-provide .but {
        margin-top: 40px;
    }

    .home-provide .but a {
        width: 100%;
        max-width: 100%;
    }

    .home-equipment {
        padding: 20px 0 40px;
    }

    .home-equipment .container {
        padding-left: 0;
        padding-right: 0;
    }

    .home-equipment h2 {
        font-size: 35px;
    }

    .home-equipment .but {
        margin-top: 30px;
        padding: 0 10px;
    }

    .home-equipment .but a {
        width: 100%;
        max-width: 100%;
    }

    .eq-item {
        height: 250px;
    }

    .eq-slider .slick-list {
        padding: 0 25% 0 0 !important;
    }

    .eq-slider.slick-slider .eq-item {
        margin: 0 10px;
        margin-bottom: 30px;
    }

    .eq-item a {
        padding-top: 40px;
    }

    .eq-item .name {
        top: 20px;
        padding: 0px 15px;
        font-size: 20px;
    }

    .eq-slider .slick-dots {
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 10px;
        list-style: none;
        padding: 0;
    }

    .eq-slider .slick-dots li {
        display: flex;
        width: 15px;
        height: 15px;
        align-items: center;
        justify-content: center;
    }

    .eq-slider .slick-dots li button {
        font-size: 0;
        border: 0;
        padding: 0;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        background: var(--white);
        opacity: 0.5;
        transition: var(--all-out);
        cursor: pointer;
    }

    .eq-slider .slick-dots li button:hover {
        opacity: 1;
        transition: var(--all-in);
    }

    .eq-slider .slick-dots li.slick-active button {
        opacity: 1;
        width: 15px;
        height: 15px;
        transition: var(--all-in);
    }

    .eq-slider .slick-arrow {
        top: initial;
        translate: 0 0;
        bottom: 0;
    }

    .eq-slider .slick-arrow.slick-prev {
        left: 10px;
    }

    .eq-slider .slick-arrow.slick-next {
        right: 10px;
    }

    .home-about {
        padding: 40px 0 60px;
    }

    .home-about h1 {
        font-size: 35px;
        text-align: center;
    }

    .home-about .box {
        margin-top: 30px;
        grid-template-columns: 100%;
        gap: 20px;
    }

    .home-about .box .img {
        order: 1;
    }

    .home-about .box .text {
        order: 2;
    }

    .go-top {
        right: 10px;
    }

    .go-top.showed {
        bottom: 10px;
    }

    .page-404-block {
        padding: 115px 0 20px;
    }

    .page-404-block .box {
        max-width: 100%;
        padding: 24px 16px;
    }

    .page-404-block .box .img {
        top: -85px;
        max-width: 300px;
    }

    h1, .h1 {
        font-size: 35px;
    }

    .page-404-block .box .but {
        margin-top: 0px;
        width: 100%;
    }

    .page-404-block .box .but a {
        padding: 0 16px;
        width: 100%;
    }

    .page-title .box {
        height: auto;
        min-height: 150px;
        padding: 16px;
    }

    .page-title .box h1 {
        font-size: 35px;
    }

    .breadcrumbs-block .breadcrumbs > span > a {
        font-size: 12px;
    }

    .breadcrumbs-block .breadcrumbs > span > span {
        font-size: 12px;
    }

    .breadcrumbs-block {
        padding: 15px 0;
    }

    .page-title {
        padding: 0;
    }

    .contacts-block.about-contacts-block {
        padding: 24px 0 40px;
    }

    .contacts-block .cont-box {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contacts-block .cont-box .map {
        order: 2;
    }

    .contacts-block .cont-box .info {
        order: 1;
        gap: 16px;
    }

    .contacts-block .cont-box .info .item .title {
        font-size: 24px;
    }

    .services-main-links.about-services-main-links {
        padding: 40px 0 24px;
    }

    .form-block {
        padding: 40px 0;
    }

    .box-form {
        padding: 15px;
        flex-direction: column;
        gap: 30px;
    }

    .box-form .text {
        max-width: 100%;
        gap: 15px;
    }

    .box-form .text .h3 {
        font-size: 30px;
        line-height: normal;
        font-weight: 600;
    }

    .article-block .box {
        grid-template-columns: 1fr;
    }

    .article-block {
        padding: 40px 0 20px;
    }

    .article-block .article-box {
        order: 2;
        display: flex;
        flex-direction: column;
    }

    .article-block .sidebar {
        order: 1;
    }

    .article-block .author-box .text .h2 {
        font-size: 20px;
    }

    .article-block .author-box .text .position {
        margin-top: 5px;
        font-size: 14px;
    }

    .article-block .article-text-box {
        margin-top: 40px;
    }

    .article-block .box .sidebar .sidebar-content {
        align-items: flex-start;
    }

    .article-block .box .sidebar .sidebar-content ul {
        width: 100%;
    }

    .article-block .author-box {
        gap: 16px;
        grid-template-columns: 140px 1fr;
    }

    .article-block .author-box .photo {
        width: 100%;
        height: 180px;
    }

    .article-block .author-box .text {
        gap: 0px;
    }

    .article-block .author-box .text p {
        margin-top: 10px;
        font-size: 14px;
    }

    .article-block .author-box .text .but a {
        padding: 0 12px;
        height: 40px;
    }

    h2, .h2 {
        font-size: 26px;
    }

    h3, .h3 {
        font-size: 24px;
    }

    h4, .h4 {
        font-size: 22px;
    }

    h5, .h5 {
        font-size: 20px;
    }

    h6, .h6 {
        font-size: 18px;
    }

    .reviews-block .filter-buts {
        gap: 12px;
    }

    .reviews-block .filter-buts.custom-select-buttons {
        position: relative;
    }
    
    .reviews-block .filter-buts.custom-select-buttons .active-element {
        font-size: 16px;
        color: var(--links2);
        display: flex;
        gap: 4px;
        align-items: center;
        cursor: pointer;
        font-weight: 700;
        width: 100%;
        justify-content: space-between;
        border: 2px solid var(--links);
        border-radius: 20px;
        padding: 12px 24px;
    }
    
    .reviews-block .filter-buts.custom-select-buttons .active-element::after {
        content: "";
        width: 12px;
        height: 12px;
        display: flex;
        background: url('../images/arrow-down.svg') center center no-repeat;
    }
    
    .reviews-block .filter-buts.custom-select-buttons .dropdown-element {
        max-height: 0;
        overflow: hidden;
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(100% + 4px);
        box-shadow: var(--bs-header);
        transition: var(--all-inout);
        translate: 0 -10px;
        opacity: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        z-index: 3;
        background: var(--white);
        padding: 0 24px;
        border-radius: 20px;
    }
    
    .reviews-block .filter-buts.custom-select-buttons .dropdown-element.open {
        translate: 0 0px;
        opacity: 1;
        transition: var(--all-inout);
    }

    .reviews-block .filter-buts.custom-select-buttons .dropdown-element button {
        height: 40px;
    }

    .reviews-block .filter-buts.custom-select-buttons .dropdown-element button {
        padding: 12px 12px;
        font-size: 12px;
        color: var(--links2);
        text-decoration: none;
    }
    
    .reviews-block .filter-buts.custom-select-buttons .dropdown-element button:hover {
        color: var(--white);
        
    }
    
    .reviews-block .filter-buts.custom-select-buttons .dropdown-element button.active {
        color: var(--white);
    }

    .reviews-block .filter-buts.custom-select-buttons .dropdown-element button:first-child {
        margin-top: 24px;
    }

    .reviews-block .filter-buts.custom-select-buttons .dropdown-element button:last-child {
        margin-bottom: 24px;
    }

    .reviews-block .box {
        grid-template-columns: 100%;
        margin-top: 40px;
    }

    .reviews-block.asks-block .sidebar {
        order: 1;
    }

    .reviews-block.asks-block .reviews-list {
        order: 2;
    }

    .reviews-block .box .reviews-list .item .review {
        gap: 16px;
    }

    .reviews-block .box .reviews-list .item .icon {
        width: 32px;
        height: 32px;
    }

    .reviews-block .box .reviews-list .item .icon img {
        max-width: 70%;
    }

    .reviews-block .box .reviews-list .item .review-text {
        gap: 16px;
    }

    .reviews-block .box .reviews-list .item .review-text .title .h5 {
        font-size: 16px;
        line-height: 32px;
    }
    
    .reviews-block .box .reviews-list .item .review-text .title .date {
        font-size: 14px;
    }

    .reviews-block .box .reviews-list .item .review.answer {
        padding-left: 24px;
        background: url('../images/review-line.svg') 0px 21px / 20px auto no-repeat;
    }

    .reviews-block .pagination-box {
        margin-top: 40px;
    }

    .pagination-box .pagination, .pagination-box .pagination > div {
        gap: 6px;
    }

    .pagination-box  .pagination a, .pagination-box .pagination span {
        width: 30px;
        height: 32px;
        border-radius: 6px;
        font-size: 16px;
    }

    .pagination-box .pagination a.previouspostslink, .pagination-box .pagination a.nextpostslink {
        width: 32px;
    }

    .pagination-box  .pagination a.previouspostslink::before, .pagination-box .pagination a.nextpostslink::before {
        background: url('../images/pagination-arrow.svg') center center / auto 16px no-repeat;
    }

    .pagination-box .pagination a.prev, .pagination-box .pagination a.next {
        width: 32px;
    }

    .pagination-box .pagination a.prev::before, .pagination-box .pagination a.next::before {
        background: url('../images/pagination-arrow.svg') center center / auto 16px no-repeat;
    }

    .before-after-cat .box {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }

    .before-after-cat .box .item .img {
        height: 250px;
    }

    .before-after-cat .box .item .title {
        font-size: 22px;
    }

    .before-after-cat {
        padding: 40px 0 20px;
    }

    .page-title .box p {
        font-size: 16px;
    }

    .how-work-block .box {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .bonus-faq-block .box {
        margin-top: 40px;
    }

    .faq-item .title {
        font-size: 18px;
        gap: 16px;
    }

    .bonus-faq-block {
        padding: 40px 0 20px;
    }

    .contacts-block .tabs-controls .tab {
        gap: 16px;
        flex-wrap: wrap;
    }

    .contacts-block .tabs-controls .tab button {
        height: 40px;
        padding: 0 16px;
    }

    .doctors-main-list .box .block .list, .doctors-main-list .tabs-box .block .list {
        grid-template-columns: calc(50% - 12px) calc(50% - 12px);
        gap: 40px 24px;
    }

    .doctors-main-list .box .block .list .doc-item .photo, .doctors-main-list .tabs-box .block .list .doc-item .photo {
        height: 225px;
        gap: 8px;
    }

    .doctors-main-list .box .block .list .doc-item .name, .doctors-main-list .tabs-box .block .list .doc-item .name {
        font-size: 18px;
        margin-top: 0px;
    }

    .doc-item p {
        font-size: 14px;
    }

    .doc-item .but {
        margin-top: 0px;
    }

    .doc-item .but a {
        max-width: 100%;
        gap: 12px;
        padding: 0 8px;
        height: 40px;
    }

    .doctors-main-list .box, .doctors-main-list .tabs-box {
        gap: 40px;
    }

    .doctors-main-list .box .block .title, .doctors-main-list .tabs-box .block .title {
        font-size: 24px;
    }

    .doctors-main-list {
        padding: 40px 0 20px;
    }

    .doctor-main-block .box {
        gap: 20px;
        flex-direction: column;
    }

    .doctor-main-block .box .photo {
        max-width: 100%;
        height: 420px;
    }

    .doctor-main-block .box .text h1 {
        font-size: 28px;
    }

    .doctor-main-block .box-buts {
        margin-top: 40px;
    }

    .doctor-main-block {
        padding: 20px 0 20px;
    }

    section.white.doctor-serts-block {
        padding: 40px 0 40px;
    }

    .doctor-serts-block .box {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        margin-top: 40px;
    }

    .equipment-list-block .box {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px 40px;
    }

    .eq-item-big .img {
        height: 250px;
    }

    .eq-item-big .name {
        margin-top: 0px;
        min-height: 1px;
        font-size: 20px;
    }

    .pagination-box {
        margin-top: 32px;
    }

    .text-content img, .text-content iframe {
        width: 100%;
    }

    .text-block .text-content.text .buts {
        margin-top: 30px;
        gap: 24px;
        flex-direction: column;
    }

    .faq-links {
        padding: 40px 0;
    }

    .faq-links .tabs-controls {
        margin-bottom: 40px;
    }

    .faq-links .tabs-controls .tab button {
        font-size: 20px;
    }

    .faq-links .tabs-controls .tab {
        gap: 32px;
    }

    .faq-links .tabs-controls .tab button:not(:last-child)::after {
        width: 2px;
        height: 34px;
        translate: 18px -50%;
    }

    .text-block.figure {
        padding: 40px 0 40px;
    }

    section.section-but {
        padding: 40px 0;
    }

    .information-block .box .item {
        gap: 16px;
    }

    .information-block .box .item::before {
        width: 36px;
        font-size: 50px;
    }

    .equipment-widget {
        padding: 40px 0 40px;
    }

    section.big h2 {
        font-size: 35px;
    }

    .equipment-widget  .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .equipment-widget .box {
        margin-top: 40px;
    }

    .equipment-widget .but {
        margin-top: 40px;
    }

    .equipment-widget .box .eq-slider .slick-arrow {
        background: url('../images/slider-prev-icon.svg') center center no-repeat;
    }

    .equipment-widget .box .eq-slider .slick-arrow.slick-next {
        background: url('../images/slider-next-icon.svg') center center no-repeat;
    }

    .eq-slider .slick-dots li button {
        background: var(--links);
    }

    .online-page-form .box {
        grid-template-columns: 1fr;
    }

    .online-page-form .text {
        margin-top: 40px;
    }

    .online-page-where {
        padding: 40px 0 40px;
    }

    .online-page-where h2 {
        font-size: 35px;
        padding: 0 0px;
    }

    .online-page-where .box {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .online-text-block img.alignright, .online-text-block img.alignleft {
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .online-text-block2 img.alignright, .online-text-block2 img.alignleft {
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .text-block .text-content.text .buts {
        margin-top: 30px;
        justify-content: center;
    }

    .doctors-widget {
        padding: 40px 0 40px;
    }

    .doctors-widget .box {
        margin-top: 40px;
    }

    .doc-item .photo {
        height: 350px;
    }

    .doc-item .name {
        font-size: 24px;
    }

    .doctors-widget .box .docs-slider .slick-arrow {
        top: initial;
        translate: 0 0;
        bottom: 0;
    }
    
    .doctors-widget .box .docs-slider .slick-arrow.slick-prev {
        left: 10px;
    }
    
    .doctors-widget .box .docs-slider .slick-arrow.slick-next {
        background: url('../images/slider-next-icon.svg') center center no-repeat;
        right: 10px;
    }
    
    .doctors-widget .box .docs-slider .slick-arrow:hover {
        transition: var(--all-in);
        opacity: 1;
        box-shadow: var(--bs-header);
    }

    .docs-slider .slick-dots {
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 10px;
        list-style: none;
        padding: 0;
        margin-top: 30px;
    }

    .docs-slider .slick-dots li {
        display: flex;
        width: 15px;
        height: 15px;
        align-items: center;
        justify-content: center;
    }

    .docs-slider .slick-dots li button {
        font-size: 0;
        border: 0;
        padding: 0;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        background: var(--links);
        opacity: 0.5;
        transition: var(--all-out);
        cursor: pointer;
    }

    .docs-slider .slick-dots li button:hover {
        opacity: 1;
        transition: var(--all-in);
    }

    .docs-slider .slick-dots li.slick-active button {
        opacity: 1;
        width: 15px;
        height: 15px;
        transition: var(--all-in);
    }

    .page-info-block .box h1 {
        font-size: 35px;
    }

    .page-info-block .box {
        max-width: 100%;
        padding: 24px;
    }

    .page-info-block .box p {
        font-size: 18px;
    }

    .services-list .box-list {
        gap: 30px;
    }

    .service-list-item {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .service-list-item h3 {
        order: 1;
        font-size: 24px;
    }

    .service-list-item .img {
        order: 2;
        height: 250px;
    }

    .service-list-item .text {
        order: 3;
    }

    .service-list-item .text .links .links-wr {
        grid-template-columns: 1fr;
        gap: 4px;
        max-height: var(--menu-height);
        transition: var(--all-inout);
        overflow: hidden;
    }

    .service-list-item .text .but.mobile {
        margin-top: 30px;
    }
    
    .service-list-item .text .but.mobile a {
        gap: 16px;
        padding: 0 45px;
        width: 100%;
    }
    
    .service-list-item .text .but.mobile a::after {
        width: 22px;
        height: 16px;
        content: "";
        background: url('../images/but-arrow.svg') center center no-repeat;
        display: flex;
        translate: 0 0;
        transition: var(--all-out);
    }
    
    .service-list-item .text .but.mobile a:hover::after {
        transition: var(--all-in);
        translate: 0px 0;
    }

    .service-list-item .text .but.mobile a {
        border: 2px solid var(--links);
        background: transparent;
    }
    
    .service-list-item .text .but.mobile a::after {
        width: 40px;
        height: 100%;
        content: "";
        background: url('../images/arrow-down-mobile.svg') center center no-repeat;
        display: flex;
        rotate: 0deg;
        transition: var(--all-out);
    }

    .service-list-item .text .but.mobile a.open::after {
        rotate: 180deg;
        transition: var(--all-in);
    }
    
    .services-list {
        padding: 40px 0 40px;
    }

    .home-about.service-about-clinic {
        padding: 40px 0 40px;
    }

    .main-prices-list .tabs-controls {
        margin-bottom: 40px;
    }

    .main-prices-list .tabs-controls .tab {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .main-prices-list .price-block .title > p {
        font-size: 24px;
    }

    .main-prices-list .price-block .title .price-title {
        position: absolute;
        right: 0;
        top: calc(100% + 8px);
        width: 100%;
        justify-content: center;
        gap: 18px;
        transition: var(--all-in);
        opacity: 1;
    }

    .main-prices-list .price-block .title.close .price-title {
        transition: var(--all-out);
        opacity: 0;
        top: 0px;
    }

    .main-prices-list .price-block .title {
        padding-right: 50px;
        min-height: 40px;
    }

    .main-prices-list .price-block .price-block-list .price-item, .price-block .price-block-list .price-item {
        padding: 12px 16px;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .main-prices-list .price-block .price-block-list .price-item .price {
        width: 100%;
    }

    .main-prices-list .price-block .title .price-title p {
        text-align: center;
    }

    .main-prices-list .price-block .title::after {
        right: 0px;
        top: 0px;
    }

    .main-prices-list .price-block .price-block-list .price-item .name,  .price-block.dic-price-block .price-block-list .price-item .name {
        font-size: 18px;
        text-align: left;
        width: 100%;
    }

    .main-prices-list .price-block .price-block-list .price-item .price > div span {
        font-size: 18px;
        font-weight: 600;
    }

    .main-prices-list {
        padding: 40px 0 40px;
    }

    .main-prices-list .price-block .price-block-list .price-item.price-item-title {
        padding: 0;
    }

    .main-prices-list .price-block .price-block-list .price-item.price-item-title .name {
        font-size: 22px;
    }

    .main-prices-list .price-block .price-block-list .price-item .price > div, .price-block .price-block-list .price-item .price > div {
        text-align: left;
    }

    .before-after-widget {
        padding: 40px 0 10px;
    }

    .before-after-widget .box {
        flex-direction: column;
        gap: 24px;
    }

    .before-after-widget .box .ba-gallery {
        max-width: 100%;
        order: 1;
    }

    .before-after-widget .box .text {
        order: 2;
    }

    .before-after-widget .box .text .buts {
        margin-top: 16px;
        flex-direction: column;
        gap: 16px;
    }

    .text-block.steps .box .item.step {
        gap: 24px;
        grid-template-columns: 1fr;
    }

    .text-block.steps .box .item.step h3 {
        font-size: 28px;
        order: 1;
    }

    section.text-block.big h2 {
        font-size: 30px;
    }

    .text-block.steps .box .item.step .img {
        order: 2;
        grid-row-start: auto;
        grid-row-end: auto;
        grid-column-start: auto;
        grid-column-end: auto;
        height: auto;
    }

    .text-block.steps .box .item.step .imgs-wr > .img:first-child {
        height: auto;
    }

    .text-block.steps .box .item.step .img.img-cover img {
        object-fit: contain;
        vertical-align: top;
    }

    .text-block.steps .box .item.step .imgs-wr .other-images {
        height: auto;
    }

    .text-block.steps .box {
        gap: 30px;
    }

    .text-block.steps .box .item.step .text {
        max-height: var(--menu-height);
        transition: var(--all-inout);
        overflow: hidden;
    }

    .text-block.steps .box .item.step .text-wr .but {
        margin-top: 20px;
    }
    
    .text-block.steps .box .item.step .text-wr .but.mobile a {
        border: 2px solid var(--links);
        background: transparent;
        gap: 16px;
        padding: 0 45px;
        width: 100%;
    }

    .text-block.steps .box .item.step .text-wr .but.mobile a::after {
        width: 40px;
        height: 100%;
        content: "";
        background: url('../images/arrow-down-mobile.svg') center center no-repeat;
        display: flex;
        rotate: 0deg;
        transition: var(--all-out);
    }

    .text-block.steps .box .item.step .text-wr .but.mobile a.open::after {
        rotate: 180deg;
        transition: var(--all-in);
    }

    section.price-block {
        padding: 20px 0 40px;
    }

    .price-block h2 + .box {
        margin-top: 30px;
        gap: 15px;
    }

    .price.item {
        justify-content: center;
        gap: 20px;
        padding: 15px;
        flex-direction: column;
    }

    .price.item .name {
        font-size: 20px;
        text-align: center;
    }

    .price.item .name strong, .price.item .name b {
        display: block;
    }

    .price.item .price-value {
        font-size: 15px;
        text-align: center;
    }

    .price.item .price-value span {
        font-size: 25px;
    }

    .price-block .box-form {
        display: none;
    }

    .price-block .box-but {
        margin-top: 30px;
    }

    .price-block .box-but a {
        width: 100%;
    }

    .text-block.violet .buts {
        margin-top: 40px;
        flex-direction: column;
        gap: 20px;
    }

    .text-block.violet .buts a:first-child {
        background: var(--white);
        color: var(--links);
    }

    .text-block.violet .buts a:first-child:hover {
        color: var(--white);
        background: var(--links-hover);
    }

    .text-block.violet .buts a:last-child {
        border: 2px solid var(--white);
        color: var(--white);
    }

    .text-block.violet .buts a:last-child:hover {
        background: var(--white);
        color: var(--links);
    }

    .service-equipment {
        padding: 40px 0 30px;
    }

    .service-equipment .box h2 {
        order: 1;
        font-size: 35px;
        text-align: center;
    }

    .service-equipment .box {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .service-equipment .box .img {
        order: 2;
        grid-row-start: auto;
        grid-row-end: auto;
        grid-column-start: auto;
        grid-column-end: auto;
        height: 250px;
    }

    .service-equipment .box .text .h3 {
        font-size: 30px;
        font-weight: 600;
    }

    .service-equipment .box .text .but {
        margin-top: 40px;
    }

    .service-equipment .box .text .but a {
        max-width: 100%;
    }

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

    .service-doctor .box {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .service-doctor .box h2 {
        order: 1;
        font-size: 35px;
        text-align: center;
    }

    .service-doctor .box .img {
        order: 2;
        grid-row-start: auto;
        grid-row-end: auto;
        grid-column-start: auto;
        grid-column-end: auto;
        height: 350px;
    }

    .service-doctor .box .text .h3 {
        font-size: 30px;
        font-weight: 600;
    }

    .service-doctor .box .text .but {
        margin-top: 40px;
    }

    .service-doctor .box .text .but a {
        max-width: 100%;
    }

    .service-autor .box {
        padding: 18px;
        flex-direction: column;
    }

    .service-autor .box .author {
        width: 100%;
        background: var(--site-bg);
        border-radius: 12px;
        justify-content: center;
        padding: 12px;
    }

    .service-autor .box .author-socials {
        width: 100%;
        margin-top: 16px;
    }

    .service-autor .box .service-rating {
        margin-top: 16px;
    }

    .faq-block {
        padding: 40px 0;
    }

    .faq-block .box {
        margin-top: 30px;
        gap: 20px;
    }

    .faq-item {
        padding: 15px;
    }

    .dictionary-block .dictionary-box a {
        width: 28px;
        font-size: 18px;
    }

    .dictionary-block .box {
        margin-top: 40px;
    }

    .letter-box {
        gap: 24px;
    }

    .dictionary-block .letter-box .h2 {
        font-size: 35px;
    }

    .dictionary-block .letter-box .terms-list .item {
        padding: 16px;
        gap: 16px;
        flex-direction: column;
    }

    .dictionary-block .dictionary-box {
        flex-wrap: wrap;
        padding: 16px;
    }

    .dictionary-block .letter-box .terms-list .item .name {
        font-size: 20px;
        max-width: 100%;
        min-height: 1px;
    }

    .dictionary-block .letter-box .terms-list .item .but a {
        max-width: 100%;
    }

    .connection-page.page-info-block .box {
        grid-template-columns: 1fr;
        padding: 16px;
        background: url('../images/thank-cover.webp') 80% 100% / 200% auto no-repeat, var(--links);
    }

    .connection-page.page-info-block .box .text {
        gap: 24px;
    }

    .connection-page.page-info-block .box .text .h3 {
        font-size: 28px;
    }

    .contacts-block .tabs-controls {
        position: relative;
        left: 0;
    }

    .contacts-block .cont-box .info {
        padding-top: 40px;
    }

    .service-details-box .info .links .links-wr {
        columns: auto;
    }
    
    .before-after-widget .box .text .buts a {
        max-width: 100%;
    }

    .text-block.steps .box .item.step .imgs-wr {
        order: 1;
        grid-row-start: initial;
        grid-row-end: initial;
        grid-column-start: initial;
        grid-column-end: initial;
    }

    .breadcrumbs-block .breadcrumbs > span:last-child {
        display: none;
    }

    .breadcrumbs-block .breadcrumbs > span:nth-last-child(2):after {
        display: none;
    }

    .service-details-box .info .links .links-wr a:not(:first-child) {
        margin-top: 4px;
    }

    .ba-block {
        padding: 40px 0 60px;
    }

    .ba-block .box {
        margin-top: 50px;
        gap: 50px;
    }

    .ba-block .box .item {
        grid-template-columns: 100%;
        gap: 24px;
    }

    .ba-block .box .item:nth-child(2n) {
        grid-template-columns: 100%;
    }

    .ba-block .box .item:nth-child(2n) .gallery-item {
        order: 1;
    }

    .ba-block .box .item:nth-child(2n) .article-info {
        order: 2;
    }

    .ba-block .ba-photos {
        margin-left: auto;
        margin-right: auto;
    }

    .awards .marquee-content span {
        font-size: 32px;
    }
    
    .awards .marquee-content .item {
        gap: 48px;
    }
    
    .awards .marquee.second .marquee-content span {
        font-size: 26px;
    }
    
    .awards .marquee.third .marquee-content span {
        font-size: 28px;
    }

    .awards {
        padding: 170px 0 20px;
    }

    .awards .box .text {
        order: 1;
    }

    .awards .box .text h2 {
        font-size: 35px;
    }

    .awards .box {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .awards .box .image {
        order: 2;
    }

    .main-prices-list .price-block .price-block-list .price-item.price-item-title.collapse {
        padding: 12px 58px 12px 16px;
        min-height: 80px;
        justify-content: center;
    }

    .main-prices-list .price-block .price-block-list .price-item.price-item-title .name {
        font-size: 20px;
    }

    .main-prices-list .price-block .price-block-list .price-item:not(:first-child) {
        margin-top: 16px;
    }

    .vacancies-list-block .box {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .vacancies-list-block .box .item {
        border-radius: 14px;
        padding: 24px;
        gap: 16px;
    }

    .vacancies-list-block .box .item .requirements.text-content ul {
        columns: 1;
        gap: 4px;
    }

    .vacancies-list-block .box .item .but {
        padding-top: 32px;
        max-width: 100%;
    }

    .vacancy-article-block .box.about {
        margin-bottom: 20px;
        grid-template-columns: 1fr;
        gap: 24px 40px;
    }

    .vacancy-article-block .article-text-box {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .vacancy-article-block .article-text-box .text-wrapper:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .service-doctor .docs-box .slick-arrow {
        top: 239px;
        translate: 0 -50%;
    }

    .service-doctor .box .text {
        padding-right: 0px;
    }

    header .menu-box #menu .mega > .sub-menu > li > a {
        font-size: 15px;
    }

    .step .sp-items {
        gap: 16px;
        flex-direction: column;
    }

    .step .sp-items .item {
        width: 100%;
        max-width: 100%;
        gap: 6px;
    }

    .step .pay-parts {
        margin-top: 16px;
        text-align: center;
    }

    .step .but button {
        width: 100%;
    }

    .step .box.ba-box {
        margin-top: 16px;
        gap: 16px;
    }

    .step .box.ba-box .text {
        max-width: 100%;
    }

    .step .box.ba-box .before-after-widget {
        max-width: 100%;
    }

    .step .service-doctor .box .text .h3 {
        font-size: 18px;
    }

    .step .service-doctor .box .text p {
        margin-top: 4px;
        font-size: 13px;
    }

    .step .service-doctor .box .img {
        width: 128px;
        height: 120px;
    }

    .step  .service-doctor {
        padding: 16px 0;
    }

    .step .bottom-title {
        margin-top: 0px;
    }

    .step form .wpcf7-radio {
        align-items: flex-start;
        gap: 6px;
        flex-direction: column;
        margin-top: 12px;
    }

    .step form .form-group p {
        width: 100%;
    }

    .step form .form-group.but {
        margin-top: 0;
    }

    .step form {
        padding-top: 16px;
        gap: 16px;
    }

    .step .pay-parts .title {
        font-size: 16px;
    }

    .step .pay-parts .img img {
        max-width: 32px;
    }

    .step .pay-parts p {
        font-size: 15px;
    }

    .step .box.ba-box .before-after-widget .item {
        max-width: 100%;
        height: auto;
    }

    .quiz-bottom-info {
        flex-direction: column;
        gap: 12px;
    }

    .quiz-body .step .sp-items .item {
        max-width: 100%;
    }

    .quiz-body .step .box.ba-box .before-after-widget {
        max-width: 100%;
    }

    .quiz-body .step form .wpcf7-radio {
        align-items: flex-start;
    }

    .quiz-body .step .sp-items.epil-sp-items .item .img img {
        max-height: 180px;
        scale: 1;
    }

    .quiz-body .step .sp-items.epil-sp-items .item:nth-child(2n+1) .img img {
        scale: 1.5;
        translate: 0px -15px;
    }

    .quiz-body .step .sp-items.epil-sp-items .item:nth-child(2n+1) .text p {
        font-size: 16px;
    }

    .quiz-body .step .sp-items.epil-sp-items .item:nth-child(2n+1) .text p span {
        font-family: var(--font-num);
        display: block;
        font-size: 50px;
        font-weight: bold;
        line-height: 42px;
    }

    .quiz-body .step .sp-items.epil-sp-items .item:nth-child(2n) .text {
        padding: 0 10px;
    }

    .quiz-body .step .sp-items.epil-sp-items .item:nth-child(2n) .text p {
        font-size: 16px;
    }

    .quiz-body .step .pay-parts.new p {
        font-size: 16px;
    }

    .quiz-body .step .pay-parts.new p b, .quiz-body .step .pay-parts.new p strong {
        font-size: 18px;
    }

    .quiz-body .quiz-box.quiz-epil-box .step:nth-child(2) .pay-parts {
        text-align: left;
    }

    .main-prices-list .price-block .price-block-list .price-item.price-item-title.collapse::after, .price-block .price-block-list .price-item.price-item-title.collapse::after {
        width: 32px;
        height: 32px;
        right: 14px;
    }

    .main-prices-list .section-item > .price-item.price-item-title.collapse, .main-prices-list .section-item > .price-item.price-item-title.collapse {
        padding: 12px 58px 12px 16px;
        min-height: 80px;
        font-size: 20px;
    }
    
    .main-prices-list .section-item > .price-item:not(.price-item-title), .search-field-wr .search-results .price-item {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .main-prices-list .section-item {
        margin-top: 24px;
    }

    .main-prices-list .section-item .price-item.price-item-title.collapse::after, .main-prices-list .section-item .price-item.price-item-title.collapse::after {
        width: 32px;
        height: 32px;
        right: 14px;
    }

    .search-field-wr .search-results .price-item .price div {
        text-align: left;
    }

    .doctors-main-list .tabs-controls {
        margin-bottom: 40px;
    }

    .doctors-main-list .tabs-controls .tab {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .reviews-block .box .reviews-list .item .review-text .text {
        overflow: hidden;
        max-width: calc(100vw - 85px);
    }

    .dictionary-first-block .box:not(.box-buts) {
        grid-template-columns: 100%;
        gap: 32px;
    }    

    .text-content > h1:not(:first-child), .text-content > h2:not(:first-child), .text-content > h3:not(:first-child), .text-content > h4:not(:first-child), .text-content > h5:not(:first-child), .text-content > h6:not(:first-child) {
        margin-top: 24px !important;
    }

    .dictionary-first-block .box.box-buts .buts {
        flex-direction: column;
        gap: 16px;
    }

    .dictionary-first-block .box.box-buts .buts a {
        max-width: 100%;
    }

    .dictionary-text-block .box .text {
        columns: 1;
    }

    .dictionary-recomendations {
        padding: 40px 0;
    }

    .dictionary-recomendations .title h2 {
        font-size: 26px;
    }

    .dictionary-recomendations .title {
        gap: 24px;
        flex-direction: column;
    }

    .dictionary-recomendations .title .but {
        display: none;
    }

    .dictionary-recomendations .box {
        margin-top: 40px;
        grid-template-columns: 100%;
    }

    .dictionary-recomendations .box.more .item-wrapper {
        grid-auto-rows: auto;
    }

    .dictionary-recomendations .box.more .item-wrapper .img-article a {
        min-height: 70px;
        font-size: 18px;
    }

    .text-block-with-articles .box.articles {
        flex-direction: column;
        gap: 32px;
    }

    .articles-list-block .box {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .article-block .sidebar .services-box {
        display: none;
    }

    .article-block .author-box .photo {
        width: 100%;
        height: 100px;
        max-width: 100px;
    }

    .article-block .author-box {
        grid-template-columns: 100px 1fr;
    }

    footer.footer {
        padding-bottom: 0;
    }

    footer.footer .map {
        position: relative;
        width: 100%;
        height: 320px !important;
        margin-top: 32px;
        max-width: 100%;
    }

    footer.footer .box .info {
        justify-content: center;
        gap: 24px;
        flex-direction: column;
        align-items: center;
    }

    footer.footer .box .controls {
        margin-top: 0px;
        flex-direction: column;
        gap: 24px;
    }

    footer.footer .box .controls .footer-menu {
        max-width: 100%;
    }

    footer.footer .box .controls .addresses {
        max-width: 100%;
        text-align: center;
    }

    footer.footer .box {
        max-width: 100%;
        gap: 32px;
    }

    footer.footer .box .bottom {
        padding-top: 32px;
        gap: 32px;
    }

    footer.footer .box .bottom .contacts .phones {
        max-width: 100%;
        text-align: center;
    }

    footer.footer .box .bottom .text {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    footer.footer .box .bottom .text .link {
        max-width: 100%;
        text-align: center;
    }

    footer.footer .box .bottom .text .copyright {
        text-align: center;
    }

    footer.footer .box .bottom .contacts {
        justify-content: center;
        gap: 32px;
        flex-direction: column;
    }

    .laser-removal .box {
        grid-template-columns: 100%;
    }

    .texts-blocks .box .text-wrapper {
        grid-template-columns: 100%;
    }

    section.buts-section {
        padding: 0px 0 40px;
    }

    .tt-block {
        padding-top: 40px;
    }

    .tt-block .text.text-content {
        columns: 1;
    }

    .city-choose-panel .box {
        gap: 16px;
    }

    .city-choose-panel .box .links a {
	    height: 34px;
	    font-size: 15px;
        padding: 0 20px;
    }

    .all-apecials-block .specials-info p, .all-apecials-block .specials-info ol, .all-apecials-block .specials-info ul {
        font-size: 15px;
    }

    .all-apecials-block .specials-list-box {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 16px 20px;
    }

    .all-apecials-block .specials-list-box.odd .special-item:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .page-template-page-specials {
        background: url('../images/hirozontal-bg.webp') 50% 15% / 100% auto no-repeat;
    }

    .box-form .form {
        max-width: 100%;
    }

    .all-apecials-list-form .box-form {
        background: none;
        border-radius: 20px;
        box-shadow: none;
        padding: 0;
    }
    
    .all-apecials-list-form .box-form .form {
        padding: 15px;
        border-radius: 20px;
        background: var(--links);
    }

    .all-apecials-list-form .box-form .form input[type="submit"] {
        background: var(--white);
        color: var(--links);
        border: 2px solid var(--white);
    }

    .all-apecials-list-form .box-form .form input[type="submit"]:hover {
        background: transparent;
        color: var(--white);
    }

    .specials-info-text.article-block .article-text-box {
        margin-top: 0;
    }

    .all-apecials-block .buts {
        gap: 20px;
        flex-direction: column;
    }

    .all-apecials-block .buts a {
        width: 100%;
    }

    .service-details-list-box {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .service-details-list-box .img {
        min-height: 250px;
    }

    .service-details-list-box .img .img-wr {
        height: 250px;
    }

    .service-details-list-box .img .but {
        display: none;
    }

    .service-details-list-box .info .title, .service-details-list-box .info .title a {
        font-size: 22px;
    }

    .service-details-list-box .info .title {
        position: absolute;
        left: 0;
        top: 0;
    }

    .service-details-list-box {
        position: relative;
        padding-top: 50px;
    }

    .service-details-list-box .info .links {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .service-details-list-box .info .links .links-block {
        max-width: 100%;
        gap: 0;
    }

    .service-details-list-box .info .links .links-wr {
        display: block;
    }

    .service-details-list-box .info .links .links-wr a {
        display: block;
    }

    .service-details-list-box .info .links .links-wr a:not(:first-child) {
        margin-top: 4px;
    }

    .service-details-list-box .info .links .links-block .name {
        padding-left: 16px;
        padding-right: 16px;
        text-align: left;
        justify-content: space-between;
        cursor: pointer;
    }
    
    .service-details-list-box .info .links .links-block .name::after {
        width: 24px;
        height: 100%;
        content: "";
        background: url('../images/arrow-down-mobile.svg') center center / 16px auto no-repeat;
        display: flex;
        rotate: 0deg;
        transition: var(--all-inout);
    }

    .service-details-list-box .info .links .links-block .name.open::after {
        rotate: 180deg;
    }

    .service-details-list-box .info .links .links-block .links-wr {
        max-height: 0;
        transition: var(--all-inout);
        overflow: hidden;
    }

    .service-details-list-box .info .links .links-block .links-wr a:first-child {
        margin-top: 16px;
    }

    .box-grid.service-page-blocks {
        grid-template-columns: 100%;
    }

    .box-grid.service-page-blocks .item .title {
        text-align: left;
        font-size: 18px;
        line-height: 36px;
    }

    .box-grid.service-page-blocks .item .title .circle {
        width: 36px;
        height: 36px;
    }

    .service-details-list-box.no-img .img {
        display: block;
    }

    .service-details-list-box.no-img .info .title {
        display: block;
    }

    .service-details-list-box.no-img .info .links .name {
        background: rgba(255, 255, 255, 0.60);
        color: var(--links);
        font-size: 17px;
        text-decoration: none;
        line-height: normal;
        justify-content: space-between;
    }

    .service-details-list-box.no-img .info .links {
        gap: 20px;
        flex-direction: column;
    }

    header li.mega-menu > a,
    header li.mega-menu .sub-menu-but {
        display: none !important;
    }

    header li.menu-item-has-children > .sub-menu.sub-menu-tabs {
        width: 100% !important;
        left: initial;
        opacity: 1;
        translate: 0 0;
        top: initial;
        border-radius: 0;
        padding-left: 0;
        max-height: initial;
    }

    .sub-menu-tabs-buts {
        display: none;
    }

    button.accordion-main-button.service-accordion {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        text-align: left;

        font-size: 15px;
        font-weight: 600;
        line-height: 24px;
        color: var(--link-color);
        transition: var(--all-inout);
        border: 0;
        border-radius: 0;
        width: 100%;
        background: none;
        padding: 0;
    }

    button.accordion-main-button.service-accordion:hover {
        background: none;
        color: var(--link-color);
    }

    button.accordion-main-button.service-accordion::after {
        width: 24px;
        height: 24px;
        content: "";
        background: url('../images/arrow-down-mobile.svg') center center / 16px auto no-repeat;
        display: flex;
        rotate: 0deg;
        transition: var(--all-inout);
        margin-left: auto;
    }

    button.accordion-main-button.service-accordion.active {
        color: var(--links);
        background: none;
        box-shadow: 2px 8px 16px 0 rgba(96, 96, 115, 0.0);
    }

    button.accordion-main-button.service-accordion.active::after {
        rotate: 180deg;
    }

    button.accordion-main-button.service-accordion .icon {
        display: flex;
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }
    button.accordion-main-button.service-accordion .icon img {
        max-width: 32px;
        max-height: 32px;
        transition: var(--all-inout);
        flex-shrink: 0;
    }

    button.accordion-main-button.service-accordion:hover .icon img,
    button.accordion-main-button.service-accordion.active .icon img {
        filter: none;
    }

    .sub-menu-tabs-wrapper {
        grid-template-columns: 100%;
    }

    .sub-menu-tabs-wrapper .sub-menu-inner-buts {
        display: none;
    }

    .sub-menu-tabs-wrapper .sub-menu-inner-links {
        gap: 0;
        padding: 0px 0px 0px 16px;
    }

    .sub-menu-tabs-content > .tabcontent {
        display: block !important;
        max-height: 0px;
        overflow: hidden;
    }

    .sub-menu-tabs-content .accordion-main-button {
        font-family: var(--title-font);
        font-size: 16px;
        border: 0;
        padding: 0;
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: none;
        height: 36px;
        border-bottom: 1px solid var(--white);
        transition: var(--all-out);
    }

    .sub-menu-tabs-content .accordion-main-button.active {
        border-bottom: 1px solid var(--bg);
        transition: var(--all-in);
    }

    .sub-menu-tabs-content .accordion-main-button::after {
        content: "";
        display: flex !important;
        width: 24px;
        height: 24px;
        background: url('../images/arrow-menu.svg') center center no-repeat;
        rotate: 180deg;
        transition: var(--all-out);
    }

    .sub-menu-tabs-content .accordion-main-button.active::after {
        rotate: 0deg;
        transition: var(--all-in);
    }

    .sub-menu-tabs-wrapper .sub-menu-inner-links .links-list {
        grid-template-columns: 100%;
        gap: 6px;
        padding: 8px 0;
        columns: 1;    
    }

    .sub-menu-tabs-wrapper .sub-menu-inner-links .links-list a {
        margin-bottom: 6px;
    }

    .sub-menu-tabs-wrapper .sub-menu-inner-links > .tabcontent {
        display: block !important;
        max-height: 0px;
        overflow: hidden;
    }

    .block-specials {
        display: none;
    }
	
	.doc-item .photo img {
		object-position: top center;
	}





        

    

}

@media (min-width: 768px) and (max-width: 1109px) {
    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    body {
        padding-top: 50px;
    }

    header .menu-but {
        width: 42px;
        height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        cursor: pointer;
        flex-shrink: 0;
    }

    header .menu-but span {
        width: 100%;
        height: 4px;
        border-radius: 2px;
        display: flex;
        background: var(--links);
        transition: var(--all-out);
    }

    header .menu-but.open span:last-child {
        opacity: 0;
        transition: var(--all-in);
    }

    header .menu-but.open span:nth-child(1) {
        transition: var(--all-in);
        rotate: 45deg;
        translate: 0px 8px;
    }

    header .menu-but.open span:nth-child(2) {
        transition: var(--all-in);
        rotate: -45deg;
    }
    
    header .box {
        gap: 16px;
        padding: 0 0px;
    }

    header .box .phones {
        margin-left: 0px;
    }

    header .box .cities {
        margin-left: 0px;
    }

    header .box .lang {
        margin-left: 0px;
    }

    header .box .socials {
        gap: 8px;
    }

    header .menu-box {
        translate: -100% 0;
        width: 100%;
        height: calc(100vh - 50px);
        position: fixed;
        left: 0;
        top: 50px;
        background: var(--white);
        transition: var(--all-out);
        flex-direction: column;
        border-top: 1px solid var(--grey2);
    }

    header .menu-box.open {
        translate: 0 0;
        transition: var(--all-in);
    }

    header .menu-box #menu > ul, header .menu-box #menu div > ul {
        flex-direction: column;
        gap: 28px;
        padding-top: 20px;
    }

    header .menu-box #menu > ul > li > a, header .menu-box #menu div > ul > li > a {
        line-height: 24px;
        justify-content: center;
    }

    header .menu-box #menu {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    header .menu-box #menu > ul > li.menu-item-has-children > a.open::after, header .menu-box #menu div > ul > li.menu-item-has-children > a.open::after {
        transition: var(--all-in);
        rotate: 180deg;
    }

    header .menu-box #menu > ul > li, header .menu-box #menu div > ul > li {
        width: 100%;
    }

    header .menu-box #menu .sub-menu {
        position: relative;
        width: 100%;
    }

    header .menu-box #menu .sub-menu.open {
		height: var(--menu-height);
		opacity: 1;
		translate: 0 0;
	}

    header .menu-box #menu .sub-menu > li {
        text-align: center;
    }

    header .menu-box #menu .sub-menu > li > a {
        opacity: 0.5;
    }

    header .menu-box #menu .sub-menu > li > a:hover {
        opacity: 1;
    }

    header .menu-box #menu > ul > li > a::before, header .menu-box #menu div > ul > li > a::before {
        display: none;
    }

    header .menu-box #menu .sub-menu > li:first-child {
        padding-top: 16px;
    }

    header .menu-box .mobile-menu-controls {
        display: none;
    }

    header .menu-box .socials {
        margin-bottom: 16px;
        margin-top: 24px;
        gap: 12px;
    }

    header .menu-box .socials a {
        width: 32px;
        height: 32px;
    }

    header .menu-box .socials a svg {
        width: 100%;
        height: 100%;
    }

    header .menu-box .but {
        padding-bottom: 16px;
    }

    .main-slider .slider .item {
        height: 280px;
    }

    .home-articles .box {
        grid-template-columns: 1fr 1fr;
        gap: 40px 40px;
    }

    .home-articles .other-articles {
        flex-direction: row;
        width: 100%;
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .text-article-item {
        width: 100%;
    }

    .home-news .box {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .img-news-article:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .img-news-article a .info .name {
        width: 100%;
    }

    .services-main-links .box {
        grid-template-columns: 1fr 1fr;
    }

    .home-services .container > h2 {
        font-size: 35px;
    }

    .home-services .box {
        margin-top: 40px;
        gap: 40px;
    }

    .service-details-box .info .title, .service-details-box .info .title a {
        font-size: 24px;
    }

    .service-details-box .info .links .links-wr {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .service-details-box .info .links .but {
        display: none;
    }

    .service-details-box .info .but {
        margin-top: 24px;
    }

    .home-services {
        padding: 16px 0 60px;
        background: url('../images/5f41c55390ef657b24a4531b6c0e411bd6d13cf0.webp') 100% 100% / 100% auto no-repeat;
    }

    .numbers-block {
        padding: 40px 0 40px;
    }
    
    .numbers-block h2 {
        text-align: center;
        font-size: 35px;
    }

    .numbers-block .box {
        margin-top: 40px;
    }

    .numbers-block .box .item .num {
        font-size: 42px;
    }

    .numbers-block .box .item p {
        font-size: 16px;
    }

    .numbers-block .but {
        margin-top: 40px;
    }

    .home-articles, .home-news {
        padding: 40px 0;
    }

    .home-articles .title h2, .home-news .title h2 {
        font-size: 35px;
    }

    .home-articles .box, .home-news .box {
        margin-top: 40px;
    }

    .home-provide {
        padding: 40px 0;
    }

    .home-provide h2 {
        font-size: 35px;
    }

    .home-provide .box {
        margin-top: 40px;
        gap: 24px;
    }

    .home-provide .box .row {
        gap: 24px;
        flex-direction: column;
    }

    .home-provide .box .row .item a {
        height: auto;
        gap: 15px;
        padding: 15px;
        font-size: 20px;
        min-height: 78px;
    }

    .home-provide .but {
        margin-top: 40px;
    }

    .home-equipment {
        padding: 40px 0;
    }

    .home-equipment h2 {
        font-size: 35px;
    }

    .home-equipment .box {
        margin-top: 40px;
    }

    .home-equipment .box .eq-slider {
        max-width: calc(100% - 100px);
    }

    .eq-slider .slick-arrow.slick-prev {
        left: -50px;
    }

    .eq-slider .slick-arrow.slick-next {
        right: -50px;
    }

    .home-about {
        padding: 40px 0 40px;
    }

    h1, .h1 {
        font-size: 35px;
    }

    .home-about .box {
        margin-top: 40px;
        grid-template-columns: 100%;
    }

    .home-about .box .img {
        order: 1;
    }

    .home-about .box .text {
        order: 2;
    }

    .service-details-wr .service-details-box .info .but {
        margin-top: 24px;
        padding-top: 0;
    }

    .service-details-wr {
        gap: 24px;
    }

    .service-details-wr .service-details-box {
        display: flex;
    }

    .service-details-box .info .but a {
        padding: 0px 24px;
    }

    .services-main-links .box .item a {
        height: 78px;
        padding: 15px;
        gap: 15px;
    }

    .services-main-links .box .item a .icon {
        width: 48px;
        height: 48px;
    }

    .page-404-block .box .img {
        top: -155px;
        max-width: 600px;
    }

    .breadcrumbs-block {
        padding: 16px 0;
    }

    .page-title .box h1 {
        font-size: 35px;
    }

    .page-title .box {
        height: auto;
        min-height: 150px;
        padding: 24px;
    }

    .contacts-block .cont-box {
        grid-template-columns: 420px 1fr;
    }

    .contacts-block.about-contacts-block {
        padding: 40px 0 40px;
    }

    .form-block {
        padding: 40px 0;
    }

    .box-form .text .h3 {
        font-size: 24px;
    }

    .box-form .text {
        max-width: 100%;
        gap: 16px;
    }

    .box-form {
        padding: 24px;
        gap: 24px;
    }

    .article-block .box {
        grid-template-columns: 1fr;
    }

    .article-block {
        padding: 40px 0 20px;
    }

    .article-block .article-box {
        order: 2;
    }

    .article-block .sidebar {
        order: 1;
    }

    .article-block .author-box .text .h2 {
        font-size: 28px;
    }

    .article-block .author-box .text .position {
        margin-top: 0px;
        font-size: 18px;
    }

    .article-block .article-text-box {
        margin-top: 40px;
    }

    .article-block .box .sidebar .sidebar-content {
        align-items: flex-start;
    }

    .article-block .box .sidebar .sidebar-content ul {
        width: 100%;
    }

    .reviews-block .box {
        grid-template-columns: 1fr 240px;
        margin-top: 40px;
        gap: 24px;
    }

    .reviews-block .box .sidebar .sidebar-form .h5 {
        font-size: 18px;
    }

    .reviews-block .filter-buts {
        gap: 12px;
    }

    .reviews-block .box .reviews-list .item .review {
        gap: 16px;
    }

    .reviews-block .box .reviews-list .item .icon {
        width: 55px;
        height: 55px;
    }

    .reviews-block .box .reviews-list .item .icon img {
        max-width: 32px;
    }

    .reviews-block .box .reviews-list .item .review-text {
        gap: 16px;
    }

    .reviews-block .box .reviews-list .item .review-text .title .h5 {
        font-size: 18px;
    }

    .reviews-block .box .reviews-list .item .review-text .title .date {
        font-size: 14px;
    }

    .reviews-block .box .reviews-list .item .review.answer {
        padding-left: 70px;
        background: url('../images/review-line.svg') 30px 20px / 30px auto no-repeat;
    }

    .reviews-block .box .sidebar .sidebar-form {
        position: sticky;
        top: 70px;
    }

    .before-after-cat {
        padding: 40px 0 20px;
    }

    .home-about.service-about-clinic {
        padding: 40px 0 40px;
    }

    .before-after-cat .box {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .before-after-cat .box .item .img {
        height: 250px;
    }

    .how-work-block .box {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .bonus-faq-block .box {
        margin-top: 40px;
    }

    .bonus-faq-block {
        padding: 40px 0 20px;
    }

    .page-title .box p {
        font-size: 16px;
    }

    .doctors-main-list .box .block .list .doc-item .name {
        font-size: 18px;
    }

    .doc-item p {
        font-size: 14px;
    }

    .doc-item .but {
        margin-top: 12px;
    }

    .doc-item {
        gap: 10px;
    }

    .doctors-main-list .box .block .list, .doctors-main-list .tabs-box .block .list {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 24px;
    }

    .doctors-main-list .box, .doctors-main-list .tabs-box {
        gap: 40px;
    }

    .doctors-main-list {
        padding: 40px 0 20px;
    }

    section.white.doctor-serts-block {
        padding: 40px 0 40px;
    }

    .doctor-serts-block .box {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-top: 40px;
    }

    .doctor-main-block .box .photo {
        max-width: 280px;
        height: 420px;
    }

    .doctor-main-block .box-buts {
        margin-top: 40px;
    }

    .equipment-list-block .box {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 32px;
    }

    .eq-item-big .img {
        width: 100%;
        height: 360px;
    }

    .eq-item-big .name {
        margin-top: 0px;
        min-height: 56px;
        font-size: 24px;
    }

    img.alignright, iframe.alignright {
        float: right;
        margin: 0 0 0px 0px;
        margin: 0 0px 0px 0;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }
    
    img.alignright {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }
    
    img.alignleft, iframe.alignleft {
        float: none;
        margin: 0 0px 0px 0;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }    

    .faq-links .tabs-controls .tab button {
        font-size: 35px;
    }

    .equipment-widget .box .eq-slider {
        max-width: 660px;
    }

    .equipment-widget .box .eq-slider .slick-arrow {
        background: url('../images/slider-prev-icon.svg') center center no-repeat;
    }

    .equipment-widget .box .eq-slider .slick-arrow.slick-next {
        background: url('../images/slider-next-icon.svg') center center no-repeat;
    }

    .eq-slider .slick-dots li button {
        background: var(--links);
    }

    .online-page-form .box {
        grid-template-columns: 1fr 380px;
    }

    .online-page-form .text {
        margin-top: 40px;
    }

    .online-page-where h2 {
        font-size: 35px;
        padding: 0 0px;
    }

    .online-page-where .box {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .online-page-where {
        padding: 30px 0 40px;
    }

    .online-text-block img.alignright, .online-text-block img.alignleft {
        max-width: 100%;
        float: none;
    }

    .online-text-block2 img.alignright, .online-text-block2 img.alignleft {
        max-width: 100%;
        float: none;
    }

    .text-block .text-content.text .buts {
        margin-top: 30px;
        justify-content: center;
    }

    .doctors-widget {
        padding: 40px 0 40px;
    }

    section.big h2 {
        font-size: 35px;
    }

    .doctors-widget .box {
        margin-top: 40px;
    }

    .doctors-widget .box .docs-slider {
        max-width: 640px;
    }

    .doc-item .photo {
        height: 350px;
    }

    .doc-item .name {
        font-size: 22px;
    }

    .service-list-item {
        gap: 32px 43px;
        grid-template-columns: 270px 1fr;
    }

    section.section-but {
        padding: 40px 0;
    }

    .main-prices-list {
        padding: 40px 0 40px;
    }

    .main-prices-list .price-block .title > p {
        font-size: 35px;
    }

    .main-prices-list .price-block .title {
        padding-right: 50px;
        min-height: 40px;
    }

    .main-prices-list .price-block .title::after {
        right: 0px;
        top: 0px;
    }

    .main-prices-list .price-block .price-block-list .price-item.price-item-title {
        padding: 0;
    }

    .main-prices-list .price-block .price-block-list .price-item.price-item-title .name {
        font-size: 24px;
    }

    .main-prices-list .price-block .price-block-list .price-item .name {
        font-size: 20px;
    }

    .main-prices-list .price-block .price-block-list .price-item {
        padding: 16px;
    }

    .before-after-widget .box .text .buts {
        margin-top: 30px;
    }

    .before-after-widget .box {
        flex-direction: column;
    }

    .service-equipment .box .img {
        height: 100%;
    }

    .service-equipment .box {
        grid-template-columns: 1fr 280px;
        gap: 32px 40px;
    }

    .service-equipment .box h2 {
        order: 1;
        font-size: 35px;
    }
    
    .service-equipment .box .text .h3 {
        font-size: 28px;
    }

    .service-equipment .box .text .but {
        margin-top: 30px;
    }
    
    .service-doctor .box {
        grid-template-columns: 280px 1fr;
        gap: 32px 40px;
    }

    .service-doctor .box h2 {
        font-size: 35px;
    }

    .service-doctor .box .text .h3 {
        font-size: 28px;
    }

    .service-doctor .box .text .but {
        margin-top: 30px;
    }

    .service-doctor .box .img {
        height: 100%;
    }

    .service-doctor .box .img img {
        height: 100%;
        object-fit: cover;
    }

    .service-autor .box {
        padding: 16px;
    }

    .service-autor .box .author .author-box {
        gap: 12px;
    }

    .service-autor .box .author-socials {
        gap: 16px;
    }

    .faq-block {
        padding: 40px 0 40px;
    }

    .dictionary-block .dictionary-box a {
        width: 25px;
        font-size: 18px;
    }

    .dictionary-block .box {
        margin-top: 40px;
    }

    .letter-box {
        gap: 24px;
    }

    .dictionary-block .letter-box .h2 {
        font-size: 35px;
    }

    .dictionary-block .letter-box .terms-list .item {
        padding: 16px;
        gap: 16px;
        flex-direction: column;
    }

    .dictionary-block .letter-box .terms-list .item .name {
        font-size: 20px;
        max-width: 100%;
        min-height: 1px;
    }

    .connection-page.page-info-block .box {
        grid-template-columns: auto 360px;
        padding: 24px;
        gap: 32px 32px;
    }

    .contacts-block .tabs-controls {
        left: 460px;
    }

    .service-details-box .info .links .links-wr {
        columns: 2;
    }

    .ba-block {
        padding: 40px 0 60px;
    }

    .ba-block .box {
        margin-top: 50px;
        gap: 50px;
    }

    .ba-block .box .item {
        grid-template-columns: 100%;
        gap: 24px;
    }

    .ba-block .box .item:nth-child(2n) {
        grid-template-columns: 100%;
    }

    .ba-block .box .item:nth-child(2n) .gallery-item {
        order: 1;
    }

    .ba-block .box .item:nth-child(2n) .article-info {
        order: 2;
    }

    .ba-block .ba-photos {
        margin-left: auto;
        margin-right: auto;
    }

    .ba-block .box .item .article-info {
        text-align: center;
    }

    .awards .box {
        grid-template-columns: 425px 1fr;
        gap: 0 32px;
    }

    .awards .box .text h2 {
        text-align: center;
        font-size: 35px;
    }

    .awards .box .text img {
        max-width: 220px;
    }

    .vacancies-list-block .box .item .requirements.text-content ul {
        columns: 1;
        gap: 4px;
    }

    .vacancies-list-block .box .item {
        border-radius: 14px;
        padding: 32px;
        gap: 18px;
    }

    .vacancies-list-block .box .item .but {
        padding-top: 32px;
    }

    .vacancy-article-block .box.about {
        margin-bottom: 60px;
        grid-template-columns: 250px 1fr;
        gap: 24px 40px;
    }

    .dictionary-first-block .box:not(.box-buts) {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .dictionary-first-block .box .img {
        max-width: 100%;
    }

    .dictionary-text-block .box .text {
        columns: 1;
    }

    .dictionary-recomendations {
        padding-top: 40px;
    }

    .dictionary-recomendations .box {
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .dictionary-recomendations .box .item-wrapper {
        order: 4;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template-columns: 1fr 1fr !important;
        gap: 24px !important;
    }

    .dictionary-recomendations .title h2 {
        font-size: 32px;
    }

    .dictionary-recomendations .title .but {
        padding-top: 0px;
    }

    .text-block-with-articles .box {
        flex-direction: column;
    }

    .text-block-with-articles .box.articles .text {
        max-width: 100%;
    }

    .text-block-with-articles .box.articles .articles-list {
        max-width: 100%;
    }

    .text-article-item .title {
        justify-content: space-between;
    }

    .text-article-item .title .date {
        padding: 5px 10px;
        font-size: 14px;
    }

    footer.footer {
        padding-bottom: 0;
    }

    footer.footer .box {
        margin-left: auto;
        margin-right: auto;
    }

    footer.footer .map {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: 350px;
        margin-top: 40px;
    }

    .laser-removal .box {
        grid-template-columns: 100%;
    }

    .texts-blocks .box .text-wrapper {
        grid-template-columns: 100%;
    }

    section.buts-section {
        padding: 0px 0 40px;
    }

    .tt-block {
        padding-top: 40px;
    }

    .laser-removal .box .image-wrapper {
        max-width: 100%;
    }

    .all-apecials-block .specials-info p, .all-apecials-block .specials-info ol, .all-apecials-block .specials-info ul {
        font-size: 15px;
    }

    .all-apecials-block .specials-list-box {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 16px 20px;
    }

    .all-apecials-block .specials-list-box.odd .special-item:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .page-template-page-specials {
        background: url('../images/hirozontal-bg.webp') 50% 15% / 100% auto no-repeat;
    }
    


}

@media (min-width: 1110px) and (max-width: 1280px) {
    .container {
        max-width: 1110px;
        padding-left: 10px;
        padding-right: 10px;
    }

    p {
        font-size: 15px;
    }

    ul, ol {
        font-size: 15px;
    }

    p a, ul a, ol a {
        font-size: 15px;
    }

    header .menu-box #menu > ul, header .menu-box #menu div > ul {
        gap: 32px;
    }

    header .menu-box #menu > ul > li > a, header .menu-box #menu div > ul > li > a {
        font-size: 13px;
    }

    .but a, .but button, input[type="submit"] {
        font-size: 15px;
        padding: 0 26px;
        height: 44px;
        gap: 12px;
    }

    .main-slider .slider .item {
        height: 315px;
    }

    .services-main-links .box .item a {
        font-size: 18px;
        height: 102px;
    }

    .services-main-links .box .item a .icon {
        width: 58px;
        height: 58px;
    }

    .home-services .container > h2 {
        text-align: center;
        font-size: 42px;
    }

    .service-details-box {
        gap: 40px;
        grid-template-columns: 250px 1fr;
    }

    .service-details-box .info .title, .service-details-box .info .title a {
        font-size: 28px;
    }

    .service-details-box .info .but a {
        gap: 12px;
        padding: 0 36px;
    }

    .home-services .box {
        margin-top: 54px;
        gap: 54px;
    }

    .numbers-block h2 {
        font-size: 42px;
    }

    .numbers-block .box {
        margin-top: 54px;
        gap: 36px;
    }

    .numbers-block .but {
        margin-top: 54px;
    }

    .numbers-block .box .item .num {
        font-size: 58px;
    }

    .numbers-block .box .item p {
        font-size: 16px;
        line-height: 22px;
    }

    .home-articles .title .but a, .home-news .title .but a {
        gap: 12px;
        padding: 0 36px;
    }

    .home-articles .title h2, .home-news .title h2 {
        font-size: 42px;
    }

    .img-article {
        height: 400px;
    }

    .img-article a .info .name {
        font-size: 22px;
    }

    .img-article a .info .date {
        font-size: 14px;
    }

    .text-article-item .title > a {
        font-size: 22px;
        line-height: 26px;
    }

    .text-article-item {
        gap: 12px;
    }

    .text-article-item .title .date {
        font-size: 14px;
    }

    .home-articles, .home-news {
        padding: 54px 0;
    }

    .numbers-block {
        padding: 54px 0;
    }

    .img-news-article a .info .name {
        font-size: 22px;
    }

    .img-news-article a .info .date, .img-news-article a.img-cover .date {
        font-size: 14px;
    }

    .home-provide {
        padding: 54px 0 36px;
    }

    .home-articles .box, .home-news .box {
        margin-top: 54px;
    }

    .home-provide h2 {
        font-size: 42px;
    }

    .home-provide .box {
        margin-top: 54px;
    }

    .home-provide .box .row .item a {
        gap: 22px;
        padding: 22px;
        font-size: 20px;
    }

    .home-provide .box .row .item a .icon {
        width: 44px;
        height: 44px;
    }

    .home-provide .but {
        margin-top: 54px;
    }

    .home-equipment {
        padding: 54px 0 72px;
    }

    .home-about {
        padding: 72px 0 108px;
    }

    h1, .h1 {
        font-size: 42px;
    }

    .home-about .box {
        margin-top: 54px;
        grid-template-columns: 1fr 520px;
        gap: 18px 36px;
    }

    footer.footer .box {
        max-width: 634px;
    }

    footer.footer .map {
        max-width: calc(50vw - (740px - (var(--container) / 2)));
    }

    .modal-box .title {
        font-size: 28px;
    }

    .modal-box {
        max-width: 390px;
    }

    .modal-box > p {
        font-size: 14px;
    }

    .page-404-block .box .img {
        top: -145px;
        max-width: 625px;
    }

    .page-title .box {
        height: 180px;
        padding: 0px 36px;
    }

    .page-title .box h1 {
        font-size: 42px;
    }

    section.text-block {
        padding: 36px 0;
    }

    .contacts-block.about-contacts-block {
        padding: 36px 0 72px;
    }

    .contacts-block .cont-box {
        grid-template-columns: 520px 1fr;
        gap: 60px;
    }
    
    .contacts-block .cont-box .info .item .title {
        font-size: 28px;
    }

    .contacts-block .cont-box .info .item p {
        font-size: 15px;
    }

    .contacts-block .cont-box .info .item p a {
        font-size: 15px;
    }

    .box-form .text .h3 {
        font-size: 29px;
    }

    .article-block {
        padding: 36px 0 72px;
    }

    .article-block .box {
        grid-template-columns: 1fr 250px;
        gap: 36px;
    }

    .pagination-box .pagination, .pagination-box .pagination > div {
        gap: 18px;
    }

    .pagination-box .pagination a, .pagination-box .pagination span {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .pagination-box .pagination a.previouspostslink, .pagination-box .pagination a.nextpostslink {
        width: 72px;
    }

    .articles-list-block {
        padding: 36px 0 72px;
    }

    .reviews-block .filter-buts button {
        font-size: 15px;
        height: 44px;
    }

    .reviews-block .filter-buts {
        gap: 20px;
    }

    .reviews-block .box {
        display: grid;
        grid-template-columns: 1fr 250px;
        gap: 35px;
        margin-top: 54px;
    }

    h5, .h5 {
        font-size: 22px;
    }

    .reviews-block .box .reviews-list .item .icon {
        width: 72px;
        height: 72px;
    }

    reviews-block .box .reviews-list .item .review {
        gap: 28px;
    }

    .before-after-cat .box .item .title {
        font-size: 22px;
    }

    .before-after-cat .box .item .img {
        height: 270px;
    }

    .before-after-cat {
        padding: 36px 0 72px;
    }

    .home-about.service-about-clinic {
        padding: 72px 0 36px;
    }

    .page-title .box p {
        color: var(--white);
        font-size: 20px;
    }

    .how-work-block .box .item .icon img {
        max-height: 100px;
    }

    .how-work-block .box .item .icon {
        height: 100px;
    }

    .about-bonus-block {
        padding: 36px 0;
    }

    .bonus-faq-block {
        padding: 36px 0 72px;
    }

    .bonus-faq-block .box {
        margin-top: 54px;
    }

    .faq-item .title {
        font-size: 22px;
    }

    .connection-page.page-info-block .box .text .h3 {
        font-size: 30px;
    }

    .contacts-block .tabs-controls .tab button {
        height: 44px;
        padding: 0px 28px;
        font-size: 15px;
    }

    .contacts-block {
        padding: 36px 0;
    }

    .doctors-main-list {
        padding: 36px 0 72px;
    }

    .doctors-main-list .box .block .list .doc-item .name, .doctors-main-list .tabs-box .block .list .doc-item .name {
        font-size: 22px;
    }

    .doctors-main-list .box .block .list, .doctors-main-list .tabs-box .block .list {
        gap: 54px 36px;
    }

    .doctor-main-block .box .text h1 {
        font-size: 29px;
    }

    .doctor-main-block .box .photo {
        max-width: 390px;
        height: 550px;
    }

    .doctor-main-block {
        padding: 18px 0 36px;
    }

    .doctor-main-block .box-buts {
        margin-top: 72px;
    }

    .text-content:not(.flex-col) h1, .text-content:not(.flex-col) h2, .text-content:not(.flex-col) h3, .text-content:not(.flex-col) h4, .text-content:not(.flex-col) h5, .text-content:not(.flex-col) h6 {
        margin-bottom: 28px;
    }

    section.white {
        padding: 54px 0 72px;
    }

    .doctor-serts-block .box {
        gap: 36px;
        margin-top: 54px;
    }

    .page-info-block .box h1 {
        font-size: 58px;
    }

    .information-block .box .item::before {
        width: 100px;
        font-size: 108px;
    }

    .information-block {
        padding: 36px 0 18px;
    }

    .equipment-widget {
        padding: 72px 0 36px;
    }

    section.big h2 {
        font-size: 42px;
    }

    .equipment-widget .box {
        margin-top: 54px;
    }

    .eq-item {
        height: 425px;
    }

    .eq-item .name {
        font-size: 18px;
    }

    .equipment-widget .but {
        margin-top: 54px;
    }

    .equipment-list-block {
        padding: 36px 0 72px;
    }

    .equipment-list-block .box {
        gap: 54px 36px;
    }

    .eq-item-big .img {
        height: 425px;
    }

    .eq-item-big .name {
        min-height: 72px;
        font-size: 20px;
    }

    .eq-item-big .text {
        font-size: 15px;
    }

    .pagination-box {
        margin-top: 54px;
    }

    .text-content iframe {
        max-width: 540px;
    }

    .text-block .text-content.text .buts {
        margin-top: 40px;
        gap: 36px;
    }

    .faq-links {
        padding: 72px 0;
    }

    .faq-links .tabs-controls .tab button {
        font-size: 44px;
    }

    .faq-links .tabs-controls {
        margin-bottom: 54px;
    }

    section.section-but {
        padding: 60px 0;
    }

    .dictionary-block .dictionary-box a {
        font-size: 22px;
    }

    .dictionary-block .dictionary-box {
        min-height: 58px;
    }

    .dictionary-block {
        padding: 18px 0 36px;
    }

    .dictionary-block .box {
        margin-top: 54px;
    }

    .dictionary-block .letter-box .h2 {
        font-size: 42px;
    }

    .dictionary-block .letter-box .terms-list .item .name {
        font-size: 22px;
        max-width: 250px;
    }

    .services-list {
        padding: 36px 0 72px;
    }

    .services-list .box-list {
        gap: 54px;
    }

    .service-list-item {
        grid-template-columns: 420px 1fr;
        gap: 28px 100px;
    }

    .service-list-item h3 {
        font-size: 29px;
    }

    .doctors-widget {
        padding: 54px 0 72px;
    }

    .doctors-widget .box {
        margin-top: 54px;
    }

    .doc-item .name {
        font-size: 26px;
    }

    .doc-item p {
        font-size: 15px;
    }

    .before-after-widget .box .ba-gallery {
        max-width: 555px;
    }

    .text-content iframe.alignleft {
        float: left;
        margin: 0 40px 40px 0;
    }

    .text-block.steps .box .item.step h3 {
        font-size: 29px;
    }

    section.price-block {
        padding: 60px 0;
    }

    .price.item .name {
        font-size: 20px;
    }

    .price.item .name strong {
        font-size: 22px;
    }

    .service-equipment {
        padding: 72px 0 28px;
    }

    .service-equipment .box {
        gap: 58px 126px;
    }

    .service-equipment .box h2 {
        font-size: 42px;
    }

    .service-equipment .box .text .h3 {
        font-size: 29px;
    }

    .service-doctor {
        padding: 36px 0 28px;
    }

    .service-doctor .box {
        gap: 58px 126px;
    }

    .service-doctor .box h2 {
        font-size: 42px;
    }

    .service-doctor .box .text .h3 {
        font-size: 29px;
    }

    .faq-block {
        padding: 54px 0 72px;
    }

    .faq-block .box {
        margin-top: 54px;
        gap: 36px;
    }

    section.form-block {
        padding: 60px 0;
    }

    .main-prices-list .price-block .title > p {
        font-size: 42px;
    }

    .main-prices-list .price-block .price-block-list .price-item .name {
        font-size: 20px;
    }

    .main-prices-list .price-block .price-block-list .price-item .price > div span {
        font-size: 18px;
    }

    .main-prices-list .price-block .price-block-list .price-item.price-item-title .name {
        font-size: 24px;
    }

    .main-prices-list {
        padding: 36px 0 72px;
    }

    .online-page-form .box .form .title {
        font-size: 29px;
    }

    .online-page-form {
        padding: 18px 0 36px;
    }

    .online-page-where {
        padding: 36px 0 72px;
    }

    .online-page-where .box {
        margin-top: 36px;
        gap: 36px;
    }

    .online-page-where .box .item .icon {
        height: 95px;
    }

    .online-page-where .box .item .icon img {
        max-height: 95px;
    }

    .online-page-where .box .item p {
        font-size: 15px;
    }

    .text-content img {
        max-width: 550px;
    }

    .doctors-widget .box .docs-slider .slick-arrow.slick-prev {
        left: -10px;
    }

    .doctors-widget .box .docs-slider .slick-arrow.slick-next {
        right: -10px;
    }

    .doctors-widget .box .docs-slider .slick-arrow {
        z-index: 5;
    }

}