.hero{
      height:485px;
  }
  @media (min-width: 320px) and (max-width: 575px){
      .hero{
          height:840px;
      }
  }
      .hero .section-shape{
    left: 0;
    right: 0;
}
.one h2 {
  text-align: center;
  padding-bottom: 5px;
}
.one h2:before {
  width: 28px;
  height: 3px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -14px;
  background-color: #4473d6;
}
.one h2:after {
  width: 100px;
  height: 3px;
  display: block;
  content: "";
  position: relative;
  margin-top: 25px;
  left: 50%;
  margin-left: -50px;
  background-color: #4473d6;
}