.nice_table {

  margin : 20px 0px;

  min-width: 480px;

  border : 1px solid #D8D8D8;

  background    : #FFF;

  color: #444;

  border-radius : 3px;

  overflow      : hidden;

  display: inline-block;

  position:relative;

  left:25%;

}

<!---->

.nice_table1 {

  margin : 20px 0px;

  width  :50%;

  min-width: 480px;

  border : 1px solid #D8D8D8;

  background    : #FFF;

  color: #444;

  border-radius : 3px;

  overflow      : hidden;

  display: inline-block;

  position:relative;

  left:25%;

}



.nice_table1 th, .nice_table1 td{

	padding:15 px;

}



.nice_table th, .nice_table td {

  display : table-cell;

  padding : 14px 14px;

}





.nice_table td {

  vertical-align: middle;

  border-right: 1px solid #D8D8D8;

  border-bottom: 1px solid #D8D8D8;

}





.nice_table1 th {

  border-bottom: solid 1px #ce2343;

}





.nice_table tr:hover td {

  background : #fcfcfc;

}



.nice_table tr {

  border-bottom : 1px solid #D8D8D8;

}



.nice_table th, .nice_table td {

  text-align : left;

}



.nice_table th, .responsive_table td:before {

  font-weight  : bold;

  padding      : 10px 14px 10px 15px;

  font-size    : 13px;

  color        : #fff;

  background   : #FF2750;

  border-right : solid 1px #ce2343;

}



/* Example 1 & 2 ===== */

@media 

  only screen and (max-width: 915px),

  (min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */

    table.resp_table, table.resp_table thead, table.resp_table tbody, table.resp_table th, table.resp_table td, table.resp_table tr { 

      display: block; 

    }



    /* Hide table headers (but not display: none;, for accessibility) */

    table.resp_table thead tr { 

      position: absolute;

      top: -9999px;

      left: -9999px;

    }



    table.resp_table tr { border: 1px solid #ccc; }



    table.resp_table tr td { 

      /* Behave  like a "row" */

      border: none;

      border-bottom: 1px solid #eee; 

      position: relative;

      padding-left: 50%; 

      width: calc(55% - 30px) !important;

      text-align: left !important;

    }



    table.resp_table tr td:before { 

      /* Now like a table header */

      position: absolute;

      /* Top/left values mimic padding */

      top: 12px;

      left: 6px;

      width: 45%; 

      padding-right: 10px; 

      white-space: nowrap;

      text-align: left !important;

      font-weight: bold;



      content: attr(data-th) ": ";

    }

  }



/* Example 3 ===== */

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

  .responsive_table th:last-of-type {

    border-right: 0;

  }



  .responsive_table tr:before {

    content     : attr(data-th);

    font-weight : bold;

    width       : 100%;

    display     : none;

    padding		: 15px 5px 10px;

    font-size   : 15px;

  }



  .responsive_table td:before {

    content       : attr(data-th) ": ";

    font-weight   : bold;

    width         : 6.5em;

    display       : none;

    border-bottom : solid 1px #ce2343;

  }



  .responsive_table {

    border-left: 0;

    border-top: 0;

    border-right: 0;

    border-radius: 1px;

  }



  .responsive_table tr:first-of-type {

    display: none;

  }



  .responsive_table tr {

    border-bottom  : 0;

    vertical-align : middle;

    border-bottom : solid 1px #CCC;

  }



  .responsive_table th, .responsive_table td {

    padding : 0;

  }



  .responsive_table td {

    display : block;

    border-bottom: 0;

  }



  .responsive_table tr:before {

    display : block;

  }



  .responsive_table td:before {

    display : inline-block;

    margin-right: 10px;

  }



  .responsive_table td:last-of-type:before {

    border-bottom: 0;

  }



  .responsive_table th {

    display : none;

  }



  .responsive_table tr td {

    background: #eee;

  }



  .responsive_table td.nice_hidden_column {

    display: none;

  }

  .nice_table {

  width  :100%;

  min-width: 480px;

  border : 1px solid #D8D8D8;

  background    : #FFF;

  color: #444;

  border-radius : 3px;

  overflow      : hidden;

}



 .nice_table1 {

  width  :100%;

  min-width: 480px;

  border : 1px solid #D8D8D8;

  background    : #FFF;

  border-collapse: collapse;

  color: #444;

  border-radius : 3px;

  overflow      : hidden;

}





  table.resp_table tr td { 

      /* Behave  like a "row" */

      border: none;

      border-bottom: 1px solid #eee; 

      position: relative;

      padding-left:20px; 

      

      text-align: left !important;

    }



}