.footer-tabs > ul {
  display: flex;
  justify-content: stretch;
  margin: 0;
  list-style-type: none;
}

.footer-tabs > ul li {
  display: block;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  border: 2px rgb(220, 220, 220) solid;
  border-bottom: 2px rgb(0, 0, 0) solid;
  font-size: 26px;
  opacity: .5;
  transition: opacity .25s ease-in-out;
}

.footer-tabs > ul li:hover {
  opacity: 1;
}

.footer-tabs > ul li a {
  display: block;
  padding: 24px 31px;
  color: rgb(0, 0, 0);
  transition: color .25s ease-in-out;
  vertical-align: baseline;
}

.footer-tabs > ul li a:hover {
  color: rgb(202, 112, 29);
  text-decoration: none;
}

.footer-tabs > ul li.ui-state-active {
  border-bottom-color: rgb(202, 112, 29);
  opacity: 1;
}

.footer-tabs .ui-tabs-panel {
  padding: 24px;
}

@media ((min-width: 767px) and (max-width: 1135px)) or (max-width: 440px) {
  .footer-tabs > ul {
    display: block;
  }
  
  .footer-tabs > ul li {
    display: block;
    width: 100%;
  }
}