/*Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.*/

/*table.SelectListColumn, thead.ResponseThead, tbody.ResponseTdBody, th.ResponseThHead, td.ResponseTdBody, tr.ResponseTrHead, tr.ResponseTrBody*/

@media only screen and (max-width: 768px) {
        /*Label the data*/
        /*You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.*/

    tr.SelectListLineGroup td.ResponseTdBody:nth-of-type(1):before {
        content: "Datum jednání:";
    }

    tr.SelectListLineGroup td.ResponseTdBody:nth-of-type(2):before {
        content: "Volební období:";
    }
}