table {
                    width: 100%;
                    border-collapse: collapse;
                    margin: 20px 0;
                    font-family: Arial, sans-serif;
                }

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

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

                td {
                    background-color:#f9f9f9;
                }

                /* Adjustments for different screen sizes */
                @media screen and (max-width: 768px) {
                    table, thead, tbody, th, td, tr {
                        display: block;
                        font-size:12px;
                    }
                    

                    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;
                    }

                    td:before {
                        position: absolute;
                        left: 10px;
                        width: 45%;
                        padding-right: 10px;
                        white-space: nowrap;
                        font-weight: bold;
                    }
                      td:nth-of-type(1):before { content: "Model No."; }
                    td:nth-of-type(2):before { content: "Output (Tons)"; }
                    td:nth-of-type(3):before { content: "Hexagon Nut Size (mm)"; }
                    
                    td:nth-of-type(4):before { content: "Bolt Range(mm)"; }
                          td:nth-of-type(5):before { content: "Net Weight (kg)"; }
                   
                 
                }

                @media screen and (min-width: 769px) {
                    /* For larger screens */
                    th, td {
                        padding: 12px;
                        font-size: 14px;
                    }
                    table{
                        width:80%;
                        margin:10px 10px 10px 80px;
                    }               
                    }