@media screen and (min-width: 1400px) {
  .container-login-reset{
    padding: 2% 15%;
  }
  .container-verify-mail {
    padding: 5% 15%;
  }
  
  .container-login{
    padding: 2% 15%;
  }

  .container-login.reauthenticate {
    padding: 2% 30%;
  }
  .btn-to-login-page {
    width: 100%;
  }
  
}


    @media screen and (max-width: 1400px) {

      body>.info-container {
        margin: 2rem 15rem;
      }

      .expired-link-container {
        padding: 2rem 16rem;
      }

      .expired-link-title {
        padding: 0rem 16rem;
      }

      .container-login.reauthenticate {
        padding: 2% 15%;
      }
      .btn-to-login-page {
        width: 100%;
      }
    }




    @media screen and (max-width: 1100px) {

      body>.info-container {
        margin: 2rem 5rem;
      }

      .passpass-logo {
        height: 4rem;
      }

      .passpass-logo-container {
        top: 12%;
        left: 1rem;
        margin-right: 2rem;
      }
      .btn-to-login-page {
        width: 100%;
      }
    }



    @media screen and (max-width: 1000px) {
      .expired-link-container {
        padding: 2rem 25rem;
      }

      .expired-link-title {
        padding: 0rem 25rem;
      }

      .login-or-create-account-container {
        margin-top: 2rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
      }

      .already-client-container,
      .extra {
        width: unset;
      }

      .already-client-container {
        margin-right: unset;
        margin-bottom: 2rem;
      }

      .create-account-advantage {
        margin-bottom: 1rem;
      }

      .container-login.reauthenticate {
        padding: 2% 20%;
      }
    }


    @media screen and (max-width: 1000px) and (min-width: 700px) {

      #expired-link-container-id {
        padding: 2rem 10rem;
      }

      #expired-link-h2 {
        padding: 0rem 10rem;
      }

      .top-header {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: unset;
        padding-left: unset;
      }
      .language-list > #kc-locale{
        margin-right: 0;
      }

      .container-login.reauthenticate {
        padding: 2% 20%;
      }
      .btn-to-login-page {
        width: 100%;
      }  
    }

    
    @media screen and (max-width: 900px) {
      .container-login.reauthenticate {
        padding: 2% 15%;
      }
      #info-container-already-connected {
        margin: 1rem 1rem;
      }

      .eu-engaged,
      .eu-flag,
      .separator
      {
        display: none;
      }

      .last-header-button {
        margin-right: unset;
      }

      .title{
        font-size: 1.5rem;
      }

      .sub-title{
        font-size: 1.2rem;
      }

      .top-header {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: unset;
        padding-left: unset;
      }
      .language-list > #kc-locale{
        margin-right: 0;
      }
    }


    @media screen and (max-width: 700px) {
      body>.info-container {
        display: flex;
        flex-direction: column;
      }
      .verify-email-title {
        font-size: 1.5rem;
        margin-top: 2rem;
      }
      .container-verify-mail {
        padding: 5% 5%;
      }

      .container-verify-mail .grey-container {
        padding: 5% 5%;
      }

      .expired-link-title {
        padding: 5% 5%;
        padding-bottom: 0;
        font-size: 1.5rem;
      }

      .update-password-title {
        font-size: 1.5rem;
      }

      .expired-link-container {
        padding: 5% 5%;
      }
      .expired-link-container .grey-container {
        padding: 5% 5%;
      }

      .info-container>div>.submit {
        margin-top: 1rem;
        .verify-email-global-container {
          padding: 1rem;
        }

        #expired-link-container-id {
          padding: 2rem 2rem;
        }

        #expired-link-h2 {
          padding: 0rem 2rem;
        }

        .grey-container {
          padding: 0.5rem 1rem;
        }

        .register-name-familly-name .form-group {
          width: unset;
        }

        .register-name-familly-name {
          display: flex;
          flex-direction: column;
        }

        .form-group-familly-name {
          margin-right: unset;
          margin-bottom: 2rem;
        }

        .hidden {
          display: block;
          flex: auto;
        }

        .hidden .passpass-logo {
          height: 2rem;
        }

        #header .passpass-logo-container {
          left: 0.5rem;
          top: -40%;
        }

        .title {
          font-size: 1.5rem;
          margin-bottom: unset;
          line-height: 2.5rem;
        }

        .sub-title {
          font-size: 1.2rem;
          line-height: 2.5rem;
        }

        .to-hide {
          display: none;
        }

        .language,
        .accessibility-header {
          font-size: 0.675rem;
        }

        .title-and-logo {
          height: 9rem;
        }

        .container-login-reset {
          padding: 1rem 1rem;
        }
        .container-verify-mail {
          padding: 1rem 1rem;
        }
        .breadcrumb-forgot-pass {
          font-size: small;
        }

        .baseline-forgot-password {
          text-align: center;
          color: var(--base-090-a-0-b, var(--black-text));
          font-size: 2rem;
          font-style: normal;
          font-weight: 700;
          line-height: 2rem;
        }

        .flex-link {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
        }
      }

      .passpass-logo{
        margin-left: unset;
        margin-right: 0.5rem;
      }
      .top-header {
        padding-right: unset;
        padding-left: unset;
      }

      .title-and-logo {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
      }
      .full-title{
        margin-right: 10rem;
      }

      .container-login-reset {
        padding-top: 0;
        padding-left: 5%;
        padding-right: 5%;
      }
      .baseline-forgot-password {
        font-size: 1.5em;
      }

      .container-login.reauthenticate {
        padding: 2% 10%;
      }
      .btn-to-login-page {
        width: 100%;
      }
    }


    @media screen and (max-width: 500px) {

      .container-login.reauthenticate {
        padding: 2% 5%;
      }
      .full-title {
        margin-right: 0;
        margin-left: 0;
      }
      .title-and-logo {
        display: flex;
        justify-content: center;
      }
      .passpass-logo-container {
        display: none;
      }

      .register-name-familly-name {
        flex-direction: column;
        gap: 2rem;
      }

      .form-group-familly-name {
        margin-right: 0;
      }
      .form-group {
        width: auto !important;
      }

      .container-login-reset .grey-container {
        padding: 5% 5%;
      }

      .account-creation-final-action-container {
        margin: 5%;
      }

      .container-login {
        padding: 2% 2%;
      }

      .container-login-reset{
        padding: 2% 2%;
      }

      .container-verify-mail {
        padding: 2% 2%;
      }

    }

      /* Responsive dedicated file */
      @media screen and (max-width: 450px) {
        .reset-password-footer>input {
          font-size: small;
        }
  
        .reset-password-footer>button {
          font-size: small;
        }
  
        .top-links {
          display: flex;
          flex-direction: column;
        }

        .breadcrumb-forgot-pass {
          margin-top: 1rem;
          flex-wrap: wrap
        }

        .breadcrumb-login > * {
          padding: 0rem 0.2rem;
        }
        .baseline-subscribe {
          margin-bottom: 0;
        }

      }