@media (max-width: 800px) {
  .workHead p {
    width: auto;
  }
}

@media (max-width: 700px) {
  .workMainParent {
    width: auto;
  }

  .learningText {
    top: 2%;
    left: 42%;
  }

  .ChooseText {
    text-align: end;
    top: 13%;
    left: 0%;
  }

  .ExploreText {
    top: 24%;
    left: 44%;
  }

  .UnlockText {
    text-align: end;
    top: 36%;
    left: 7%;
  }

  .EnrolText {
    text-align: end;
    top: 58%;
    left: 13%;
  }

  .TrainingText {
    top: 67%;
    left: 40%;
  }

  .SkillsText {
    text-align: end;
    top: 79%;
    left: 4%;
  }

  .ReferText {
    top: 90%;
    left: 40%;
  }
}

@media (max-width: 600px) {
  .WorkChlid p,
  li {
    line-height: 15px;
  }

  .learningText {
    top: 3%;
    left: 41%;
  }

  .ChooseText {
    text-align: end;
    top: 14%;
    left: 12%;
  }

  .ExploreText {
    top: 25%;
    left: 41%;
  }

  .UnlockText {
    text-align: end;
    top: 35%;
    left: 12%;
  }

  .FreeText {
    top: 47%;
    left: 43%;
  }

  .TrainingText {
    top: 67%;
    left: 40%;
  }

  .SkillsText {
    text-align: end;
    top: 79%;
    left: 6%;
  }
}

@media (max-width: 500px) {
  .WorkChlid h3 {
    font-size: 15px;
  }

  .WorkChlid p,
  li {
    font-size: 11px;
    line-height: 12px;
  }
}

@media (max-width: 426px) {
  .WorkChlid p,
  li {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
  }

  .WorkChlid h3 {
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 0;
  }

  .workHead p {
    font-size: 14px;
  }
  .FreeText {
    top: 47%;
    left: 41%;
  }
  .TrainingText {
    width: 60%;
  }
}

@media (max-width: 321px) {
  .WorkChlid p,
  li {
    font-size: 9px;
  }

  .ExploreText {
    top: 23%;
    left: 44%;
  }

  .UnlockText {
    text-align: end;
    top: 34%;
    left: 8%;
  }

  .FreeText {
    top: 45%;
    left: 43%;
  }

  .EnrolText {
    text-align: end;
    top: 55%;
    left: 11%;
  }

  .TrainingText {
    top: 63%;
    left: 42%;
  }

  .SkillsText {
    text-align: end;
    top: 74%;
    left: 4%;
  }

  .ReferText {
    top: 85%;
    left: 40%;
  }
}