@media only screen and (max-width: 767px){
  #hg-pagenum{
    display:block !important;
    top:10px !important;
    right:20px !important;
    opacity:0.8 !important;
  }
  #hg-footer{
    display:block !important;
    height:60px !important;
  }

  #toolbarSidebar{ display:none !important; }
  #toolbar{ visibility:hidden !important; }
  #toolbarContainer{ visibility:hidden !important; }
  #toolbarViewer{ visibility:hidden !important; }
  #thumbnailView{ display:none !important; }
  #attachmentsView{ display:none !important; }
  #viewerContainer{ top:0px !important; }
  #pageNumberContainer{ display:none !important; }

  #sidebarContainer{
    top:0px !important;
    left:0px !important;
    display:block !important;
    visibility:hidden;
  }

  #sidebarContent{
    top:0px !important;
    display:none !important;
  }

  #outlineView{
    display:block !important;
    visibility:hidden;
  }

  #findbar{
    height:auto !important;
    top:8px !important;
    opacity:0.8;
    filter:alpha(opacity=80);
    padding:8px 8px 0;
    visibility:visible;
  }

  #findPrevious{
    margin:8px 5px !important;
  }

  #findMatchCase{
    margin:8px 1px 8px 8px !important;
  }

  .findField{
    margin:8px 0px 8px 3px !important;
    font-size:16px !important;
    height:27px !important;
    vertical-align:middle !important;
  }

  #mobileFileOpen{
    display:flex;
  }

  #fileOpenContainer{
    display:none;
  }

  #hgSidebar{
    display:none !important;
  }

  #hgResizer{
    display:none;
  }
}