.home-banner-area .home-banner{
  background: linear-gradient(130deg,#e00052,#20dfe9);
  background-size: 200% 200%;
  color: #fff;
  padding: 72px 0 350px;
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 85%);
  clip-path: polygon(0 0,100% 0,100% 100%,0 85%);
  -webkit-animation: hero-gradient 20s ease infinite;
  animation: hero-gradient 20s ease infinite;
  text-align:center;
}

.home-banner-area .hero-right {
  margin: -350px auto -24px;
  position: relative;
  padding: 0;
  text-align: center;
}

.home-banner-area .hero-right .hero-media {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.home-banner-area .hero-heading {
  margin: 24px 0;
}

.home-banner-area .hero-download {
  margin: 0 0 24px;
}

.home-banner-area .sub-heading {
  opacity: .75;
  margin-bottom: 24px;
}

.home-banner-area .sub-heading.small-text {
  font-size:13px;
}

.home-banner-area .hs_cos_wrapper_type_form>h3 {
  display:none;
}

.home-banner-area .sub-heading a {
  color: #fff;  
}

.home-banner-area .sub-heading a:hover {
  color: #20dfe9;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media (min-width:768px) {
  .home-banner-area .home-banner{
    display: inline-block;
    width: 100%;
    padding: 144px 0 175px;
    text-align:left;
  }

  .home-banner-area .hero-left {
    float: left;
    width: 53%;
  }

  .home-banner-area .hero-right {
    margin:-30px 0 0;
  }

  .home-banner-area .hero-right .hero-media {
    position: absolute;
    right: 0;
    top: -575px;
    max-width: 45%;
  }
}


@media (max-width:767px) {

  .home-banner-area .hero-heading {
    font-size: 2.4em;
  }

}