.menu-accordion .burger{
  display: none;
}
#global-navigation .burger{
  display: none;
}
@media screen and (max-width: 680px) {
  *{
    max-width: auto!important;
    min-width: auto!important;
  }
  .view-discussion-home .helpgrid-row {
    display: flex;
    flex-direction: column;
    width: 80vw;
    margin: 0 auto;
  }
  .view-discussion-home .helpgrid-row .row-item-full, .view-discussion-home .helpgrid-row .row-item {
    width: 100%;
    margin: 20px 0px;
  }
  .content-wrapper .page-header.has-secondary .page-header-secondary{
    display: flex!important;
    align-items: center!important;
  }
  .form-actions>.new-post-btn{
    padding: 0!important;
  }
  .content-wrapper .page-header.has-secondary .page-header-secondary{
    display: flex!important;
    align-items: center!important;
  }
  .forum-search{
    display: flex!important;
    width: 70%!important;
  }
  .layout-col-a{
    height : 300px!important;
  }
  .discussion-thread-list-container{
    height : 100%!important;
  }
  .forum-nav-thread-list-wrapper{
    height : 100%!important;
  }
  .forum-nav-thread-list{
    height : 100%!important;
  }
  .add-response button.add-response-btn {
      color: #fff!important;
  }
  body.view-in-course .window-wrap {
   min-width: auto!important;
  }
  .menu-responsive{
    background-color: inherit!important;
  }
  .header-global .wrapper-header .list-inline.nav-global {
      display: flex!important;
      justify-content : space-around!important;
      flex-direction: column;
  }
  .view-register .header-global nav, .view-login .header-global nav{

    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'!important;
    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: 9;
    color: black;
    top: -10px;
    left: -14px;
    width: 50px;
    z-index: 600;
  }
  .menu-accordion .burger:before
  {
    content:'more_vert';
  }
  .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;
  }
  .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: 8!important;
  }
 .header-global .user{
  margin-right: 10px;
  }
  .tab{
    text-align: center;
  }
  .header-global h1.logo {
      margin: 0px!important;
      left: 60px!important
  }
  #register-form #password{
    margin-top : 35px;
  }
  #register-form #password + span{
    top: 10px!important;
  }
  /***Custom cfi***/
  .dropdown-menu-container .menu-title {
    font-size : 0px!important;
  }
  .header-global .wrapper-header .list-inline .item {
    font-size: 0.8rem!important;
  }
   #global-navigation{
    position:relative;
    max-width : 100vw;
    justify-content: space-evenly!important;
  }
  #global-navigation .burger
  {
    display: block!important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    font-family:'Material Icons'!important;
    font-size:30px;
    line-height:50px;
    margin:0;
    outline:0;
    padding:0;
    position:absolute;
    text-align:center;
    top:20px;
    left:10px;
    width:50px;
    z-index: 603;
    color: black;
  }
  #global-navigation .burger:before
  {
    content:'menu';
  }
  .user{
    position: absolute;
    right: 0;
  }
  body .header-global .nav-global li a, .header-global .nav-global div a {
    color : #3c3c3c!important;
    text-align: center;
  }
  .header-global h1.logo img.ec-logo-size {
      margin-top: 25px;
  }
  #global-navigation .burger:checked:before
  {
    content:'close';
  }
  #global-navigation .wrapper-header
  {
    max-width:0;
    overflow:hidden;
    transition:max-width .2s;
    background-color: #fff;
    padding: 0px!important;
  }
  #global-navigation .wrapper-header > *
  {
    overflow:hidden;
  }
  #global-navigation .burger:checked + .wrapper-header
  {
    max-width:100vw;
    width:100vw!important;
    z-index: initial;
    min-height: 100vh!important;
    position: absolute;
    color: #000!important;
    left: 0px;
    box-sizing: border-box;
    align-items: center;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    top: 74px;
  }
}