
@media (max-width : 767px) {
  .block_newsletter {
    padding-bottom : .625rem;
    /*border-bottom  : 1px solid #f6f6f6*/
  }

  .block_newsletter form .input__wrapper {
    max-width : 60%;
  }

  .footer-container {
    box-shadow : none;
    margin-top : 0
  }
  section.section__title-content.newsletter .c-title
  {
    font-size: 1em;
  }

  .footer-container .wrapper {
    padding-left  : 0 !important;
    padding-right : 0 !important
  }

  .block_newsletter form input[type=email]::placeholder
  {
    font-size: .6em;
  }
  .block_newsletter form button[type=submit]
  {
    width: 2em;
  }

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


  .footer-container .links ul {
    /*background-color : #f6f6f6;*/
    margin-bottom    : 0
  }

  .footer-container .links ul > li {
    /*padding       : .625rem;*/
    /*border-bottom : 1px solid #fff;*/
    font-weight   : 500
  }

  #footer .footer-container .links ul li a {
    color : white;
  }

  .links .collapse {
    display : none
  }

  .links .collapse.in {
    display : block
  }

  .links .title {
    padding-top: .625rem;
    padding-bottom: .625rem;
    /*border-bottom : 1px solid #f6f6f6;*/
    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
  }
  .default-container.footer-items-container{
    max-width: 90%;
  }
  .footer__links__wrapper{
    margin-top: 20px;
  }

  .section.section__title-content.newsletter .c-title
  {
    font-size: .5em;
  }
}

@media (max-width : 1199px) {

  /*SUBMENU MOBILE*/

  #footer .listMenu__trigger {
    width: 40px;
    height: 40px;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 1em;
  }

  #footer .listMenu__trigger:after {
    position: relative;
    content       : '';
    display       : block;
    width         : 7px;
    height        : 7px;
    border-right  : 2px solid rgb(228, 228, 228);
    border-bottom : 2px solid rgb(228, 228, 228);
    transform     : rotate(45deg);
    transition    : transform 0.5s;
    bottom: 3px;
  }

  #footer .links__footer__container.is--active .listMenu__trigger:after {
    transform : rotate(-135deg);
  }

  .block_newsletter form .input__wrapper
  {
    width: 40%;
  }
  .block_newsletter form button[type=submit] {
    position: unset;
  }

}
@media (min-width: 780px) and (max-width : 1199px)
{

}

@media screen and (min-width : 768px) {

  /*
  --------------------------------------
  Copyright
  --------------------------------------
  */

  .footer-copyright {
    flex-direction: row;
  }

}

@media screen and (min-width : 1024px) {

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

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

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

  .footer .footer-items-container {
    max-width: 100%;
  }

  .footer__links__wrapper {
    flex-direction: row;
  }

  .footer__links__wrapper > * {
    margin-top: 2em;
  }

  .footer__links__wrapper {
    justify-content: space-between;
  }

  /*LINKS*/

  .links__footer__container .footer__item {
    display: flex;
    flex-direction: column;
  }

  .links__footer__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

}

.block_newsletter form {
  /*background : #06090e;*/
  max-width  : 100%;
  width      : 100%;
  height     : 90px;
  margin     : auto;
}

@media (min-width: 1200px) {

  .block_newsletter form {
    max-width: 360px;
    width: 30%;
  }

}

@media (max-width: 1200px){
  .header-actions-footer .header-actions-footer__inner>a{
    display: none;
  }
  .header-actions-footer .header-actions-footer__inner{
    background-color: var(--secondary-color);
  }
  .header-actions-footer .header-actions-footer__inner a {
    color : white;
  }
  svg#user_footer path, svg#bag_footer path
  {
    fill: white;
  }
  .footer-svg
  {
    display: none;
  }

}

@media (min-width: 1200px) and (max-width:1399px) {

  div.footer-svg svg
  {
    height: 300px;
  }
  div.footer-svg
  {
    top: 150px;
  }

}

@media (max-width: 300px)
{
  .footer-container .links .h3
  {
    font-size: .6em;
  }
}
