@media screen
and (max-width: 980px)
{
  .ns-cnt-wrapper { width: 100%; padding-right: 10px; padding-left: 10px; box-sizing: border-box; }
  .ns-style-form, #formLogin { margin-left: calc(50% - 207.5px); box-sizing: border-box; }
}

@media screen
and (max-width: 840px)
{
  BODY { font-size: 14px; }
  #account #menu ul li { width: 100%; border-bottom: 1px rgba(255,255,255,.3) solid; } 
  #account #leftColumn,
  #account #videoList,
  #account #mainContent.ns-he-not-full { width: 100%; }
  #account #ebookList { width: 49%; float: left; }
  #account #audioList { width: 49%; float: right; }
  
  #forgotPassword {width: 100%; margin: 0;}
}      

@media screen
and (max-width: 840px)
{
  IMG { max-width: 100%; }
  #account #ebookList,
  #account #audioList { width: 100%; }
  #topBar { display: flex; flex-direction: column; align-items: center; }
  #topBar .ns-cnt-col-l { width: 100%; text-align: center; margin: 25px; }
  #topBar .ns-cnt-col-r { }
} 

@media screen
and (max-width: 480px)
{
  .ns-style-form, #formLogin{ width: 100%; margin-left: 0; }
  .formLine .formRow { margin-bottom: 10px; text-align: left; }
  .formLine .formRow,
  .formLine .formLine { width: 100%; }
  .formLine .formInput { width: 100%; }
  .formLine .formSubmit { width: 100%; box-sizing: border-box; margin-left: 0; }
}