﻿
@media(max-width:1200px) {
    div.general-info div.apart {
        flex-direction: column;
    }

    div.consultCard div.row {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: auto;
        gap: 8px;
    }

    .images .slider-box-nav .slider-nav .slick-list .slick-track {
        flex-direction: column !important;
    }

    .slider-box.slider-box-nav {
        flex-direction: row;
        display: flex;
        transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg) !important;
        margin-left: 130px;
        margin-bottom: -135px;
        margin-top: -130px;
    }



    button.slick-prev.pull-left.slick-arrow {
        border-radius: 31px;
        background: #FFFFFF;
        width: max-content;
        height: max-content;
        padding: 3px 10px;
        border: 0;
        position: absolute;
    }

    button.slick-next.pull-right.slick-arrow {
        border-radius: 31px;
        background: #FFFFFF;
        width: max-content;
        height: max-content;
        padding: 3px 10px;
        border: 0;
        margin-right: auto;
        right: auto;
        position: absolute;
        left: auto;
        margin-left: 13px;
    }

    .slider.slider-for.slick-initialized.slick-slider {
        padding: 0;
        width: fit-content;
    }

    div.slider.slider-for.slick-initialized.slick-slider {
        display: contents !important;
    }

    a.for-item.slick-slide.slick-current.slick-active {
        height: max-content;
    }

    div#detailMainImgs .slick-track {
        height: max-content;
    }

    div.slick-list.draggable {
        height: max-content;
    }

    a.for-item.slick-slide {
        height: max-content;
    }

    div#shDetail {
        padding: 0;
    }

    div.general-info, div.ob__sh-detail, div.map-box {
        padding: 0px 17px;
    }

    div.slider-box.slider-box-nav {
        margin: -130px auto -135px auto;
        margin: -160px auto -170px auto;
    }

    button.slick-next.pull-right.slick-arrow {
        bottom: 40%;
        right: 0;
        left: auto;
        margin-right: 17px;
    }

    button.slick-prev.pull-left.slick-arrow {
        bottom: 40%;
        margin-left: 17px;
    }

    ol.breadcrumb {
        display: none;
    }

    div.info {
        justify-content: space-between;
        width: 100%;
    }

    div.ob__sh-detail {
        width: 100% !important;
    }

    div.info #info-i {
        display: grid;
        gap: 6px;
        width: max-content;
    }

    div#title-apartment {
        margin: 0;
    }

    h2#title {
        font-size: 18px;
    }

    div.general-info div {
        margin: 10px 0px !IMPORTANT;
    }

    div#title {
        flex-direction: column;
        gap: 8px;
    }

    div.ob__justify-end {
        justify-content: flex-end;
    }

    div.like_sh_white {
        background-image: url(/Images-baspana/red--favorite.svg);
        width: 23px;
        height: 21px;
    }

    div.like_button_sh {
        border: 1px solid #D1D4D7;
        background: transparent;
        width: max-content;
        height: max-content;
        padding: 11px 18px 11px 18px;
        gap: 8px;
    }

    div.like_sh_red {
        background-image: url(/Images-baspana/Fill-favorite.svg);
        width: 23px;
        height: 21px;
    }

    div.like_button_sh div {
        place-items: center;
        background-position: center;
    }

    div.price.ob__mobile__blocks h2 {
        font-size: 22px;
    }

    div.price.ob__mobile__blocks {
        display: block;
    }

    div#title {
        gap: 4px;
    }

        div#title h1 {
            font-size: 16px !important;
            font-weight: 400;
            font-family: 'Ubuntu';
        }

    .ob__mobile__blocks.d-flex {
        justify-content: left;
        margin-right: auto;
        float: inline-start;
    }

    div#detailMainImgs {
        margin: 51px 0px 20px 0px !important;
    }

    div.location {
        margin-bottom: 17px;
    }

    .ob__mobile__blocks.d-flex div.location {
        margin: 0;
    }

    div.ob__title--mobile--blocks {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 17px 11px;
    }

    a.ob__blocks--backs {
        display: flex;
        align-items: center;
        gap: 7px;
    }

        a.ob__blocks--backs img {
            transform: rotate(180deg);
        }

    div.like_sh_white {
        background-image: url(/Images-baspana/Stroke-favorite.svg);
    }

    div#like_button_sh p {
        display: none;
    }

    div.like_button_sh {
        border: 0;
        padding: 10px;
    }

    a.ob__blocks--backs p {
        font-family: Ubuntu;
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        text-align: left;
        color: #7A7E81;
    }

    div.contacts div.price, div.contacts div.s-title, div.contacts div.square, div.contacts hr.hrOver, div.contacts div:nth-child(4) {
        display: none;
    }

    div.contacts div.number {
        background: #FFFFFF;
        border-radius: 6px;
        border: 0;
        height: 48px;
    }

    div.d-flex.justify-content-between.mb-4.ob__blocks--web {
        display: none !important;
    }

    div.consultCard div.row {
        align-items: center;
        gap: 13px;
    }

    div.contacts {
        background: #EBEFF1;
        padding: 20px;
        border: 0;
    }

    div.ob__info--pledge:hover div.sh--tooltypes.obj {
        display: block;
    }

    html div#shDetail .sh--tooltypes.obj {
        top: 30%;
        left: 11%;
    }

    div.card hr.hrOver:first-child {
        display: block;
    }

    ul.apartment-card li {
        margin: 13px 0px;
    }

    div.general-info div.apart {
        margin: 0 !important;
        width: 100%;
    }

    div.sep {
        display: none;
    }

    ul.apartment-card {
        margin: 0;
    }

    div.general-info {
        margin: 30px 0px 30px 0px;
    }

    div.consultCard {
        margin: 10px 0px 0px 0px;
    }

    .ob__mobile__d-none {
        display: none;
    }

    div#des-info {
        width: 100%;
        font-family: Ubuntu;
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
        text-align: left;
    }

    div.map-box {
        margin: 0px 0px 10px 0px;
    }

    img.ob__toweb__image {
        display: none;
    }

    img.ob__mobile__image {
        display: block;
    }

    div.ob__sh-detail div#title {
        margin-bottom: 8px;
    }

        div.ob__sh-detail div#title div:nth-child(3) {
            order: 0;
            margin: auto;
            margin-left: 0 !important;
            margin-bottom: 12px;
        }

    div.price.ob__mobile__blocks {
        order: 1;
    }

    div.ob__sh-detail div#title h1 {
        order: 3;
    }

    a.editBtn img {
        width: 15px;
        height: 15px;
    }
}

