how to responsive table row data in mobile tab

without responsive 

after responsive 

css code )

@media screen and (max-width: 460px){

.res-table td{

  display: block;

}

}

Html Code

 <table class="res-table">       

<tr>

       <td><li> Stay at tree house </li></td>

      <td> <li> Cruise through the Lake Periyar </li></td></tr>

<tr>

 <td><li> Jeep or Elephant Safari</li></td>

 </tr>

 </table>