@media (max-width: 1440px){
.hero-style-one .hero-shape.shape-three span {
  width: 400px;
  height: 400px;
}
}

@media (max-width: 1024px){
    .hero-style-one{
        padding: 40px 0 0px;
    }
}

@media screen and (max-width: 767px) {
  .hero-images {
      flex-direction: column-reverse;
  }
  .hero-images img:nth-child(2) {
    order: 3;
}

.hero-images img:nth-child(1) {
    order: 2;
}
}