table.ms-rteTable-NICPAResponsive {
    -ms-name: "NIC PA Table Style-Responsive";
}

.ms-rteTable-NICPAResponsive {
    border: 1px solid #464646;
    border-collapse: separate !important;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100% !important;
}

    .ms-rteTable-NICPAResponsive > tbody {
    }

        .ms-rteTable-NICPAResponsive > tbody tr.ms-rteTableHeaderRow-NICPAResponsive {
        }

            .ms-rteTable-NICPAResponsive > tbody tr.ms-rteTableHeaderRow-NICPAResponsive > th {
                background: #464646;
                border-style: none;
                border-collapse: collapse;
                border-width: 0px;
                color: #FFFFFF;
                font-size: 18px;
                font-weight: normal;
                padding: 5px 5px 5px 5px;
                text-align: center;
                text-transform: uppercase;
                width: 100% !important;
                vertical-align: middle;
            }

        .ms-rteTable-NICPAResponsive > tbody > tr {
        }

            .ms-rteTable-NICPAResponsive > tbody > tr > td {
                text-align: center;
                width: 100% !important;
                vertical-align: middle;
            }


@media screen and (max-width: 600px) {

    .ms-rteTable-NICPAResponsive {
        border: 0;
    }

        .ms-rteTable-NICPAResponsive > tbody {
        }

            .ms-rteTable-NICPAResponsive > tbody tr.ms-rteTableHeaderRow-NICPAResponsive {
                border: none;
                clip: rect(0 0 0 0);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px !important;
            }

                .ms-rteTable-NICPAResponsive > tbody tr.ms-rteTableHeaderRow-NICPAResponsive > th {
                    width: 100% !important;
                }

            .ms-rteTable-NICPAResponsive > tbody > tr {
                border-bottom: 1px solid #ddd;
                display: block;
            }

                .ms-rteTable-NICPAResponsive > tbody > tr > td {
                    border-bottom: 1px solid #ddd;
                    display: block;
                    font-size: .8em;
                    text-align: right;
                }

                    .ms-rteTable-NICPAResponsive > tbody > tr > td::before {
                        content: attr(data-label);
                        float: left;
                        font-weight: bold;
                        text-transform: uppercase;
                    }

                    .ms-rteTable-NICPAResponsive > tbody > tr > td:last-child {
                        border-bottom: 0;
                    }

    .ms-rteTableOddRow-NICPAResponsive, .ms-rteTableEvenRow-NICPAResponsive {
        border: 1px solid #464646 !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}