@media screen and (max-width:991px) {
  
    .mail-button{display: none;}
    .video-container{
      flex-direction: column-reverse;
    }
    .video-container .video-play-container video{
      min-width: 100%;
    }
}
@media screen and (max-width: 767px) {
  body{padding-top: 0!important;}
  .navbar{
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .navbar .logout-item{display: flex;}
  .navbar-max.dropdown,.container-pub,.container-lecons .lecon-item .lecon-capsule-count{
    display: none;
  }
  .container.position-relative.pb-5{
    padding: 0;
  }
  /* Container recherche dictionnaire */
  .container-espace-recherche h1{
    font-size: 1.5rem;line-height: 1;
    font-family: "AirbnbCerealBold";
    text-align: center;
    margin: 1rem 0;
  }
  .overlay-video .video-content{
    height: auto;
  }
  .recap-container, .lecon-panel-section{
      width: 100%;
      flex-direction: column;
  }
  .recap-container-item{
    width: 100%;
  }
  .akwabasign-decommpte p{
    white-space: wrap;
  }
  .akwabasign-decommpte br{
    display:block;
  }
  .container-lecons {
    grid-template-columns: 1fr;
  }
  .container-lecons .progress-bar-container{
    margin:0
  }
  .lecon-grid {
    flex-direction: column;
  }
  .lecon-grid-left,.lecon-grid-right {
      width: 100%;
      padding: 0 1rem;
    }
    .lecon-grid-left h1{
      max-width: 100%;
    }
    .lecon-grid-left ul{
      margin-top: 1rem;
      flex-direction: row;
      flex-wrap: wrap;
    }
    .video-pagination{
      margin: 1rem 0;
    }
    .lecon-grid-right video{
      min-width: 4rem;
    }
    .videos-list {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }

    .video-container{
      flex-direction: column-reverse;
    }
    .video-container .video-play-container video{
      min-width: 100%;
    }
}