.cookie-policy .table-responsive{ width:100%; } .cookie-policy .table-responsive table{ width:100%; border-collapse:collapse; } @media screen and (max-width:768px){ .cookie-policy .table-responsive table, .cookie-policy .table-responsive thead, .cookie-policy .table-responsive tbody, .cookie-policy .table-responsive tr, .cookie-policy .table-responsive td{ display:block; width:100%; } .cookie-policy .table-responsive thead{ display:none; } .cookie-policy .table-responsive tr{ margin-bottom:16px; border:1px solid #ddd; border-radius:8px; overflow:hidden; } .cookie-policy .table-responsive td{ display:flex; justify-content:space-between; gap:12px; padding:10px 15px; border-bottom:1px solid #eee; text-align:right; box-sizing:border-box; } .cookie-policy .table-responsive td:last-child{ border-bottom:none; } .cookie-policy .table-responsive td::before{ content:attr(data-label); font-weight:bold; text-align:left; flex:0 0 120px; } } document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.cookie-policy table').forEach(function(table) { const headers = []; table.querySelectorAll('thead th').forEach(function(th) { headers.push(th.textContent.trim()); }); table.querySelectorAll('tbody tr').forEach(function(row) { row.querySelectorAll('td').forEach(function(td, index) { if(headers[index]) { td.setAttribute('data-label', headers[index]); } }); }); }); });
Scroll to Top