html,
body{
  max-width:100%;
  overflow-x:hidden;
}

body{
  background-attachment:scroll;
}

.container{
  width:100%;
  max-width:100%;
  padding-left:12px;
  padding-right:12px;
}

.card,
.module-card,
.mini,
.stat,
.auth-compact,
.auth-compact details{
  width:100%;
  min-width:0;
  max-width:100%;
}

.hero-grid,
.cards-row,
.dash-top,
.modules-grid,
.grid3{
  grid-template-columns:1fr !important;
}

.tabs-list{
  grid-template-columns:1fr !important;
}

.dash-stats-col{
  display:grid !important;
  grid-template-columns:1fr !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

.dash-stats-col .mini-grid{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-template-columns:1fr !important;
}

.dash-thumb-row{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-top:8px !important;
  padding:0 !important;
}

.dash-aside-img{
  width:100% !important;
  max-width:100% !important;
}

.dash-aside-img img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block;
}

#modulesGrid,
#programmeGrid{
  width:100%;
  max-width:100%;
  min-width:0;
}

details,
summary{
  width:100%;
  min-width:0;
}

.module-name,
.module-desc,
.soft-text,
.dash-sub{
  overflow-wrap:anywhere;
  word-break:break-word;
}

img,
video,
iframe{
  max-width:100%;
  height:auto;
}