.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-84f6b9b2-9e04-ee90-22cf-219f3ee9f65a {
margin-left: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-ba7b9c41-c08f-9095-92eb-780284b664a8 {
display: none !important;
height: 40px !important;
overflow: hidden !important;
width: 40px !important;
}
.lfr-layout-structure-item-25a26124-d9d6-b1a0-902c-2706f979c9af {
margin-bottom: var(--spacer-3,1rem) !important;
margin-left: var(--spacer-3,1rem) !important;
text-align: center !important;
color: var(--opap-white) !important;
}
.lfr-layout-structure-item-993ff1a8-6d7d-f544-efaa-4b829f778323 {
text-align: center !important;
}
.lfr-layout-structure-item-60d7906b-9e57-8ca7-7988-46f4ef9293a0 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-60d7906b-9e57-8ca7-7988-46f4ef9293a0) !important;
border-style: solid; border-width: 0 !important; border-width: 0px !important;
}
.lfr-layout-structure-item-83bd2236-da65-7c2d-34a5-e28ee20d44fd {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-83bd2236-da65-7c2d-34a5-e28ee20d44fd) !important;
border-style: solid; border-width: 0 !important; border-width: 0px !important;
}
.lfr-layout-structure-item-a1fc0498-b789-5898-2600-4f91b02008f1 {
margin-left: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-e716b1f4-33a5-e959-a8c8-f98a023e352d {
margin-bottom: var(--spacer-3,1rem) !important;
margin-left: var(--spacer-3,1rem) !important;
color: var(--opap-white) !important;
}
.lfr-layout-structure-item-74107a16-48b0-b236-7644-b9c65fb651ec {
text-align: center !important;
width: 1300px !important;
}
.lfr-layout-structure-item-56a91cec-87b7-a06c-3398-88655b08e074 {
display: none !important;
text-align: center !important;
}
.lfr-layout-structure-item-cdcc31da-4dbd-d053-e3d5-54968f34829e {
display: none !important;
height: 40px !important;
overflow: hidden !important;
width: 40px !important;
}
.opap-table-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.opap-table {
  width: 100%;
  max-width: 750px; /* όριο για desktop */
  border-collapse: collapse;
}

.opap-table th,
.opap-table td {
  border: 1px solid #ccc;
  padding: 12px 16px;
  text-align: center;
  font-size: 16px;
}

.opap-table th {
  background-color: #f5f5f5;
  font-weight: bold;
}

/*Mobile */
@media (max-width: 600px) {
  .opap-table th,
  .opap-table td {
    font-size: 14px;
    padding: 10px;
  }
}



.opap-table {
  width: 100%;
  max-width: 750px;
  border-collapse: collapse;
}



.opap-table th,
.opap-table td {
  border: 1px solid #ccc;
  padding: 12px 16px;
  text-align: center;
  font-size: 16px;
}



.opap-table th {
  font-weight: bold;
  background-color: #f5f5f5;
}

@media (max-width: 600px) {
  .opap-table th,
  .opap-table td {
    font-size: 14px;
    padding: 10px;
  }
}
<div class="opap-table-wrapper">
  <table class="opap-table">
    <tbody>
      <tr>
        <th>Websites</th>
        <td></td>
      </tr>
      <tr>
        <th>opaponline.gr</th>
        <td>allwyn.gr</td>
      </tr>
      <tr>
        <th>opap.gr</th>
        <td>allwyn.gr</td>
      </tr>
    </tbody>
  </table>
</div>



<br>



<div class="opap-table-wrapper">
  <table class="opap-table">
    <tbody>
      <tr>
        <th>Applications</th>
        <td></td>
      </tr>
      <tr>
        <th>Opaponline</th>
        <td>Allwyn</td>
      </tr>
      <tr>
        <th>OPAP Store</th>
        <td>Allwyn Store</td>
      </tr>
      <tr>
        <th>Play</th>
        <td>Allwyn Play</td>
      </tr>
    </tbody>
  </table>
</div>
.lfr-layout-structure-item-ea9d13ce-c9fe-8a18-5019-f19439ecb359 {
background-color: #1D4757 !important;
}
.lfr-layout-structure-item-a0430f77-d6ef-df8b-f8ea-e08c9f34c663 {
background-color: #1D4757 !important;
border-style: solid; border-width: 0 !important; border-width: 0px !important;
text-align: center !important;
color: var(--opap-white) !important;
width: 1500px !important;
}
.lfr-layout-structure-item-69f152da-73bd-6751-8c8c-ef78cd583d9d {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-69f152da-73bd-6751-8c8c-ef78cd583d9d) !important;
border-style: solid; border-width: 0 !important; border-width: 0px !important;
}
.lfr-layout-structure-item-612bc4da-0467-361b-0a87-0f432f4a94d6 {
margin-bottom: var(--spacer-3,1rem) !important;
margin-left: var(--spacer-3,1rem) !important;
text-align: center !important;
color: var(--opap-white) !important;
}
.lfr-layout-structure-item-bc20d558-5217-2594-853e-e3001449c02c {
display: none !important;
}
.opap-table-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.opap-table {
  width: 100%;
  max-width: 750px; /* όριο για desktop */
  border-collapse: collapse;
}

