<style>
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border: none;
}
.block{
  display:flex;
}
.column-1{
  width: 50%;
  margin-right:25px;
}
.column-2{
  width: 50%;
  margin-left:25px;
}
.title-label{
  margin-left: 26px;
}
@media (max-width: 1024px){
.column-1{
  margin-right:15px;
}
.column-2{
  margin-left:15px;
}
.title-label{
  margin-left: 0px;
}
}
@media (max-width: 767px){
.block {
display:block;
}
.column-1{
  width:100%;
  margin:0;
}
.column-2{
  width:100%;
  margin:0;
}
}
</style>

<div class="block">
<div class="column-1">
<span><label><span class="title-label">First name*</span>[text* first-name placeholder"John"]</label></span>
</div>
<div class="column-2">
<span><label><span class="title-label">Last name*</span>[text* last-name placeholder"Doe"]</label></span>
</div>
</div>
<div>
<span><label><span class="title-label">E-mail</span>[email* your-email placeholder"example@mail.com"]</label></span>
</div>
<div>
<span><label><span class="title-label">Type your message</span>[textarea your-message placeholder"Message"]</label></span>
</div>
[submit "Subscribe"]