@media (max-width: 850px){
  #loginwrapperdiv, #loginleft, #loginright, #innerloginright{width:100%;}
  #loginwrapperdiv, #innerloginright, .whitedivwrapper-left, .whitedivwrapper-right{display:block; float:left; width:96%; padding:0px 2% 0px 2%;}
  #loginwrapperdiv{height:auto; padding:5% 0px 5% 0px;}
  #innerloginright{width:90%; padding:5%;}
  #passwordviewer{margin:-30px 0% 0% 80%;}
  .loginpagelogo{width:50%;}
  .expand_dbhome{left:95px; width:calc(100% - 88px); transition:var(--ease5s)}
  .works-rowleft, .works-rowright, .searchfield-rowleft{font-size:12px;}
  .works-rowleft, .works-rowright{width:50%;}
  /************ General Styles **************/
  .desktopview, #loginleft{visibility:hidden; visibility:collapse; height:0px; width:0px;}
  .mobileview{display:block; visibility:visible; height: initial; width: initial;}
}
@media (max-width: 1000px){
  #loginwrapperdiv{width:95vw;}
}