/* responsive breakpoints (from ddp_css.css L1572-L1847) */
/* lg */
@media (min-width: 1200px) {
    .container{
        max-width: 1030px;
    }
}

/* md */
@media (max-width: 1200px) {
    .container{
        max-width: 940px;
    }

    h1 { font-size: 2em; }
    h2 { font-size: 1.75em; }

    .my-col-count-style {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        column-gap: 15px;
    }


}
/* sm */
@media (max-width: 992px) {

    h1 { font-size: 1.9em; }
    h2 { font-size: 1.64em; }

    .nav-logo img {
        height: 24px;
        width: 24px;
    }
    .nav-logo span{
        bottom: -10px;
        font-size: 0.6em;
    }

    .my-col-count-style {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        column-gap: 10px;
    }
    .nav-top .fw {
        width: auto;
    }
    #steeps_list .ul,  #steeps_list .ul4, #steeps_list .ul2 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .my-col-count-style-links a {
        width: 48%;
    }
    .bs-callout {
        padding: 12px;
        margin: 12px 0;
    }
}
/* xs */
@media (max-width: 768px) {
    body {
        padding-top: 70px;
    }

    h1 { font-size: 1.75em; }
    h2 { font-size: 1.48em; }

    .col-xs-12.content {
        padding: 0 4px;
    }


    .my-col-count-style {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .text-big {
        font-size: 1.15em;
    }

    #steeps_list .ul,  #steeps_list .ul4, #steeps_list .ul2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        font-size: 0.9em;
    }

    .my-col-count-style-links a {
        width: 98%;
    }

    .doc_descr {
        width: auto;
        margin: 0px;
    }

    .photo {
        height: 148px;
    }

    .info_links_top ul {
        padding-left: 3px;
        padding-right: 3px;
        list-style: none;
        column-count: 2;
    }
    .info_block {
        padding: 4px;
    }
    .info_block .data {
        width: 60px;
        height: 60px;
        padding: 0px;
        margin: 4px;
        color: #00aaff;
        font-size: 1em;
    }
    h3.clinic-title {
        font-size: 1.4em;
    }
    .clinic-images ul {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
    }
    .clinic-images li {
        margin-bottom: 5px;
    }
    .ul_sub {
        padding-left: 5px;
    }

    .doc_card .bottom {
        filter: none;
    }
    .doc-list .d-img-rating {
        border-right: 1px dashed #dadada;

    }
    .doc-list .doc_card {
        position: relative;
    }
    .doc-list .doc_card .d-head {
        position: absolute;
        top: -290px;
        height: 60px;
        background: rgba(228, 228, 228, 0.52);
        padding: 0;
        left: 0;
        right: 0;
    }




    .doc-list .doc_card .d-head span {
        display: block;
    }

    .doc-list .d-info {
        height: 190px;
        margin-top: 0px;
    }
    .doc-list .doc_card_sub {
        border: none;
    }

    .doc-clinics .dc-metro {
        height: 24px;
        white-space: nowrap;
    }

    .toogle_link {
        font-size: 1.3em;
        height: 48px;
        padding-top: 5px;
    }
    #YMapsID, #mapYY {
        height: 420px;
    }
    .my-btn-sticky {
        top: 50px;
    }

    .marker_list {
        position: inherit;
        top: inherit;
        z-index: auto;
    }
}

@media (max-width: 468px) {
    h1 { font-size: 1.6em; }
    h2 { font-size: 1.4em; }
    h4 { padding: 0px 10px; margin: 0; }

    .photo img {
        max-width: 100px;
        max-height: 148px;
    }

    .doc_card .d-image {
        min-height: 0;
    }
    .doc_card .d-image > a {
        width: 110px;
    }
    .doc-list .doc_card .d-image > a {
        width: 120px;
    }
    .doc_card-dh {
        height: 380px;
    }
    /* mini-card meta MQ: keep ~10% overlap; sizes only — see desktop source-of-truth block */
    .doc_card-dh .d-image {
        height: 146px;
        min-height: 146px;
        max-height: 146px;
    }
    .doc_card-dh .d-image > a {
        width: 100px;
    }
    /* ~10% of 100px circle */
    .doc_card-dh .d-image > span.small {
        margin-top: -10px;
    }
    .doc-clinics h4 {
        font-size: 0.95em;
    }
    .nav>li>a {
        padding: 5px 5px;
    }

    #diag_full ul, #service_full ul, #diag_full, #service_full{
        padding-left: 10px;
    }

    .pagination>li>a, .pagination>li>span {
        padding: 5px 6px;
        min-width: 22px;
        text-align: center;
    }

    .text-big {
        font-size: 1em;
    }
}

@media (max-width: 330px) {
    .pagination>li>a, .pagination>li>span {
        padding: 5px 4px;
        min-width: 20px;
    }

    .container {
        padding: 0 5px;
    }
}





.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}