.footer-column-toggle {
  @media (max-width: 767px) {
    transition: 0.5s ease-in-out !important;
    max-height: 27px;
    overflow: hidden !important;
    .footer-column-icon {
      transition: none !important;
    }
    &.active {
      max-height: 1000px;
      .footer-column-icon {
        transform: rotate(180deg);
      }
    }
  }
  @media (min-width: 767px) {
    .footer-column-icon {
      display: none;
    }
  }
}