table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { max-width: 100%; }
table { 
width: 100% !important; 
border-collapse: collapse !important; 
} tr:nth-of-type(odd) { 
background: #eee; 
}
td, th { 
padding: 6px ; 
border: 1px solid #ccc ; 
text-align: left ; 
letter-spacing: 1px;
}
td.eight { width: 80%;}
td.sixty { width: 60%;}
td.fourty { width: 40%;}
td.twenty { width: 20%;} .entry-content tr td, body.et-pb-preview #main-content .container tr td {
border-top: 1px solid #cccccc;
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  { table, thead, tbody, th, td, tr { 
display: block !important; 
} thead tr { 
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
tr { border: 1px solid #ccc !important; }
td, th { 
border: none !important; 
text-align: center !important; 
}
td.eight { width: 100%;}
td.sixty { width: 100%;}
td.fourty { width: 100%;}
td.twenty { width: 100%;}
td:before { position: absolute !important; top: 6px !important;
left: 6px !important;
width: 45% !important; 
padding-right: 10px !important; 
white-space: nowrap !important;
}
}