.tp-matrix { width:100%; border-collapse:separate; border-spacing:0; border-radius:12px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06); } .tp-price-grid { width:100%; border-collapse:separate; border-spacing:12px; } .tp-price-grid td { vertical-align:top; width:25%; } .tp-banner { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; } .tp-banner-pills { display:flex; gap:12px; flex-wrap:wrap; } .tp-card-prices { display:flex; gap:16px; } .tp-comp-prices { display:flex; gap:12px; } @media (max-width: 768px) { .tp-matrix { display:block !important; overflow-x:hidden !important; max-width:100% !important; } .tp-matrix thead { display:none !important; } .tp-matrix tbody, .tp-matrix tr { display:block !important; width:100% !important; } .tp-matrix td { display:block !important; width:100% !important; box-sizing:border-box !important; border-bottom:1px solid #E2E6EE !important; border-left:none !important; border-right:none !important; } .tp-price-grid { display:block !important; width:100% !important; border-spacing:0 !important; } .tp-price-grid tbody, .tp-price-grid tr { display:block !important; width:100% !important; } .tp-price-grid td { display:block !important; width:100% !important; box-sizing:border-box !important; margin-bottom:16px !important; padding:0 !important; } .tp-banner { flex-direction:column; align-items:flex-start; } .tp-banner-pills { width:100%; } }