.filter__button {
  height: 35px;
  line-height: 35px;
}

.filter__button-title_overflow {
  height: 35px;
  line-height: 35px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 150px;
  white-space: nowrap
}

.filter__button-arrow {
  height: 11px;
  width: 11px;
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 11px;
  right: 15px;
}

.filter__button.selected .filter__button-arrow {
  top: 9px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.filter__button__search {
    height: 32px;
    line-height: 32px;
    width: 90%;
}

.filter__button-title {
  line-height: 37px;
}

.filter__title a {
  color: #fff;
}

.filter__main .filter__title {
    margin: 0;
}

.filter__title.filter__title--top {
    font-size: 22px;
    padding: 3px 0 0;
}

.clinicsIndex .filter__title.filter__title--top,
.clinicsServices .filter__title.filter__title--top,
.clinicsDiseases .filter__title.filter__title--top,
.clinicsMethod .filter__title.filter__title--top,
.clinicsSymptom .filter__title.filter__title--top
{
    font-size: 30px;
}

h1.filter__title.subh1 {
    font-size: 22px;
    padding: 3px 0 0;
}


@media screen and (max-width: 1024px) {
    .filter__container {
      display: flex;
      flex-direction: column;
    }

    .filter__wrap {
      /* margin: 10px 0; */
    }

    .filter__button-title_overflow {
        position: relative;
        z-index: 100;
        width: auto;
    }

    .filter__button {
        margin: 10px 0;
        width: 100%;
    }

    .general .filter__title.filter__title--top {
        font-size: 22px;
        font-size: 20px;
        padding: 0 20px 10px;
    }

    .clinicsIndex .filter__title.filter__title--top {
        padding: 0 0 10px;
    }

    h1.filter__title.subh1 {
        font-size: 22px;
        font-size: 20px;
        padding: 0 20px 10px;
    }

    .filter__button.filter__btn {
        text-align: center;
    }

}



@media screen and (max-width: 640px) {
    .filter__wrap {
        position: relative;
    }

    .filter__wrap .nav__clinics {
        top: 123px;
        background: #fff;
        box-shadow: 1px 4px 16px -3px #000;
        z-index: 111;
    }

    .filter__wrap .content-mobile ul li a {
        font-size: 15px;
        background: #fff;
        text-align: left;
        padding: 15px 30px;
    }

    .filter__wrap .content-mobile ul li a.isactive {
        background: #E4E9EC;
    }

    .filter__wrap .nav__clinics ul li {
        margin: 0;
    }

    .filter__wrap .nav__clinics ul.links-all {
        padding: 0;
    }

    .filter__container .filter__button {
        border: none;
        margin: 0 !important;
    }

    .filter__button {
        border: none;
        margin: 0 !important;
    }

    .filter__button.tabs {
        margin: 0;
    }

    .clinicsIndex .filter__container {
        padding: 0 0 14px;
    }

    .filter .filter__wrap {
        margin: 0;
        padding: 10px 20px;
        border-bottom: 1px solid #fff;
    }

    .filter .filter__wrap:first-child {
        border-top: 1px solid #fff;
    }

    .filter__button.selected .filter__button-title, .filter__button.server-selected .filter__button-title {
        background: none;
        color: #fff;
    }

    .filter__button.selected .filter__button-arrow, .filter__button.server-selected .filter__button-arrow {
        border: 1px solid #fff;
        border-width: 1px 1px 0 0;
    }

    .filter .container {
        padding: 0;
    }

    .clinicsIndex .filter__main {
        padding: 0 0 20px;
    }

    .clinicsDiseases .filter__container, .clinicsIndex .filter__container, .clinicsMethod .filter__container, .clinicsServices .filter__container, .clinicsSymptom .filter__container {
        width: 100%;
    }

    .filter .nav__clinics.nav__clinics_select ul {
        max-height: none;
    }

    .nav__clinics ul li:first-child {
        border-top: 1px solid #d5dce2;
        border-bottom: 1px solid #d5dce2;
    }

    .clinicsIndex .filter__main h1.filter__title {
        padding: 20px 0;
    }

    .clinicsIndex .filter__main .filter__title.subh1 {
        padding: 0 0 10px;
    }

    .aboutCallback .filter__main .filter__title {
        padding: 4px 0 9px;
    }

    .filter__title.filter__title--top {
        padding: 0;
    }

    .clinicsIndex .filter__title.filter__title--top {
        padding: 15px 0 10px;
    }

    .general .filterButtons form.filter__button  {
        border-bottom: 1px solid #fff;
        margin: 0 0 0 !important;
        width: auto !important;
        border-radius: 0;
        height: auto;
    }

    .filter__button__search {
      height: 52px;
      line-height: 52px;
      padding-left: 22px;
    }

    .filter__button-title {
      padding-left: 0;
    }

    .aboutCallback .filter__button.selected .filter__button-title, .clinicsDiseases .filter__button.selected .filter__button-title, .clinicsIndex .filter__button.selected .filter__button-title, .clinicsMethod .filter__button.selected .filter__button-title, .clinicsServices .filter__button.selected .filter__button-title, .clinicsSymptom .filter__button.selected .filter__button-title, .general .filter__button.selected .filter__button-title {
      padding: 0;
    }

    .filter__button.filter__btn {
        padding: 10px 15px;
        height: auto;
        border-radius: 0;
        text-align: center;
    }
}