/* MEDIA QUERIES */

.responsive {
border-collapse:collapse;
border-spacing:0;
margin:0 auto 40px;
}
'@media screen and (min-width: 321px) and (max-width: 800px){
@media screen and (min-width: 800px){ 'era 800   per schermi smartphone 767
.responsive {width: 40%;} ' era 50%

.responsive thead th {
height:50px;
'width:100px;
line-height:50px;
border:1px solid #ddd;
background: navy;
color:#fff;
}

.responsive tbody td {
height:40px; '40
line-height:40px;
border:1px solid #ddd;
}
.responsive thead tr th {
position: absolute;
top: -9999px;
left: -9999px;
}
}


@media screen and (max-width: 768px) { 'era 799px
.responsive, thead, tbody, th, tr, td {display: block;}

.responsive {width:90%;}
.responsive thead tr th {
position: absolute;
top: -9999px;
left: -9999px;
}
}