@media screen and (max-width: 928px) {
  .header{
    display: none;
  }
  .mobileheader{
    display: flex !important;
  }
  .logo{
    width: 108.48px;
  }
  .logo img{
    width: 28px;
    height: 28px;
  }
  .logo h1{
    font-size: large;
  }
  .mlogo{
    width: 84% !important;
  }
  .search{
    margin-left: 4%;
    font-size: small !important;
    height: 44px;
  }
  .searchinput{
    font-size: small;
    width: 80%;
  }
  .searchgo{
    height: 32px;
    width: 20%;
  }
  .navbus button{
    font-size: 14.8px;
  }
  .navbuscategories{
    font-size: small;
  }
  .authentication{
    width: 88%;
    left: 6%;
    border-top-right-radius: 18px !important;
    border-top-left-radius: 18px !important;
  }
  .coursedetailer{
    width: 96.8% !important;
    top: 72.48px !important;
    border-top-right-radius: 18px !important;
    border-top-left-radius: 18px !important;
    height: 88vh !important;
    left: 0px !important;
    padding: 8px !important;
  }
  .cdevcbui{
    margin-top: 8px;
    margin-right: 8px;
  }
  .cdeheading{
    font-size: 20px !important;
    margin-top: -8px !important;
  }
  .courseviewer{
    top: 54px !important;
  }
  .courseopener{
    top: 54px !important;
  }
}

@media screen and (max-width: 688px) {
  .search{
    display: none;
  }
  .navbuscategories{
    display: none;
  }
  .navbus{
    width: 72%;
    justify-items: right;
  }
  .logs{
    margin-left: 64%;
  }
  .logo h1{
    font-weight: 600;
  }
  .mlogo{
    width: 82% !important;
  }
  .sidemenu_header{
    left: 48.48% !important;
  }
  .chptco{
    min-height: 38vh !important;
    max-height: 42.8vh !important;
    margin-left: 0px !important;
  }
  .cdevcbu{
    min-width: 88% !important;
    margin-top: 18px !important;
  }
  .authentication{
    border-top-right-radius: 18px !important;
    border-top-left-radius: 18px !important;
  }
  .mylearning{
    border-top-right-radius: 18px !important;
    border-top-left-radius: 18px !important;
  }
  #mylearningdiv{
    display: block !important;
    padding: 4px;
    overflow-x: hidden;
    overflow-y: scroll !important;
    height: 78vh !important;
    margin-top: 8px;
  }
}
@media screen and (max-width: 488px) {
  .mobile_sidemenu{
    width: 54% !important;
  }
    .sidemenu_header{
      left: 56.48% !important;
    }
  #cvupdate{
    font-size: medium !important;
  }
  #cvaudiolang{
    font-size: medium !important;
  }
  #cvdein{
    width: 300px !important;
    margin: 8px !important;
    margin-top: 12px !important;
    margin-left: 0px !important;
    padding: 8px !important;
  }
  #cprevideo{
    width: 272px !important;
  }
  .coursedetailer{
    top: 10% !important;
  }
  .coursediv_normal{
    width: 254px !important;
  }
  .coursediv_normal h2{
    font-size: 18px !important;
    width: 94% !important;
  }
  .coursediv_normalbaner{
    width: 254px !important;
    max-height: 148px !important;
  }
  #mylearning{
    top: 88px;
    left: 4.8%;
    width: 88%;
  }
  .authentication{
    border-top-right-radius: 18px !important;
    border-top-left-radius: 18px !important;
  }

}
@media screen and (max-width: 320px) {
  #cvdein{
    width: 288px !important;
    margin: 8px !important;
    margin-top: 12px !important;
    margin-left: 0px !important;
    padding: 8px !important;
  }
  #cprevideo{
    width: 254px !important;
  }
  #cprevideo poster{
    width: 254px !important;
  }
  .authentication{
    top: 74.8px !important;
  }
}
#cvdein video::-webkit-media-controls-timeline {display: none;}
#cvdein video::-webkit-media-controls-fullscreen-button {display: none !important;}
#cvdein video::-webkit-media-controls-time-remaining-display {display: none !important;}