.menu-accordion .burger{
  display: none;
}
@media screen and (max-width: 680px) {
  *{
    max-width: auto!important;
    min-width: auto!important;
  }
  .view-register .header-global nav, .view-login .header-global nav{
    max-width: calc(100vw - 20px)!important;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .header-global .nav-global{
    display: flex;
  }
  .login .content, .register .content, .passwordreset .content, #forgot-password-modal #password-reset .content{
    float: none!important;
    margin : 0!important;
  }
  #forgot-password-modal{
    margin-left: auto!important;
    max-width: 100vw!important;
    left: 0px!important;
  }
  #unenroll-modal{
    margin-left: auto!important;
    max-width: 100vw!important;
    left: 0px!important;
  }
  #email-settings-modal{
    margin-left: auto!important;
    max-width: 100vw!important;
    left: 0px!important;
  }
  .container{
    max-width: 100vw!important;
    box-sizing: border-box;
  }
  .content{
    width : auto!important;
    box-sizing: border-box;
  }
  /**courseware**/

  .course-wrapper .course-content{
    width : calc(100vw - 10px)!important;
  }
  .course-wrapper .course-content .vert-mod .vert>.xblock-student_view, .course-wrapper .courseware-results-wrapper .vert-mod .vert>.xblock-student_view{
    margin : 0px!important;
    padding : 0px!important;
    width : 100%!important;
  }
  .menu-accordion{
    position:relative;
    max-width : 80vw;
  }
  .menu-accordion .burger
  {
    display: block!important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    font-family:'Material Icons';
    font-size:30px;
    line-height:50px;
    margin:0;
    outline:0;
    padding:0;
    position:absolute;
    text-align:center;
    top:-50px;
    left:10px;
    width:50px;
    z-index: 501;
    color: #fff;
  }
  .menu-responsive .burger{
    display: block!important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor: pointer;
    font-family: 'Material Icons';
    font-size: 30px;
    line-height: 50px;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: center;
    width: 50px;
    z-index: 601;
    color: #fff;
    float : right;
  }
  .menu-responsive .burger:before
  {
    content:'more_vert';
  }
  .menu-responsive .burger:checked:before
  {
    content:'close';
    color: #fff!important;
  }
  .menu-accordion .burger:before
  {
    content:'menu';
  }
  .menu-accordion .burger:checked:before
  {
    content:'close';
    color: #fff!important;
  }
  .menu-accordion .course-index
  {
    max-width:0;
    overflow:hidden;
    transition:max-width .2s;
  }
  .menu-accordion .course-index > *
  {
    overflow:hidden;
  }
  .menu-accordion .burger:checked + .course-index
  {
    max-width:96vw;
    width:96vw!important;
    z-index: 500;
    min-height: 100vh!important;
    position: absolute;
    color: #fff
  }
  iframe{
    max-width: 100%!important;
  }

  .course-material{
    height : 50px;
  }
  .menu-responsive .tabs
  {
    max-width:0;
    overflow:hidden;
    transition:max-height .5s;
    background-color: inherit!important;
  }
  .menu-responsive .tabs > *
  {
    overflow:hidden;
  }
  .menu-responsive .burger:checked + .tabs
  {
    max-height:96vh;
    height:96vh!important;
    z-index: 600;
    min-width: 100vw!important;
    position: absolute;
    margin-top: 50px;
  }
  .menu-responsive .burger:checked + .tabs>.tab
  {
    width: 100%!important;
    text-align: center;
  }
  .button-previous{
    width : 60px!important;
  }
  .button-previous>span:nth-child(2){
    display: none;
  }
  .button-next{
    width : 60px!important;
  }
  .button-next>span:nth-child(1){
    display: none;
  }
  .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button{
    width : 20px!important;
    height : 20px!important;
  }
  .xmodule_display.xmodule_SequenceModule nav.sequence-bottom{
    z-index: 499!important;
  }
  /***Custom GEN***/
  .discussion .menu-responsive .burger{
    left : 60vw!important;
  }
  .wrapper-user-menu > a{
    font-size: 0.7rem!important;
  }
  .header-global .wrapper-header .list-inline .item{
    font-size: 0.7rem;
  }
  .logged-in>a{
    font-size: 0px!important;
  }
  .label-username{
    display: none;
  }
  .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button .icon{
    margin-top: -3px;
  }
  .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button.seq_other .icon:before, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button.seq_problem .icon:before, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li button.seq_video .icon:before{
    width : 10px!important;
    height: 10px!important;
  }
}

/* Yoann fix bug 9667 : images in xblocks are stretched */
.xmodule_display.xmodule_HtmlModule img {
  height: auto;
}

/* Yoann fix bug 9667 : add responsiveness in course_about.html */
@media screen and (max-width: 1300px) {
  .course-info .course-sidebar {
    display: block;
    width: 95%;
    margin-left: 2.5%;
  }
  .course-info .details {
    margin-right: 0%;
    width: auto;
  }
}