.categories-list {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: auto;
  font-size: 20px;
  color: #000;
  font-family: 'Montserrat', serif;
  border-bottom: 1px solid #000;
  padding: 0;
  margin-bottom: 50px;
}
.categories-list li {
  padding: 10px 20px;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
  text-align: center;
}
.categories-list li.active {
  color: #0D7CDB;
  border-color: #0D7CDB;
}
.faq-list .faq-block {
  border-bottom: 2px solid #7e7e7e;
  padding: 0 100px 30px 0;
  position: relative;
  margin-top: 30px;
  cursor: pointer;
}
.faq-list .faq-block:before {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  right: 18px;
  border-bottom: 2px solid #7e7e7e;
  border-right: 2px solid #7e7e7e;
  transform: rotate(45deg);
  top: 9px;
  transition: all .5s;
}
.faq-list .faq-block .question {
  color: #233468;
  font-size: 32px;
  line-height: 40px;
  font-family: 'century-gothic', sans-serif;
  font-weight: bold;
}
.faq-list .faq-block .answer {
  max-height: 0;
  overflow: hidden;
  transition: all .5s;
}
.faq-list .faq-block.active .answer {
  max-height: 2500px;
  transition: all 1.3s;
}
.faq-group {
    margin-bottom: 60px;
    display: none;
}

.faq-list table td {
  border: 1px solid #e8e2e2;
}

.all_categories_active  .faq-group,
.indications_and_effectiveness_tab_active #indications_and_effectiveness_content,
.payment_and_cost_tab_active #payment_and_cost_content,
.product_ordering_and_use_tab_active #product_ordering_and_use_content {
  display: block;
}

@media only screen and (max-width: 700px) {
  .categories-list {
    border: 0;
    font-size: 3vw;
    text-align: center;
    display: table;
    margin: 0;
  }
  .categories-list li {
    text-align: center;
    padding: 20px 10px 5px 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .faq-list h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .faq-list .faq-block .question {
    font-size: 20px;
    line-height: 29px;
    padding-right: 36px;
  }
  .faq-list .faq-block {
    padding: 0 0 15px 0;
  }
  .faq-list .faq-block:before {
    width: 15px;
    height: 15px;
    right: 10px;
    border-bottom: 1px solid #7e7e7e;
    border-right: 1px solid #7e7e7e;
    top: 5px;
  }
  .faq-list .faq-block.active:before {
    transform: rotate(225deg);
  }

  body .faq-list table p {
    line-height: 16px;
    font-size: 13px;
  }
}