/********************
	Part - block social
********************/
@media (max-width : 991px) {
  .block-social {
    text-align : center
  }
}

/********************
	Part - block contact
********************/
@media (max-width : 768px) {
  .footer-container {
    box-shadow : none;
    margin-top : 0
  }

  .footer-container .wrapper {
    padding-left  : 0 !important;
    padding-right : 0 !important;
    border-bottom : 1px solid #f6f6f6;
  }

  .footer-container .links .h3 {
    line-height : 1.5;
    font-size   : 1rem
  }

  .links .collapse {
    display : none
  }

  .links .collapse.in {
    display : block
  }

  .links .title {
    padding : 20px .625rem;
    cursor  : pointer
  }

  .links .title .collapse-icons .remove,
  .links .title[aria-expanded=true] .collapse-icons .add {
    display : none
  }

  .links .title[aria-expanded=true] .collapse-icons .remove {
    display : block
  }

  .links .navbar-toggler {
    display : inline-block;
    padding : 0;
    width   : 100%
  }

  .footer-links-list .section__content {
    display        : flex;
    border-top     : 1px solid #f6f6f6;
    flex-direction : column;
    gap            : 8px;
  }

  .footer-avis {
    display         : flex;
    justify-content : center;
    padding         : 20px 0;
    gap             : 8px;
    flex-direction  : column;
    align-items     : center;
  }

  .footer-container .links .hidden-mobile {
    display : none;
  }

  .footer-container .links .hidden-desktop {
    display : flex;
  }

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

  .links .collapse.active {
    height         : auto;
    display        : block;
    pointer-events : all;
    padding        : 10px;
  }

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

  .links .title {
    cursor          : pointer;
    display         : flex;
    position        : relative;
    align-items     : center;
    justify-content : space-between;
  }
}

@media screen and (max-width : 1023px) {
  .footer-container .footer {
    flex-wrap : wrap;
    row-gap   : 8px;
  }

  .footer-container .footer > * {
    flex : 1 0 100%;
  }
}

@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;
  }
}