@media screen and (max-width: 600px) {
  /* header */
  .barre_nav {
    background: linear-gradient(#0269ad, #00c2a7);
    min-height: 20vh;
  }

  .d-none {
    display: initial !important;
  }

  .bg-light {
    margin-bottom: 1rem;
    padding: 0;
  }
  /* page  admin_dashboard_agences.php */
  .group_btn div button {
    margin: 1rem 0;
  }

  .wizard > .steps > ul > li {
    width: 100% !important;
  }
  /* page admin_dashboard_agences_close.php */
  .containerBtnAgenceClose div button {
    margin-bottom: 1rem;
    margin-right: 1rem;
  }

  .btn_page_dashboard_agence button {
    margin: 1rem 0;
  }
  /* page calendar.php */
  .titre_page {
    font-size: 21px;
    font-weight: bold;
    padding: 0 1rem;
  }

  .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }

  .fc-toolbar div {
    margin: 1rem 0;
  }
  /* Page utilisateur fiche_partners.php */
  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 1rem;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
  /* Page utilisateur calendar.php */
  .days_week_form {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
  }
  /* Page utilisateur edition_facture_agence.php*/
  #tableau_de_bord_titre .container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
/* tablette */
@media screen and (max-width: 1024px) {
  /* header */
  /* .container_general .row {
    display: block;
  } */
  .barre_nav {
    background: linear-gradient(#0269ad, #00c2a7);
    min-height: auto;
    /* margin: 0 !important; */
    max-width: 100%;
  }

  .flex-row-reverse {
    display: flex !important;
  }

  .d-none {
    display: initial !important;
  }
  /* .container_general .row .col-md-10 {
    max-width: 100%;
  } */
  /* Page utilisateur fiche personnel */
  .bg-light {
    margin-bottom: 1rem;
    /* padding: 0; */
  }

  .containerTopUtilisateurLeadsEncour {
    display: flex !important;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: column;
    align-items: flex-start;
  }

  .navbar-expand-lg .navbar-collapse {
    display: block !important;
    width: 100%;
  }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: column;
  }
}