@media screen and (max-width: 912px) {
  .new-div {
    margin: 0 0 25px 0%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .new-div .model-dot {
    width: 100%;
    margin: 10px 0 0 20px;
  }

  .tab-con {
    flex-wrap: wrap;
    justify-content: center;
  }

  .dot-new {
    justify-content: center;
  }

  .txt-container {
    text-align: center;
    width: 100%;
  }

  .img-container {
    width: 100%;
  }
}

@media screen and (max-width: 712px) {
  .design-con {
    flex-wrap: wrap;
    justify-content: center;
  }

  .design-box {
    width: 65% !important;
  }
}

@media screen and (max-width: 600px) {}
