@media (min-width:320px) and (max-width:576px) {

    body h2 br {
        display: none;
    }

    body .aboutUs-left .card-cont {
        width: 100%;
        height: auto;
        position: unset;
        padding: 20px;
        gap: 20px;
        background: var(--bg-dg);
    }

    body .aboutUs-left img {
        display: none;
    }

    body .info2-cont__left .card-cont {
        padding: 20px!important;
        position: unset;
        background: var(--bg-dg);
    }

    body .aboutUs-info1__cont {
        padding: 20px!important;
        gap: 20px;
    }

    body .realty-img {
        display: none;
    }

    body .hww__cont {
        padding: 20px!important;
        gap: 20px;
    }

    body .hww, body .aboutUs-info1 {
        padding: 0 10px;
    }

    body .services-main-cont {
        background-color: var(--bg-lg);
    }

    body .services-main__box {
        background-color: var(--bg-dg);
        border-radius: 20px;
    }

    body .experience-cont {
        padding: 20px !important;
    }

    body .promises-cont__left, body .promises-cont__right {
        padding: 20px;
        gap: 20px;
    }

    body .aboutUs-main__grid, body .aboutUs-info2__cont,
    body .promises__grid {
        grid-template-columns: 1fr;
    }

    body .about-adv__cont1, body .hww__box {
        grid-template-columns: 1fr;
    }

    body .hww-box__el {
        height: 100%;
    }

     {
        grid-template-columns: 1fr;
    }

    body .card-title__main br {
        display: none;
    }

    body .vac-cont {
        height: 168px;
        width: 100%;
    }

    body .vac-box {
        width: 100%;
        padding: 28px;
    }

    body .vac-cont img {
        display: none;
    }

    body .vac-box .about-box__descr {
        display: none;
    }

    .container {
        width: 100%;
        padding: 0 10px;
    }

    body .MobMenu .header_burger {
        position: absolute;
        right: 5px;
        top: -20px;
    }

    .header_burger:before, .header_burger:after {
        content: '';
        background-color: #1788cb;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all .3s ease 0s;
    }

    .header_burger:before {
        top: 0;
    }

    .header_burger.active:before {
        transform: rotate(
            45deg
        );
        top: 9px;
    }

    .header_burger.active:after {
        transform: rotate(
            -45deg
        );
        bottom: 9px;
    }

    .header_burger:after {
        bottom: 0;
    }

    .header_burger:before, .header_burger:after {
        content: '';
        background-color: #ffffff;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all .3s ease 0s;
    }

    .header_burger.active:before, .header_burger.active:after {
        background-color: #000;
    }

    .header_burger span {
        position: absolute;
        background-color: #ffffffa6;
        left: 0;
        width: 75%;
        height: 2px;
        top: 9px;
        transition: all .3s ease 0s;
    }

    .header_burger.active span {
        transform: scale(0);
    }

    .header_burger {
        display: block;
        width: 30px;
        height: 20px;
        position: absolute;
        z-index: 100;
        margin: 11px;
        min-width: 30px;
        right: 5px;
    }

    div.header_burger {
        opacity: 1;
    }

    .zk_characteristic_wrap {
        padding: 0 !important;
    }

    div.header_burger {
        display: flex;
        align-self: flex-start;
    }

    body .MenuBox2 .header_burger {
        position: relative;
        top: auto;
    }

    body .header_burger:before {
        background-color: #b3b3b3;
    }

    body .header_burger:after {
        background-color: #b3b3b3;
    }

    body .header_burger span {
        background-color: #b3b3b3;
    }

    body .header_burger:before {
        background-color: #b3b3b3;
    }

    body .header_burger:after {
        background-color: #b3b3b3;
    }

    body .header_burger span {
        background-color: #b3b3b3;
    }

    body .header-box {
        display: none;
    }

    body .MobMenu .header_menu {
        border-top: 1px solid #ffffff85;
        position: fixed;
        top: 0;
        right: 100%;
        width: 100%;
        background-color: #ffffff;
        display: flex !important;
        transition: all .5s ease 0s;
        overflow: auto;
        z-index: 2;
    }

    body .MobMenu .header_menu.active {
        background: #fff;
        transition: all .5s ease 0s;
        display: block !important;
        top: 0;
        width: 100%;
        right: 0;
        z-index: 77;
        border-bottom: 1px solid #3333;
        overflow: auto;
        height: 100dvh;
    }

    body .section-main__grid, body .section-box__right, body .advant-cont {
        grid-template-columns: 1fr;
    }

    body .card-title__main, body .card-title__main span, body .filtering-title, body .realty-main-title,
    body .moving-flats-title, body .moving-flats-title span, body .themes-choose-title, body .themes-choose-title,
    body .reviews-title, body .reviews-title span, body .about-box__title,
    body .about-box__title span, body .realty-main-title span, body .moving-flats-title span,
    body .employees-main-title, body .team-title, body .NB_op_name, body .NB_op_name span,
    body .benefits-title, body .benefits-title span, body .PR6_ipoteka_h1,
    body .usl2 div h1, body .about_title_h1, body .team-title span
    {
        font-size: 28px;
    }

    body .section-box__left .card-cont {
        gap: 20px;
    }

    body .advant-cont {
        gap: 10px;
    }

    body .section-box__left .section-card {
        height: 470px;
    }

    body .button {
        width: 100%;
    }

    body .section-box__left .card-cont {
        padding: 16px;
    }

    body .card-title__main br {
        display: none;
    }

    body .section-box__right {
        gap: 10px;
    }

    body .filtering-main {
        padding: 0 10px 40px 10px;
    }

    body .filtering-main-cont {
        padding: 16px!important;
    }

    body .PR2_tag_label {
        padding: 8px;
        border-radius: 8px;
        height: 40px;
    }

    body .PR2_tags {
        border-radius: 0;
        overflow: scroll;
        width: 100%;
        height: 60px;
    }

    .DI_n_Vkl.flexAc {
        height: 70px;
        overflow: scroll;
        width: 100%;
        gap: 10px
    }

    body label.DI_n_Bl.flexAc {
        min-width: fit-content;
    }

    body .fil_box.Razd_1, body .fil_box, body .filterLine1 {
        display: flex;
        flex-direction: column;
    }

    body .Dial_Sell .DI_n_BlBox1 {
        grid-template-columns: 1fr;
    }

    body .fil_item {
        width: 100%;
    }

    body .F_btn_searchWrap {
        flex-direction: column;
    }

    body .searchWRNew_element {
        font-size: 18px;
    }

    body .filterLine-box {
        flex-direction: column;
    }

    body .button__light, body .button__dark, body .Btns, body .F_btn_searchItem  {
        width: 100%;
    }

    body .button__map {
        justify-content: center;
    }

    body .realty__grid {
        grid-template-columns: 1fr;
    }

    body .realty-element {
        height: 370px;
    }

    body .realty-box {
        width: 100%;
        gap: 16px;
        padding: 16px;
    }

    body .realty-descr {
        gap: 10px;
    }

    body .realty-img {
        opacity: 0.3;
    }

    body .realty-element {
        background-color: var(--bg-dg);
    }

    body .realty__grid {
        gap: 10px;
    }

    body .flats-title__line {
        flex-wrap: wrap;
    }

    body .flats-title__line-box {
        width: 100%;
    }

    body .PR4_secondary_card_info_wrapper {
        gap: 16px;
        padding: 16px;
    }

    body .themes__grid {
        grid-template-columns: 1fr;
    }

    body .themes-choose {
        padding: 16px;
    }

    body .themes-news__line {
        padding: 10px;
    }

    body .themes-choose-arrow {
        display: none;
    }

    body .themes-choose-cont {
        grid-template-columns: 1fr;
    }

    body .FAQS-main {
        padding: 16px;
    }

    body .reviews-title__cont {
        padding: 16px;
        gap: 20px;
        left: 0;
    }

    body .reviews-img, body .about-cont img {
        display: none;
    }

    body .reviews-cards__grid {
        grid-template-columns: 1fr;
    }

    body .reviews-cont {
        height: 1990px;
    }

    body .reviews-main {
        padding: 20px 10px 40px 10px;
    }
    body .about-box {
        width: 100%;
        padding: 16px;
        gap: 20px;
        left: 0;
    }

    body .about-advant-cont {
        grid-template-columns: 1fr;
    }

    body .about-main {
        height: 660px;
        padding: 0 10px;
    }

    body .about-cont {
        height: 660px;
    }

    body .employees-main-line {
        flex-wrap: wrap;
    }

    body .employees-grid, body .employees-slider {
        grid-template-columns: 1fr;
    }

    body .team-grid {
        grid-template-columns: 1fr;
    }

    body .team-form__line {
        flex-wrap: wrap;
    }

    body .team-bg-box {
        padding: 16px;
    }

    body .team-left {
        display: none;
    }

    body .team-form {
        padding: 20px 0 0 0;
    }

    body .team-form__title {
        margin-bottom: 0;
        font-size: 18px;
    }

    body .arrow-left-svg {
        display: none;
    }

    body .employees-main-arrows {
        width: 100%;
    }

    body .employees-main-line {
        gap: 20px;
    }

    body .employees-grid, body .employees-slider {
        gap: 10px;
    }

    body .employees-grid {
        margin-top: 20px;
    }

    body .footerMenuWrap {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    body .footerMenuWrap .footerM_B1 {
        align-items: center;
    }

    body .js-scroll-top-abs {
        position: unset;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    body .footer_block2 {
        padding: 0!important;
    }

    body .services_row {
        grid-template-columns: 1fr;
    }

    body .services-main__box {
        padding: 16px;
        gap: 20px;
        left: 0;
    }

    body .services-main {
        padding: 0 10px;
    }

    body .NB_op_name br, body .benefits-text br, body .services-main-text br {
        display: none;
    }

    body .serv-main-bg {
        display: none;
    }

    body .services_wrapper {
        margin: 20px 0 0 0;
    }

    body .services-main-cont {
        height: 3780px;
    }

    body .benefits-cont {
        padding: 16px!important;
        gap: 20px;
    }

    body .benefits-title span {
        display: contents;
    }

    body .benefits-box {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    body .line-opacity-0, body .line-opacity-1 {
        display: none;
    }

    body .benefits-element__box svg {
        min-width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    body .benefits-element__box {
        gap: 10px;
    }

    body .new_card_info {
        flex-direction: column;
    }

    body .new_card_info_right_top {
        flex-direction: row;
    }

    body .new_card_info_right_top .new_card_favorite {
        order: 2;
    }

    body .new_card_button {
        order: 1;
    }

    body .button {
        width: 100%;
    }

    body .new_card_info_right_top .new_card_favorite {
        min-width: 46px;
    }

    body .new_card {
        grid-template-columns: 1fr;
    }

    body .single-product-card__info-params {
        grid-template-columns: 1fr 1fr 1fr;
    }

    body .new_card_info_right_bot {
        flex-direction: column;
    }

    body .new_card_info {
        gap: 20px;
    }

    body .listing__navigation {
        flex-direction: column;
    }

    body .new_card_info_left {
        max-width: unset;
        width: 100%;
    }

    body .swiper-slide img, .card__gallery-wrapper img {
        height: 240px;
    }

    body .listing__cards_grid {
        grid-template-columns: 1fr;
    }

    body .listing__cards_grid {
        grid-template-columns: 1fr 1fr;
    }

    body .New_slider .mySwiper .swiper-slide img {
        object-fit: cover;
    }

    body .DetailProductFlat {
        grid-template-columns: 1fr;
    }

    body .ipoteka-main {
        grid-template-columns: 1fr;
        margin: 20px 10px 20px 10px;
        width: fit-content;
        padding: 10px;
    }

    body .employees-card__phone .text-phone,
    body .employees-card__phone .input-line {
        display: none;
    }

    body .TeamItPar3 {
        gap: 8px;
    }

    body .PR6_ipoteka_inputs {
        grid-template-columns: 1fr;
    }

    body .Fullscr {
        width: 54px;
    }

    body .New_slider .swiper-thumbs {
       height: 100%;
    }

    body .New_slider {
        height: fit-content;
    }

    body .NewCardRealty .swiper-slide img {
        border-radius: 4px;
    }

    body .New_slider .mySwiper .swiper-slide {
        border-radius: 4px;
    }

    body .Fullscr {
        right: 8px;
        top: 8px;
    }

    body .ipoteka-descr {
        margin: 0;
    }

    body .ipoteka-descr-box {
        padding: 10px;
        position: unset;
    }

    body .ipoteka-descr-img {
        display: none;
    }

    .PR6_ipoteka_form {
        padding: 10px;
    }

    .DI_n_TF .DI_n_Stk.about-leadership__persons {
        gap: 20px;
    }

    .employees-card .employees-card__phone {
        justify-content: center;
    }

    body #rating span {
        padding: 0;
    }

    body .NC_reviews_line {
        display: flex;
        flex-direction: column;
    }

    body .themes-choose-arrow {
        display: none;
    }

    body .themes-choose-cont {
        grid-template-columns: 3fr!important;
    }

    body .usluga-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    body .usl-serv-grid {
        grid-template-columns: 1fr;
    }

    body .usluga-about-text__box{
        position: unset;
        width: 100%;
    }

    body .usluga-about-us img {
        display: none;
    }

    body .search_catalog_site.MobMapPage.modal-openMMap {
        display: block;
    }

    body .search_catalog_site.MobMapPage {
        top: 0;
        z-index: 23;
        margin: 0;
        width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 0;
        display: none;
    }

    body .MobMapBtnFilHead {
        display: flex;
        justify-content: space-between;
        padding: 10px 0 20px 0;
        align-items: center;
    }

    body .MobMapBtnFil {
        font-family: "Manrope", sans-serif;
        font-weight: 400;
        font-size: 14px;
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        padding: 0 20px;
        height: 50px;
        user-select: none;
        top: 10px;
        right: 10px;
        position: absolute;
        z-index: 3;
        box-shadow: 0 0 8px 0px #00000036;

        background: var(--bg-wt);
        color: var(--txt-dark);
    }

    body .search_catalog_site.MapPage {
        border: none;
    }

    body .map-sidebar.opened {
        width: 100%;
    }
}
@media (min-width:577px) and (max-width:1024px) {

    body .aboutUs-info1, body .hww {
        padding: 0 10px;
    }

    body .hww__box {
        grid-template-columns: 1fr 1fr;
    }

    body .realty-img {
        height: 480px;
    }

    body .info2-cont__left .card-cont, body .info2-cont__right .card-cont,
    body .promises-cont__left, body .promises-cont__right {
        padding: 20px;
    }

    body .promises-cont__left {
        gap: 20px;
    }

    body .card-quote {
        padding: 14px;
    }

    body .card-title__main br {
        display: none;
    }

    body .card-cont {
        height: auto;
    }

    body .aboutUs-left .card-cont {
        width: 100%;
        height: 100%;
        gap: 20px;
    }

    body .aboutUs-left .card-cont p:last-of-type {
        display: none;
    }

    body .aboutUs-left img {
        display: none;
    }

    body .aboutUs-left {
        background-color: var(--bg-dg);
    }

    body .vac-cont .about-box__descr {
        display: none;
    }

    body .vac-box {
        width: 58%;
        gap: 20px;
        padding: 28px;
    }

    body .card-title__main, body .card-title__main span {
        font-size: 30px;
    }

    body .section-main__grid {
        grid-template-columns: 1fr;
    }

    body .searchWRNew_element {
        font-size: 18px;
    }

    body .MobMenu .header_burger {
        position: absolute;
        right: 5px;
        top: -20px;
    }

    .header_burger:before, .header_burger:after {
        content: '';
        background-color: #1788cb;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all .3s ease 0s;
    }

    .header_burger:before {
        top: 0;
    }

    .header_burger.active:before {
        transform: rotate(
            45deg
        );
        top: 9px;
    }

    .header_burger.active:after {
        transform: rotate(
            -45deg
        );
        bottom: 9px;
    }

    .header_burger:after {
        bottom: 0;
    }

    .header_burger:before, .header_burger:after {
        content: '';
        background-color: #ffffff;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all .3s ease 0s;
    }

    .header_burger.active:before, .header_burger.active:after {
        background-color: #000;
    }

    .header_burger span {
        position: absolute;
        background-color: #ffffffa6;
        left: 0;
        width: 75%;
        height: 2px;
        top: 9px;
        transition: all .3s ease 0s;
    }

    .header_burger.active span {
        transform: scale(0);
    }

    .header_burger {
        display: block;
        width: 30px;
        height: 20px;
        position: absolute;
        z-index: 100;
        margin: 11px;
        min-width: 30px;
        right: 5px;
    }

    div.header_burger {
        opacity: 1;
    }

    .zk_characteristic_wrap {
        padding: 0 !important;
    }

    div.header_burger {
        display: flex;
        align-self: flex-start;
    }

    body .MenuBox2 .header_burger {
        position: relative;
        top: auto;
    }

    body .header_burger:before {
        background-color: #b3b3b3;
    }

    body .header_burger:after {
        background-color: #b3b3b3;
    }

    body .header_burger span {
        background-color: #b3b3b3;
    }

    body .header_burger:before {
        background-color: #b3b3b3;
    }

    body .header_burger:after {
        background-color: #b3b3b3;
    }

    body .header_burger span {
        background-color: #b3b3b3;
    }

    body .header-box {
        display: none;
    }

    body .MobMenu .header_menu {
        border-top: 1px solid #ffffff85;
        position: fixed;
        top: 0;
        right: 100%;
        width: 100%;
        background-color: #ffffff;
        display: flex !important;
        transition: all .5s ease 0s;
        overflow: auto;
        z-index: 2;
    }

    body .MobMenu .header_menu.active {
        background: #fff;
        transition: all .5s ease 0s;
        display: block !important;
        top: 0;
        width: 100%;
        right: 0;
        z-index: 77;
        border-bottom: 1px solid #3333;
        overflow: auto;
        height: 100dvh;
    }

    body .fil_box {
        grid-template-columns: 1fr 1fr;
    }

    body .filter_3_b_tab_line {
        grid-template-columns: 1fr 1fr;
    }

    .Dial_Sell .DI_n_BlBox1 {
        grid-template-columns: 1fr 1fr;
    }

    .filtering-main {
        padding: 0 10px 40px 10px;
    }

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

    body .realty-box {
        width: 68%;
        padding: 30px;
    }

    body .themes__grid {
        grid-template-columns: 1fr;
    }

    body .reviews-main {
        padding: 20px 10px 40px 10px;
    }

    body .reviews-img {
        display: none;
    }

    body .reviews-title__cont {
        padding: 30px;
        gap: 20px;
        left: 0;
    }

    body .reviews-cards__grid {
        grid-template-columns: 1fr;
    }

    body .reviews-cont {
        height: 1690px;
    }

    body .about-box {
        width: 100%;
    }

    body .about-main {
        padding: 20px 10px 40px 10px;
    }

    body .about-box {
        left: 0;
        padding: 30px;
        gap: 20px;
    }

    body .about-cont {
        height: 520px;
    }

    body .about-cont img {
        display: none;
    }

    body .employees-grid {
        grid-template-columns: 1fr;
    }

    body .employees-slider {
        grid-template-columns: 1fr 1fr;
    }

    body .team-grid {
        grid-template-columns: 1fr;
    }

    body .footerMenuWrap {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    body .footerMenuWrap .footerM_B1 {
        align-items: center;
    }

    body .js-scroll-top-abs {
        position: unset;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    body .footer_block2 {
        padding: 0 !important;
    }

    body .services-main__box {
        gap: 20px;
        padding: 20px;
        left: 0;
    }

    body .services_row {
        grid-template-columns: 1fr 1fr;
    }

    body .services_wrapper {
        margin: 20px 0 0 0;
    }

    body .serv-main-bg {
        display: none;
    }

    body .services-main {
        padding: 0 10px;
    }

    .services-main-cont {
        height: 2150px;
        margin-bottom: 20px;
    }

    body .benefits-title span {
        display: contents;
    }

    body .benefits-box {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    body .benefits-element__box svg {
        min-width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    body .line-opacity-0 {
        display: none;
    }

    body .benefits-box .benefits-element:nth-child(even) .line-opacity-1 {
        opacity: 0;
    }

    body .new_card_info {
        flex-direction: column;
    }

    body .new_card_info_right_top {
        flex-direction: row;
    }

    body .new_card_info_right_top .new_card_favorite {
        order: 2;
    }

    body .new_card_button {
        order: 1;
    }

    body .button {
        width: 100%;
    }

    body .new_card_info_right_top .new_card_favorite {
        min-width: 46px;
    }

    body .new_card {
        grid-template-columns: 1fr;
    }

    body .new_card_info {
        gap: 12px;
        padding: 16px 16px;
    }

    body .listing__cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    body .single-product-card__info-params {
        grid-template-columns: 1fr 1fr 1fr;
    }

    body .new_card_info_right_bot {
        flex-direction: column;
        gap: 12px;
    }

    body .new_card_info_left {
        gap: 12px;
        max-width: unset;
        width: 100%;
    }

    body .listing__navigation {
        flex-direction: column;
    }

    body .swiper-slide img, .card__gallery-wrapper img {
        height: 240px;
    }

    body .listing__cards_grid {
        grid-template-columns: 1fr 1fr;
    }

    body .New_slider .mySwiper .swiper-slide img {
        object-fit: cover;
    }

    body .DetailProductFlat {
        grid-template-columns: 1fr;
    }

    body .ipoteka-main {
        grid-template-columns: 1fr;
        margin: 20px 10px 20px 10px;
        width: fit-content;
    }

    body .New_slider .swiper-thumbs {
        height: 100%;
    }

    body .New_slider {
        height: fit-content;
    }

    body .NewCardRealty .swiper-slide img {
        border-radius: 4px;
    }

    body .New_slider .mySwiper .swiper-slide {
        border-radius: 4px;
    }

    .DI_n_TF .DI_n_Stk.about-leadership__persons {
        gap: 10px;
    }

    body .themes-choose-arrow {
        display: none;
    }

    body .themes-choose-cont {
        grid-template-columns: 3fr !important;
    }

    body .CardGrid_form {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    body .usluga-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    body .usl-serv-grid {
        grid-template-columns: 1fr 1fr;
    }

    body .usluga-about-text__box{
        position: unset;
        width: 100%;
    }

    body .usluga-about-us img {
        display: none;
    }
}
@media (min-width:1025px) and (max-width:1320px) {

body .card-quote:last-child {
    display: none;
}

body .info2-cont__right .card-cont {
    height: 100%;
}

body .info2-cont__right .card-quote__cont {
    margin-top: auto;
}

body .realty-box {
    width: 80%;
}

body .realty-box {
    padding: 30px;
    gap: 20px;
    width: 70%;
}

body .realty-subtitle br {
    display: none;
}

body .realty-descr {
    gap: 10px;
}

body .reviews-title__cont {
    padding: 30px;
    gap: 20px;
}

body .reviews-main {
    padding: 20px 10px 40px 10px;
}

body .container.reviews-cont {
    padding: 0!important;
}

body .reviews-img {
    width: stretch;
    height: 68%;
}

body .about-box {
    padding: 30px;
    width: 90%;
    gap: 10px;
}

body .card-title__main, body .card-title__main span, body .filtering-title, body .realty-main-title,
body .moving-flats-title, body .moving-flats-title span, body .themes-choose-title, body .themes-choose-title,
body .reviews-title, body .reviews-title span, body .about-box__title,
body .about-box__title span, body .realty-main-title span, body .moving-flats-title span,
body .employees-main-title, body .team-title, body .team-title span
{
    font-size: 30px;
}

body .about-cont {
    padding: 0!important;
}

.about-advant-cont {
    gap: 10px;
}

body .section-box__right, body .section-main__grid {
    gap: 10px;
}

body .card-cont {
    width: 70%;
    gap: 10px;
    padding: 12px;
}

body .card-descr br {
    display: none;
}

body .text-phone, body .input-line {
    display: none;
}

body .employees-card__phone {
    justify-content: center;
}

body .services_row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

body .services-main__box {
    padding: 30px;
}

body .services-main-cont {
    height: 1300px;
}

body .new_card_info {
    flex-direction: column;
}

body .new_card_info_right_top {
    flex-direction: row;
}

body .new_card_info_right_top .new_card_favorite {
    order: 2;
}

body .new_card_button {
    order: 1;
}

body .button {
    width: 100%;
}

body .new_card_info_right_top .new_card_favorite {
    min-width: 46px;
}

body .New_slider .mySwiper .swiper-slide img {
    object-fit: cover;
}

body .NCRe_WR {
    grid-template-columns: 1fr 360px;
}

body .ipoteka-descr-img {
    display: none;
}

body .usluga-about-text__box{
    position: unset;
    width: 100%;
}

body .usluga-about-us img {
    display: none;
}

body .usl-serv-grid {
    grid-template-columns: 1fr 1fr;
}

}

@media (min-width:320px) {
    body .NewCard_reviews .button {
        width: fit-content;
    }
}
@media (min-width: 577px) {
.container {
    padding: 0 10px;
}

.body .header-box {
    display: flex;
}

body .header_menu {
    display: none;
}
}
@media (min-width: 1025px) {
body .header_burger {
    display: none !important;
}

.container {
    max-width: 1024px;
    padding: 0;
}
}
@media (min-width:1321px) {
.container {
    max-width: 1245px;
    padding: 0;
}
}


/* медиа от gpt для блока на странице "о компании" */

@media (min-width: 1321px) {
    .timeline {
        grid-template-columns: repeat(3, 345px);
        max-width: none;
    }

    .milestone:last-child::after {
        width: 259px;
    }

    .milestone:last-child::before {
        left: calc(50% + 295px);
    }
}
@media (min-width: 1025px)  and (max-width: 1320px) {
    body .milestone:last-child::after, body .milestone:last-child::before {
        display: none;
    }
}
@media (max-width: 1024px) {

    body .milestone:last-child::after, body .milestone:last-child::before {
        display: none;
    }

    body .desktop-break {
        display: none;
    }

    .experience {
        padding-inline: 10px;
    }

    .timeline {
        width: 100%;
    }

    .milestone__content h2 {
        padding-inline: 8px;
        font-size: 17px;
    }

    .milestone__content p {
        padding-inline: 10px;
        font-size: 15px;
    }

    .milestone:last-child::before {
        display: none;
    }
}
@media (max-width: 576px) {
    body .milestone:last-child::after, body .milestone:last-child::before {
        display: none;
    }

    body .desktop-break {
        display: none;
    }

    .page {
        padding: 6px;
    }

    .experience {
        /*min-height: calc(100vh - 12px);*/
        padding: 28px 10px 31px;
        border-radius: 20px;
    }

    .experience__intro h1 {
        font-size: clamp(25px, 7vw, 30px);
    }

    .experience__intro p {
        margin-top: 15px;
        font-size: 15px;
        line-height: 1.42;
    }

    .timeline {
        display: block;
        width: auto;
        margin-top: 30px;
    }

    .milestone {
        min-height: 138px;
        padding: 0 0 28px 92px;
        text-align: left;
    }

    .milestone:last-child {
        min-height: 0;
        padding-bottom: 0;
    }

    .milestone__marker {
        top: 0;
        left: 21px;
        transform: none;
    }

    .milestone::after,
    .milestone:last-child::after {
        top: 51px;
        left: 42px;
        width: 1px;
        height: calc(100% - 58px);
        background-image: repeating-linear-gradient(
            180deg,
            var(--str-pink-50) 0 5px,
            transparent 5px 8px
        );
    }

    .milestone:last-child::after,
    .milestone:last-child::before {
        display: none;
    }

    .milestone__content h2 {
        min-height: 0;
        padding: 1px 0 0;
        font-size: 18px;
        line-height: 1.16;
    }

    .milestone__content p {
        margin-top: 9px;
        padding: 0;
        font-size: 15px;
        line-height: 1.3;
    }

    .desktop-break {
        display: none;
    }
}
@media (max-width: 320px) {

    body .desktop-break {
        display: none;
    }

    .experience {
        padding: 14px 10px 20px;
        border-radius: 18px;
    }

    .experience__intro h1 {
        font-size: 25px;
        line-height: 1.1;
    }

    .experience__intro p {
        font-size: 14px;
    }

    .timeline {
        margin-top: 26px;
    }

    .milestone {
        min-height: 151px;
        padding-left: 54px;
    }

    .milestone__marker {
        left: 0;
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .milestone::after,
    .milestone:last-child::after {
        top: 48px;
        left: 20px;
    }

    .milestone__content h2 {
        font-size: 17px;
    }

    .milestone__content p {
        font-size: 14px;
        line-height: 1.28;
    }
}