.menu-accordion .burger, .bookmarks-list-button{
  display: none!important;
}
#global-navigation .burger{
  display: none;
}
.caption-window {
  display: none!important;
}
.btn.btn-link {
  color: rgb(0,116,181)!important;
}
.dropdown-menu-container{
  margin-right: 35px;
  position: relative;
  float: right;
}
@media screen and (max-width: 680px) {
  *{
    max-width: auto!important;
    min-width: auto!important;
  }
  .burgerMenuText{
    display: block;
  }
  .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{
    max-width: calc(100vw - 20px);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: transparent!important;
  }
  .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, .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;
    position:relative;
    text-align:left;
    width:260px;
    z-index: 9;
    color: black;
  }
  .menu-accordion .burger
  {
    top:-50px;
    left:10px;
  }
  .menu-responsive .burger {
    top:0px;
    left:calc(100vw - 50px);
    z-index: 10000000000000;
  }
  .menu-accordion .burger:before, .menu-responsive .burger:before
  {
    content:'more_vert';
    color: white;
  }
  .menu-accordion .burger:checked:before, .menu-responsive .burger:checked:before
  {
    content:'close';
    color: #fff!important;
  }
  .menu-accordion .burgerMenuText
  {
    position: absolute;
    top: -34px;
    left: 50px;
    color: white;
    width: 250px;
    font-weight: 600;
  }
  .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
  }
  .menu-accordion .burger:checked + .course-index
  {
    overflow:visible!important;
  }
  .menu-accordion .burger:checked + .course-index > *
  {
    overflow:visible!important;
  }
  .menu-responsive .burger:checked + .tabs.course-tabs {
    min-height: 100vh !important;
    position: absolute;
    top: 0;
    background-color: rgb(28, 114, 138) !important;
    z-index: 10000;
    transition-duration: 0.4s;
  }
  .menu-responsive .burger:checked + .tabs.course-tabs
  {
    display:block !important;
  }
  .menu-responsive .burger:checked + .tabs.course-tabs > li {
    display: block;
    border-right: none !important;
    width: 230px;
    margin: 0 auto 25px calc(50% - 115px);
  }
  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;
  }
  .xmodule_display.xmodule_VideoModule .video .wrapper-downloads {
    display: block!important;
  }
  .header-global h1.logo {
    margin: 0px!important;
    position: absolute;
    left: 35px;
  }
  .btn .btn-login{
    width: 122px;
  }
  .left .list-inline .nav-global{
    width: 150px;
  }
  #menuToggle{
    display: block;
  }
  .wrapper-header{
    max-width: 290px;
    position: absolute;
    right: 0;
  }
  #register-form #password{
    margin-top : 35px;
  }
  #register-form #password + span{
    top: 10px!important;
  }
  /***Custom cfi***/
  .dropdown-menu-container .menu-title {
    font-size : 0px!important;
  }
  body .header-global .nav-global li a, .header-global .nav-global div a {
    color: #fff !important;
  }
  #global-navigation .wrapper-header {
    max-width: 290px!important;
  }
   #global-navigation{
    position:relative;
    max-width : 100vw;
  }
  #global-navigation .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:20px;
    left:10px;
    width:50px;
    z-index: 603;
    color: black;
  }
  .tabs.course-tabs, body.view-in-course .wrapper-course-material .course-material .course-tabs {
    display: none;
  }
  #global-navigation .burger:before
  {
    content:'menu';
  }
  #global-navigation .burger:checked:before
  {
    content:'close';
    color: #000!important;
  }
  .nav-global{
    margin-right: 0px!important;
  }
  #global-navigation .wrapper-header
  {
    max-width:0;
    overflow:hidden;
    transition:max-width .2s;
    background-color: transparent!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;
  }

  .nav-global > * {
    overflow: auto!important;
  }
}
@media screen and (max-width: 520px) {
  #global-navigation .wrapper-header {
    display: none !important;
  }
}
