@media (max-width: 767px) {
   
   /* Force table to not be like tables anymore */
   .responsive-table table, 
   .responsive-table thead, 
   .responsive-table tbody, 
   .responsive-table th, 
   .responsive-table td, 
   .responsive-table tr { 
      display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  .responsive-table thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
  }
  
  .responsive-table tr { border: 1px solid #ccc; margin-bottom: 5px; }
  
  .responsive-table td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-left: 50% !important; 
      white-space: normal;
      text-align:left;
      min-height: 34px;
  }
  .responsive-table td.operations{ 
      padding-left: 10px !important; 
      text-align:center;
      background-color: #ffd;
  }

  
  .responsive-table 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
    	*/
    	.responsive-table td:before { content: attr(data-title); }
    }