.contacts .__section-item{ max-width: 380px; margin: auto }
.clinics-list{}
.clinics-list .item-wrap{ border: 1px solid #cce8ea; padding: 15px; margin-bottom: 20px; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);}
.clinics-list .text > div{ padding-bottom: 10px;}
.clinics-list .img{ width: 100%; height: 200px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.clinics-list .label{  min-width: 120px; padding-right: 10px; font-weight: 500; text-align: right;}
.clinics-list .value span{ display: block}

.hidden-container{ position: absolute; top:-9999px; left: -9999px; visibility: hidden; height: 0; width: 0; overflow: hidden;}
.map-link{ background-image: url(../../../images/map-1.svg); background-repeat: no-repeat; background-position: 7px center;
    background-size: 18px;    display: inline-block;    border: 1px solid #008b97;    padding: 3px 10px;    padding-left: 30px;    border-radius: 4px;    color: #008b97;   margin-top: 5px; cursor: pointer}
.map.fancybox-content{ padding: 0px; overflow: visible}
.map.fancybox-content iframe{width: 100% !important;    max-width: 100%; height: 400px !important;}
.fancybox-slide--html .fancybox-close-small{ top:-45px !important;  }
.fancybox-slide--html .fancybox-close-small svg path { fill:#fff}

.clinics-list .text{ padding-top: 20px;}
.clinics-list .images a{ display:block; width:60px; height: 60px; margin-right: 5px; background-repeat: no-repeat;  background-position: center; background-size: cover;}
.clinics-list .item .img {box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); padding: 0}
.clinics-list .img a{ display: none}
.clinics-list .img a.more-foto{ display:block;position: absolute;width: 70px;height: 40px;background: rgba(0, 0, 0, 0.7);
    line-height: 40px;text-align: center;color: #fff;bottom: 15px;right: 15px; border: 1px solid #fff}
.clinics-list .previews{ display: none}

@media only screen and (min-width: 768px) {

    .contacts .__section-item{ max-width: 800px;}


    .clinics-list .item{display: -webkit-flex;	display: flex;}
    .clinics-list .item .img { width: 240px; min-width: 240px; height: 210px;}

    .clinics-list .item .text{display: -webkit-flex;	display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0 }
    .clinics-list .item .text >div{display: -webkit-flex;	display: flex; -webkit-flex-direction:column; flex-direction:column; width: 50%; padding-left: 30px}
    .clinics-list .label { text-align: left }

    .clinics-list .item .text >div.button-wrap{ width: 100%;}
    .clinics-list .item .text >div.button-wrap .button{  margin: 0}



}
@media only screen and (min-width: 1100px) {

    .contacts .__section-item{ max-width: 1170px}


    .clinics-list .item{ }
    .clinics-list .item .img { width: 240px; min-width: 240px; height: 180px;}

    .clinics-list .item .text{ -webkit-flex: 1; flex: 1; padding-top: 20px }
    .clinics-list .item .text >div{ width: 22%; padding-left: 20px}
    .clinics-list .item .text >div.adress{ width: 34%}

    .map-link{ margin-top: 20px;}
    .clinics-list .item .text >div.button-wrap .button{   margin-left: auto;    padding: 0 20px;}

    /*
    .clinics-list .item .text >div.previews{ display:inherit; width: 100%; display: -webkit-flex;	display: flex;
        webkit-flex-direction:row; flex-direction:row;}
    .clinics-list .item .text >div.previews a{ display:block; width: 80px; height: 80px;  background-repeat: no-repeat; background-position: center;
        background-size: cover; margin-right: 10px}
*/



}