.schedules {

  .container {
    width: 780px;

    @include breakpoint-down('deskS') {
      width: 688px;
    }

    @include breakpoint-down('tabM') {
      width: 90%;
    }

    @include breakpoint-down('mobM') {
      width: 90%;
    }
  }

  &__item {
    padding: 24px 48px;
    background: $white;
    border-radius: 8px;
    margin-bottom: 64px;

    @include breakpoint-down('deskS') {
      margin-bottom: 25px;
      padding: 10px 12px;
    }

    &:last-of-type {
      margin-bottom: 0;
    }

    .highcharts-container {
      width: 100% !important;

      svg {
        @include breakpoint-down('deskS') {
          width: 100% !important;
        }
      }
    }

    .highcharts-credits {
      display: none !important;
    }

    .highcharts-legend {
      display: none !important;
    }

    .highcharts-title {
      font-weight: 700 !important;
      font-size: 20px !important;
      line-height: 140% !important;

      @include breakpoint-down('deskL') {
        font-size: 18px !important;
      }
    }
  }
}