
/* responsive tables */
.responsive-stacked-table td {
    text-align: center;
    color: #009fd9;
    font-weight: bolder;
}
.responsive-stacked-table {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    table-layout: fixed;
}
.responsive-stacked-table th{
    text-align: center;
    background-color: #262626;
    color: #ffffff;
}
.responsive-stacked-table th,
.responsive-stacked-table td {
    padding: 10px;
    border-top: 1px solid #ddd;
    
}
.responsive-stacked-table thead {
    background: #eee;
    border-bottom: 3px solid #ddd;
}
.responsive-stacked-table tr:nth-child(even) {
    background: #f5f5f5;
}
.responsive-stacked-table .fa {
    margin-right: 5px;
}
.responsive-stacked-table .fa-check-circle {
    color: #690;
}
.responsive-stacked-table .fa-times-circle {
    color: #c00;
}

.responsive-stacked-table.with-mobile-labels {
    font-size: 1rem;
}

@media (max-width: 1199px) {
    .container {
        width: auto;
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .responsive-stacked-table thead {
        display: none;
    }
    .responsive-stacked-table tr,
    .responsive-stacked-table th,
    .responsive-stacked-table td {
        display: block;
        background-color: #ffffff;
    }
    .responsive-stacked-table td {
        border-top: none;
        padding: 20px;
    }
    .responsive-stacked-table tr td:first-child {
        border-top: 1px solid #ddd;
        font-weight: bold;
    }
    .responsive-stacked-table.with-mobile-labels td:before {
        display: block;
        font-weight: bold;
    }
    .responsive-stacked-table.with-mobile-labels td:nth-of-type(1):before {
        content: "Website & Di Động";
        color: black;
        padding-bottom: 10px; 
    }
    .responsive-stacked-table.with-mobile-labels td:nth-of-type(2):before {
        content: "Trang Di Động:";
        color: black;
        padding-bottom: 10px; 
    }
    .responsive-stacked-table.with-mobile-labels td:nth-of-type(3):before {
        content: "WAP:";
        color: black;
        padding-bottom: 10px; 
    }

}