.opap-table th,
.opap-table td {
  border: 1px solid #ccc;
  padding: 12px 16px;
  text-align: center;
  font-size: 16px;
}

.opap-table th {
  background-color: #f5f5f5;
  font-weight: bold;
}

/*  Mobile */
@media (max-width: 600px) {
  .opap-table th,
  .opap-table td {
    font-size: 14px;
    padding: 10px;
  }
}
<div class="opap-table-wrapper">
  <table class="opap-table">
    <tbody>
      <tr>
        <th>Websites</th>
      </tr>
      <tr>
        <td>opaponline.gr → allwyn.gr</td>
      </tr>
      <tr>
        <td>opap.gr → allwyn.gr</td>
      </tr>
    </tbody>
  </table>
</div>

<br>

<div class="opap-table-wrapper">
  <table class="opap-table">
    <tbody>
      <tr>
        <th>Applications</th>
      </tr>
      <tr>
        <td>Opaponline → Allwyn</td>
      </tr>
      <tr>
        <td>OPAP Store → Allwyn Store</td>
      </tr>
      <tr>
        <td>Play → Allwyn Play</td>
      </tr>
    </tbody>
  </table>
</div>
.lfr-layout-structure-item-ebcc48fa-95ae-d241-804b-d941215e57c5 {
margin-bottom: var(--spacer-3,1rem) !important;
margin-left: var(--spacer-3,1rem) !important;
color: var(--opap-white) !important;
}
.lfr-layout-structure-item-02df3cfa-9c36-5dca-b388-ed9aaf10629d {
display: none !important;
}
.lfr-layout-structure-item-046d13d2-1d15-992f-1cc2-de5524d932f5 {
text-align: center !important;
}
.lfr-layout-structure-item-4804d418-c3d5-cdc9-a9cc-ed0a5e2964c0 {
margin-bottom: var(--spacer-3,1rem) !important;
margin-left: var(--spacer-3,1rem) !important;
color: var(--opap-white) !important;
}
.lfr-layout-structure-item-51a4f14a-073f-f43b-16eb-bf13b74b4ac2 {
border-style: solid; border-width: 0 !important; border-width: 0px !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-38b1775e-04f3-f222-74a6-ddf4c09498cd {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-38b1775e-04f3-f222-74a6-ddf4c09498cd) !important;
border-style: solid; border-width: 0 !important; border-width: 0px !important;
display: none !important;
margin-top: -6rem !important;
}
.lfr-layout-structure-item-7e4399d6-730b-1e18-253c-fdd5b18bca4c {
margin-bottom: var(--spacer-3,1rem) !important;
margin-left: var(--spacer-3,1rem) !important;
color: var(--opap-white) !important;
}
.lfr-layout-structure-item-6dd20f9a-2d11-2cd5-0941-9135f492d28a {
display: none !important;
}
.lfr-layout-structure-item-7e4fa564-14ec-5c15-1190-3323b697c316 {
display: none !important;
height: 40px !important;
overflow: hidden !important;
width: 40px !important;
}
.lfr-layout-structure-item-b4f29d71-641d-27ec-ee55-e3041886d381 {
border-style: solid; border-width: 0 !important; border-width: 0px !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-bb2da4ae-c6de-eb91-975d-c667b94e89b7 {
margin-left: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-2,0.5rem) !important;
}
.lfr-layout-structure-item-fa5e547e-91ad-5a91-28c9-a96ccdf39c7a {
border-style: solid; border-width: 0 !important; border-width: 0px !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-4c1c790d-19d3-203d-0b3b-34f909f69d8b {
text-align: center !important;
}
.lfr-layout-structure-item-32adc20d-0faa-835e-a9e7-8af8303722cb {
display: none !important;
margin-bottom: var(--spacer-3,1rem) !important;
margin-left: var(--spacer-3,1rem) !important;
color: var(--opap-white) !important;
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-6dd20f9a-2d11-2cd5-0941-9135f492d28a {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-6dd20f9a-2d11-2cd5-0941-9135f492d28a {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
}@media screen and (max-width: 575px) {.lfr-layout-structure-item-6dd20f9a-2d11-2cd5-0941-9135f492d28a {
padding-left: var(--spacer-0,0rem) !important;
padding-right: var(--spacer-0,0rem) !important;
}
}