@media screen and (max-width: 1280px) {
  .new::after {
    left: 44% !important;
  }

  .clot-txt p {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .new-1::after {
    left: 38% !important;
  }

  .box-2 h5 {
    font-size: 16px;
  }

  .box-2 p {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1024px) {
  .clot-txt p {
    font-size: 13px !important;
  }

  .clot-img {
    width: 24%;
    left: 46%;
  }

  .clot-box {
    width: 17%;
  }

  .clot-txt {
    width: 77% !important;
    top: 60%;
  }

  .new::after {
    left: 47% !important;
  }

  .txt-1 {
    top: 63% !important;
  }

  .new-1::after {
    left: 41% !important;
  }
  .box-2 p {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 912px) {
  .clot-parent {
    flex-wrap: wrap;
  }

  .clot-box {
    width: 26%;
    margin-bottom: 20px;
  }

  .new::after {
    left: 64% !important;
  }

  .new-1::after {
    left: 55% !important;
  }
}

@media screen and (max-width: 820px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 786px) {
}

@media screen and (max-width: 712px) {
  .clot-box {
    width: 33%;
  }
}

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 540px) {
}

@media screen and (max-width: 430px) {

    .clot-parent {
        justify-content: center;
    }

    .clot-box {
        width: 51%;
    }

    .box-2 h5 {
        font-size: 14px;
    }
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 412px) {
}

@media screen and (max-width: 393px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {
}

@media screen and (max-width: 280px) {

    .clot-box {
        width: 76%;
    }
}