@media (max-width:922px) {
  .ls-wrapper h1 {
    font-size: 26px !important;
  }

  /* .box-width{
      width: 157.737px !important;
    } */
  .font-width1 {
    width: 149px !important;
  }

  .ls-text-layer.ls-layer {
    background: #e586b7 !important;
    border-radius: 146px 141px 35px 146px !important;
    width: 320px !important;
    font-size: 22px !important;
  }

  .about-Wrapper .sec-title {
    font-size: 23px;
  }

  .about-Wrapper .sec-text {
    text-align: justify;
  }

  .feature-img img {
    width: 236px;
    margin-top: -45px;
  }

}

@media (max-width:1024px) {
  .ls-wrapper {
    left: 0px !important;
  }

  .ls-wrapper h1 {
    font-size: 32px !important;
  }

  .ls-layer {
    width: 460.737px !important;
  }

  .font-width {
    width: 370px !important;
  }

}

@media (max-width:575px) {

  .ls-text-layer.ls-layer {
    width: 172px !important;
    font-size: 15px !important;
  }

  .ls-html-layer.ls-layer .vs-btn {
    margin-right: 280px;
  }

  .transform-banner img {
    height: 480px;
    width: 100%;
  }
  .sec-text{
    text-align: justify;
  }
  .coming-soon-section .coming-bg {
    background-image: url(../img/c-bg.jpg);
    height: 275px;
    width: 80%;
  }
  .class-style1 .class-img img {
    width: auto;
  }
  .tf__about_img::before {
    background: url(../img/about_shape_2.png);
    top: auto;
    right: auto;
    left: -56px;
    bottom: 140px;
    display: none  !important;
}
.tf__about_img::after, .tf__about_img::before {
  position: absolute;
  content: "";
  background: url(../img/about_shape_1.png);
  display: none !important;

}

@media(max-width:425px){
  .transform-banner img {
    height: 400px;
    width: 100%;
  }
  .contact-from .sec-title {
    font-size: 29px !important;
}
}

.tf__about_img {
  height: 580px;
}

.tf__about::before {
  left: 35%;
}
}