@media (max-width: 768px) {

  /* Logo left, 20% bigger */
  table[width="100%"] > tbody > tr > td > .grid_5 {
    float: left !important;
    width: 40% !important;          /* keep container width */
    text-align: left !important;
    margin: 6px 0;
  }
  table[width="100%"] > tbody > tr > td > .grid_5 #logo img {
    max-height: 48px !important;    /* increased from 40px to 48px */
    width: auto !important;
  }

  /* Search panel right of logo */
  table[width="100%"] > tbody > tr > td > .grid_4 {
    float: right !important;
    width: 55% !important;
    text-align: right !important;
    margin: 6px 0;
  }
  table[width="100%"] > tbody > tr > td > .grid_4 .search-form {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Links row on its own line below logo+search */
  table[width="100%"] > tbody > tr > td > .grid_3 {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin: 8px 0 6px 0;
    clear: both;
  }
  table[width="100%"] > tbody > tr > td > .grid_3 a.whiteout16 {
    display: inline-block !important;
    margin: 0 5px;
    white-space: nowrap;
  }

  /* Hide "Original Property Listings Directory..." text */
  table[width="100%"] > tbody > tr > td > .grid_4 span.style1 {
    display: none !important;
  }

  /* Hide Google Translate */
  table[width="100%"] > tbody > tr > td #google_translate_element {
    display: none !important;
  }
}















@media (min-width: 769px) and (max-width: 1024px) {

  /* Logo container on the left */
  table[width="100%"] > tbody > tr > td > .grid_5 {
    float: left !important;
    width: 40% !important;       /* keep full size */
    text-align: left !important;
    margin: 6px 0;
  }

  /* Make logo link clickable on tablet */
  table[width="100%"] > tbody > tr > td > .grid_5 #logo a {
    display: inline-block !important;
    position: relative !important;
    z-index: 10 !important;
  }

  /* Logo image full size */
  table[width="100%"] > tbody > tr > td > .grid_5 #logo img {
    max-height: none !important;
    width: auto !important;
  }
}