/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 996px) and (max-width: 1200px) {
    .navbar-inverse .navbar-brand{
      font-size: 16px;
    }
  }
  @media only screen and (min-width: 868px) and (max-width: 995px) {
    .navbar-inverse .navbar-brand{
      font-size: 15px;
    }
    .nav>li>a{
      padding: 10px 5px;
    }
    .navbar-brand{
      padding: 15px 5px;
    }
  }

  @media only screen and (min-width: 480px) and (max-width: 867px) {
    .navbar-inverse .navbar-brand{
      font-size: 13px;
    }
    .nav>li>a{
      padding: 10px 5px;
    }
  }
  @media only screen and (max-width: 768px) {
    .navbar-inverse .navbar-nav {
  margin-top: 0px;
}
}
   
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    .navbar-inverse .navbar-nav {
  margin-top: 0px;
}
    body {
  padding-top: 80px;
  }
  .navbar-inverse .navbar-brand{
    font-size: 11px;
  }
  .navbar-inverse .navbar-brand img{
    width: 50px;
  }
  th{
    font-size: 0.8em;
  }
  td{
    font-size: 0.8em;
  }
  .table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{
    padding: 3px;
  }
  /*.unCoach{
  height: 400px;
}*/
  }
  @media only screen and (max-width: 800px) {
  
  /* Force table to not be like tables anymore */
  #no-more-tables table, 
  #no-more-tables thead, 
  #no-more-tables tbody, 
  #no-more-tables th, 
  #no-more-tables td, 
  #no-more-tables tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  #no-more-tables tr { border: 1px solid #ccc; }
 
  #no-more-tables td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
  }
 
  #no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  #no-more-tables td:before { content: attr(data-title); }
}