function onResize() {
  var mediaQuery = '(min-width: 240px) and (max-width: 420px) and ' +
      '(max-height: 736px) and (min-height: 401px) and ' +
      '(orientation: portrait), (max-width: 736px) and ' +
      '(max-height: 420px) and (min-height: 240px) and ' +
      '(min-width: 421px) and (orientation: landscape)';

  // Check for change in nav status.
  if (mobileNav != window.matchMedia(mediaQuery).matches) {
    mobileNav = !mobileNav;
    updateDetails();
  }
}
/**
 * For small screen mobile the navigation buttons are moved
 * below the advanced text.
 */
For small screen mobile the navigation buttons are moved
below the advanced text.
For small screen mobile the navigation buttons are moved below the advanced text .
function onResize() {
  var mediaQuery = '(min-width: 240px) and (max-width: 420px) and ' +
      '(max-height: 736px) and (min-height: 401px) and ' +
      '(orientation: portrait), (max-width: 736px) and ' +
      '(max-height: 420px) and (min-height: 240px) and ' +
      '(min-width: 421px) and (orientation: landscape)';
  if (mobileNav != window.matchMedia(mediaQuery).matches) {
    mobileNav = !mobileNav;
    updateDetails();
  }
}
function onResize ( ) { var mediaQuery = '(min-width: 240px) and (max-width: 420px) and ' + '(max-height: 736px) and (min-height: 401px) and ' + '(orientation: portrait), (max-width: 736px) and ' + '(max-height: 420px) and (min-height: 240px) and ' + '(min-width: 421px) and (orientation: landscape)' ; if ( mobileNav != window . matchMedia ( mediaQuery ) . matches ) { mobileNav = ! mobileNav ; updateDetails ( ) ; } }
For small screen mobile the navigation buttons are moved
 below the advanced text.
For small screen mobile the navigation buttons are moved below the advanced text .
// Check for change in nav status.