/* Basic Table Styles */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-family: Arial, sans-serif;
            font-size: 12px;
        }

        th, td {
            padding: 12px;
            border: 1px solid #ddd;
            text-align: center;
        }

        th {
            background-color: #004f94;
            color:  #ffd100;
            font-weight: bold;
        }

        td {
            background-color: #ffff;
        }

        /* Highlight alternate rows */
        tr:nth-child(even) td {
            background-color: #ffff;
        }

        /* For devices with screen width less than 768px (mobile devices) */
                @media screen and (min-width: 768px) {
                            table {
            width: 80%;
            border-collapse: collapse;
            margin: 20px 0 30px 80px;
            font-family: Arial, sans-serif;
            font-size: 16px;
        }
    }
        @media screen and (max-width: 768px) {
            table, thead, tbody, th, td, tr {
                display: block;
            }

            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            tr {
                margin-bottom: 10px;
                border-bottom: 2px solid #ddd;
            }

            td {
                border: none;
                border-bottom: 1px solid #ddd;
                position: relative;
                padding-left: 70% !important;
                text-align: left;
                white-space: nowrap;
            }

            td:before {
                position: absolute;
                left: 10px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                font-weight: bold;
            }

            /* Label each cell with its column name */
            td:nth-of-type(1):before { content: "Model Number"; }
            td:nth-of-type(2):before { content: "Capacity (ton)"; }
            td:nth-of-type(3):before { content: "Stroke (mm)"; }
            td:nth-of-type(4):before { content: "Min. Height A (mm)"; }
            td:nth-of-type(5):before { content: "Plunger Diam. J (mm)"; }
            td:nth-of-type(6):before { content: "Base Dimensions L × W (mm)"; }
            td:nth-of-type(7):before { content: "Auxiliary Height (mm)"; }
            td:nth-of-type(8):before { content: "Weight (kg)"; }
        }

        /* For devices with screen width greater than 768px (tablets and laptops) */
        @media screen and (min-width: 769px) {
            table {
                font-size: 14px; /* Adjusted for larger screens */
            }

            th, td {
                padding: 14px;
            }
        }

        /* For larger screens (laptops and desktops) */
        @media screen and (min-width: 1024px) {
            table {
                font-size: 16px;
            }

            th, td {
                padding: 16px;
            }
        }