@media (max-width: 1125px) and (min-width: 320px) {

   .table {
     margin-left: 0;
     border-collapse: separate;
     border-spacing: 0;
   }

    .table__header {
     margin-left: 16px;
     font-size: 18px;
   }

   .wrapper {
     position: relative;
     overflow: auto;
     -webkit-overflow-scrolling: auto;
   }

    thead th:first-child {
     position: sticky;
     left: 0;
     background: #ECF2F9;
    }

   tbody th:first-child {
        position: sticky;
        left: 0;
        background: #F5F9FD;
   }

   .background th:first-child{
        background: #CFDFEF;
   }

   .table__header:first-child {
        margin-top: 52px;
  }

  .table__content {
     flex-direction: column;
  }

  .table__last > table {
     margin-left: 0;
  }
}

@media (max-width: 1125px) and (min-width: 540px) {
     .table__content {
          align-items: center;
     }
}

@media (max-width: 1125px) and (min-width: 1241px) {
     .table__header {
          margin-left: 10%;
     }

     .table {
         margin-left: 10% !important;
     }

}

@media (max-width: 1400px) and (min-width: 1126px) {
     .table__header {
          margin-left: 10%;
     }

     .table {
         margin-left: auto;
         margin-right: auto;
     }

     .table__content {
          justify-content: center;
     }
}

@media (max-width: 1700px) and (min-width: 1401px) {
     .table__header {
          margin-left: 15%;
     }

     .table {
          margin-left: auto;
          margin-right: auto;
     }

     .table__content {
          margin-left: auto;
          margin-right: auto;
          width: 80%;
     }

     .stats {
          margin-left: 0;
     }

     .production {
          margin-left: auto;
          margin-right: auto;
     }

}

@media (max-width: 2600px) and (min-width: 1921px) {
     .production {
          margin-left: 0;
     }

     .table {
          margin-left: auto;
          margin-right: auto;
     }

     .table__content {
          justify-content: center;
     }

     .designations:nth-child(1)::before {
          margin-left: 25px;
     }

     .table__header {
          margin-left: auto;
          margin-right: auto;
          width: 1100px;
     }

}