.structure-inner {
  .tab-header {
    grid-template-columns: 77rem 24rem 1fr;
  }
}

.structure-main-page {
  max-width: 128rem;
  max-height: 72rem;
  margin-bottom: 5rem;

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.structure-employees {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 10rem;
}

.structure-table {
  width: 128rem;
  overflow: hidden;

  th {
    font-weight: bold;
    padding: 3.5rem 1rem;
    border: 0.1rem solid #e9ecef;
  }

  td {
    padding: 3.5rem 1rem;
    border: 0.1rem solid #e9ecef;
    border-top: none;
  }

  * {
    text-align: center;
  }

  span {
    font-size: 1.4rem;
  }
}
.table-bordered {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 10rem;
}

.structure-table {
  width: 128rem;
  overflow: hidden;

  th {
    font-weight: bold;
    padding: 3.5rem 1rem;
    border: 0.1rem solid #e9ecef;
  }

  td {
    padding: 3.5rem 1rem;
    border: 0.1rem solid #e9ecef;
    border-top: none;
  }

  * {
    text-align: center;
  }

  span {
    font-size: 1.4rem;
  }
}
.table-bordered {
  width: 128rem;
  overflow: hidden;

  th {
    font-weight: bold;
    padding: 3.5rem 1rem;
    border: 0.1rem solid #e9ecef;
  }

  td {
    font-size: 1.5rem;
    padding: 1.5rem 0rem;
    border: 0.1rem solid #e9ecef;
    // border-top: none;
    width: 10rem;
  }


  * {
    text-align: center;
  }

  span {
    font-size: 1.4rem;
  }
}

.table-head {
  background: #e9ecef;
}

// MOBILE

@media screen and(max-width: 1200px) {
  .structure-inner {
    .tab-header {
      grid-template-columns: 1fr 0rem;
    }
  }
}

@media screen and (max-width: 900px) {
  .structure-table {
    width: 111rem;
    margin: 0 auto;
  }
  .table-bordered {
    width: 111rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 700px) {
  .structure-table {
    width: 91rem;
  }
  .table-bordered {
    width: 91rem;
  }
}

@media screen and (max-width: 500px) {
  .structure-table {
    width: 71rem;
  }
  .table-bordered {
    width: 71rem;
  }
}
