.tableRespon {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        .tableRespon-layout: fixed;
      }

      .tableRespon2 {
       display:none;
      }
      .tableRespon caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
      }

      .tableRespon tr {
          color:#fff;
      }

      .tableRespon th,
      .tableRespon td {
        padding: .625em;
        text-align: left;
      }
      
      .tableRespon td{
        color:#000033;
      }

      .tableRespon th {
        letter-spacing: .1em;
        text-transform: uppercase;
      }

      @media screen and (max-width: 768px) {
        .tableRespon {         
          display:block;
        }
      
        .tableRespon thead {
          display:block;
        }

        .tableRespon tr {         
          display: block;         
        }
                
        .tableRespon td {         
          display: block;         
        }

        
        }
        
        
        @media only screen and (max-width: 768px) {
        .tableRespon2 {
            display:block;
          }

          .tableRespon thead {
            display: none;
          }

          .tableRespon tr {
            display: none;   
          }

          .tableRespon td {          
            display: block;           
          }
        
        }