@media (max-width: 990px) {
   #leftTwoThirds { width: 95%; }
   #leftThreeFifths { width: 95%; }
   #leftFourFifths { width: 95%; }
   #rightOneThird { float: none; width: 95%;}
   #rightTwoFifths { float: none; width: 95%;}
   #rightOneFifth { float: none; width: 95%;}
   .transcriptName { width: 95%; }
   .transcriptChart { float: none; width: 95%; }
   .twoThirdsBG { background-image: url(''); }
   .pageBlockMenu { width: 100%; margin-left: 0px; }
   .pageBlockMenuStatic { width: 100%; margin-left: 0px; }
   .text_buttons {  font-size: 14px; padding: 10px 8px 8px 8px; }
   #wrapper {width: 97%;}
   .responsiveTableScroll {overflow-x: scroll;-webkit-overflow-scrolling: touch;margin-right: 1%;}
}

@media (max-width: 600px) {
   .text_buttons { display: none;}
   .lmsButtons { margin-top: 5px; }
   .responsiveChart { width: 95%; }
   .pageBlock { padding: 0px;}
   .loginTopPadding { margin-top: 10px;}
   .roleDropDown { display: block;}
   .roleDropDown ul li { padding: 6px; font-size: 1.2em;}
   .roleDropDownStatic { display: block;}
   .modalIframe { min-width: 400px; }
   #wrapper {width: 95%;}
   #rightHalf {float: left;}
   .headerImageFlip {display: none;}
   .mobileHeader {display: block;}
}

@media (max-width: 477px) {
   #wrapper {width: 97%; margin-left: 1%; padding-right: 0px; margin-right: 0px;}
   .showBig {display: none;}
   .showSmall {display: inline-block;}
   .topHeader {padding: 0px; padding-right: 0px;}
}

@media (max-width: 400px) {
    #wrapper {width: 97%; margin-left: 1%; padding-right: 0px; margin-right: 0px;}
}