@media (max-width: 990px) {
   #leftTwoThirds { width: 95%; }
   #rightOneThird { 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; }
}

@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;}
   .roleDropDownStatic { display: block;}
   .modalIframe { min-width: 400px; }
}