table.custom-tdno0 { 
     width: 100%; 
 } 
 th.custom-tdno0, td.custom-tdno0 { 
     border: 1px solid #c3c3c3;
     text-align: left; 
 } 
 thead.custom-tdno0 { 
     background-color: #f5f5f5; 
 } 
  
 /* Media Query per il custom-tdno0 */ 
  
 @media only screen and (max-width: 1023px) { 
     /* Forza la tabella a non comportarsi come una normale tabella */ 
  
 	#custom-tdno0 table,  
 	#custom-tdno0 thead,  
 	#custom-tdno0 tbody,  
 	#custom-tdno0 th,  
 	#custom-tdno0 td,  
 	#custom-tdno0 tr {  
 		display: block;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
  
 	#custom-tdno0 thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
   
 	#custom-tdno0 tr { border: 1px solid #ccc; } 
  
 	#custom-tdno0 td {  
 		/* Inserisce il comportamento come una riga */ 
  
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		padding-left: 50%;  
 		white-space: normal; 
 		text-align:left; 
 	} 
  
 	#custom-tdno0 td:before {  
 		/* Inserisce il comportamento come un'intestazione di tabella */ 
  
 		position: absolute; 
 		/* I valori top/left agiscono come padding */ 
  
 		top: 0; 
 		left: 6px; 
 		width: 45%;  
 		padding-right: 10px;  
 		white-space: nowrap; 
 		text-align:left; 
 		font-weight: bold; 
 	} 
  
 	/* Aggiunge l'etichetta ai dati della tabella */ 
  
 	#custom-tdno0 td:before { content: attr(data-title); } 
 }