.cte-main-table table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
}
.cte-main-table th, td {
text-align: center;
padding: 16px;
}
.cte-main-table th:first-child, td:first-child {
text-align: center;
}
.cte-main-table tr:nth-child(even) {
background-color: #f2f2f2;
}
.cte-main-table td img {
display: block;
margin: 0 auto;
}
.cte-main-table th, td{
border: 0.1rem solid #dcd7ca;
}
.cte-main-table svg{
height: auto;
width: 16px;
}
.fa-check {
color: green;
}
.fa-remove {
color: red;
}
pre, fieldset, input, textarea, table, table *, hr {
border-color: #dcd7ca;
} @media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  { table, thead, tbody, th, td, tr { 
display: block; 
} thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; }
td { border: none;
border-bottom: 1px solid #eee; 
position: relative;
border-bottom: 1px solid green; 
}
td:before { position: absolute; top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}
}