@media screen and (max-width:576px) {
  .programme-container {
    .prog-list {
      justify-content: center;
    }

    .prog-item {
      width: 100%;
      height: auto;
    }

    .prog-item-cont {
      line-height: 2;
    }
  }

  .case-container {
    height: auto;
    background: #F5F5F7;
    padding: 0.3646rem 0;

    .case-item {
      width: 50%;
      align-items: center;
    }
  }
}

@media only screen and (min-width:576px) and (max-width:768px) {
  .programme-container {
    .prog-list {
      justify-content: center;
    }

    .prog-item {
      width: 100%;
      height: auto;
    }

    .prog-item-cont {
      line-height: 2;
    }
  }

  .project-case {}
}

@media only screen and (min-width:768px) and (max-width:992px) {}

@media only screen and (min-width:992px) and (max-width:1200px) {}

@media screen and (min-width:1200px) {}

@media screen and (max-width:1200px) {
  .about-us-container {
    height: auto;
    background: #F5F5F7;
    padding: 0.4167rem 0;

    .about-video {
      display: none;
    }

    .about-us {
      height: auto;
      background: transparent;
      display: flex;
      flex-direction: column;
      padding: 0.1042rem 0.1042rem .1042rem 0.1042rem;

      .about {
        padding: .1771rem .1042rem 0;

        .about-cont>div {
          line-height: 2;
        }
      }
    }
  }
}