#jcode {
  & > div {
    @media screen and (max-width: 1199px) {
      padding: 0;
    }
  }
  p{
    font-family: proxima-nova;
  }
  .table-wrap {
    .scroll {
      table {
        width: 100%;
        /* @media screen and (min-width: 360px) and (max-width: 1199px) {
          max-width: 276px;
        } */
        border-collapse: collapse;

        thead tr th {
          text-align: center;
        }

        th,
        td {
          padding: 8px;
          border: 1px solid #2c2c2c;
          text-align: left;
          word-wrap: break-word;
          font-family: proxima-nova;
          font-weight: 700;
          @media screen and (min-width: 1199px) {
            padding: 8px 16px;
          }
        }
        th {
          background: #efefed;
          font-size: 16px;
          font-weight: 700;
          font-family: proxima-nova;
        }
        th:first-child,
        td:first-child {
          background: #fff;
        }

        th:nth-child(2),
        td:nth-child(2) {
          @media screen and (min-width: 1199px) {
            min-width: 120px;
          }
        }
      }
    }
  }
}