balls'ed up my CSS JSON Code. HELP!

Hello! I'm a real newbie when it comes to coding, can someone take a look at this code and correct it. Needs to be JSON compatible. It's a mobile-friendly table instruction.

many thanks in advance

Pippa

  "@media (max-width: 768px)": {
    ".dataTables_filter": {
      ".table thead": {
        "display": "none"
      }
    },
    ".table, .table tbody, .table tr, .table td": {
      "display": "block",
      "width": "100%",
      ".table tr": {
        "margin bottom": "15px",
        ".table td": {
          "text-align": "right",

Syndicate content