table {width: 100%}
table td {vertical-align: left !important;
background-color: transparent;
border-bottom: 2px dotted rgba(50,150,150,0.5);
text-align: left;
padding: 8px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
table tr:hover td {
    background-color: #f8f2f8;
}
table td:first-child {
    width: 390px;
}

@media screen and (max-width: 1000px) {
    table td {display: block;}
    table td:first-child {
        width: 100%;
        padding-bottom: 0;
        padding-top: 20px;
        border-bottom: 0;
    }
    table td:last-child {
        border-bottom: 2px dotted rgba(50,150,150,0.5);
        padding-bottom: 20px;
    }
    table td p {
        margin: 0;
    }
}