th,td
text-align:left;
padding:8px;
tr:nth-child(even)background-color:#f2f2f2
th
background-color:#4CAF50;
color:#fff;
@media screen and (max-width:600px)
table,thead,tbody,th,td,tr
display:block;
thead tr
position:absolute;
top:-9999px;
left:-9999px;
tr border:1px solid #ccc;
td
border:none;
border-bottom:1px solid #eee;
position:relative;
padding-left:50%;
white-space:normal;
text-align:left;
td:before
position:absolute;
top:6px;
left:6px;
width:45%;
padding-right:10px;
white-space:nowrap;
td:nth-of-type(1):before content:"Servizio";
td:nth-of-type(2):before content:"Prezzo";
td:nth-of-type(3):before content:"Durata";