<style><!-- /* CSS for desktop */ @media only screen and (min-width: 768px) { .table { display: table; width: 90%; /* Adjusted table width to 80% */ margin: 0 auto; /* Center the table horizontally */ } .table-cell { display: table-cell; width: 50%; text-align: center; /* Center the content within each cell */ vertical-align: top; } } /* CSS for mobile and tablet */ @media only screen and (max-width: 767px) { .table-cell { display: block; width: 100%; text-align: center; /* Center the content within each cell */ } } .image { max-width: 562.5px; /* Set the maximum width of the images */ height: auto; width: 100%; /* Set the width of the images to 100% */ margin: 10px auto; /* Margin on all sides (top and bottom: 10px, left and right: auto) */ } .table-cell:last-child .image { margin-bottom: 0; /* Remove bottom margin for the last image in the row */ } .button-container { text-align: center; margin-top: 10px; display: flex; justify-content: left; align-items: center; } .button { display: inline-block; text-align: center; text-decoration: none; padding: 10px; border: 1px solid #fff; /* Removed color change for the border */ background-color: #000; /* Removed color change for the background */ color: #fff; /* Removed color change for the text */ max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text { text-align: center; margin-top: 20px; margin-bottom: 20px; } --></style> <div class="text" style="text-align: center;"> <p style="text-align: left;">Sorry, but we couldn't find any matches.</p> <div class="bannerDescription" style="text-align: center;"></div> </div>