@media screen and (max-width : 1023px) {
    .links .title {
      cursor        : pointer
    }

    .footer-links{
      padding       : 20px 0;

      border-top: 1px solid rgba(255,255,255,0.3);
    }

    .footer-links:last-child{
      border-bottom : 1px solid rgba(255,255,255,0.3);
    }

    .footer-container .footer {
        flex-wrap : wrap;
    }

    .footer-container .footer > * {
        flex : 1 0 100%;
    }
  .footer-container .links .hidden-mobile{
    display: none;
  }

  .footer-container .links .hidden-desktop{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .links .collapse {
    height: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .links .collapse.active {
    height: auto;
    pointer-events: all;
  }

  .links .title-accordeon.active .title__toggler{
    transform: rotate(180deg);
  }

  .links__title{
    margin-bottom: 0;
  }

  .links .title-accordeon.active{
    margin-bottom: 30px;
  }
}

@media screen and (min-width : 1024px) {
    .before-footer {
        position : relative;
        z-index  : 1;
    }

    #footer {
        position : relative;
        z-index  : 0;
    }

    #footer.footer-fixed {
        position : -webkit-sticky;
        position : sticky;
        bottom   : 0;
    }

    #footer > .container {
        position : relative;
        z-index  : 1;
        padding  : 15px;
    }

    .footer-container .footer > .footer-links-list {
        flex : 1 0 0;
    }
}