How to use contact form 7 fields with columns in Avada theme?

I am working on email subscribe section on Avada theme where I need to use contact form 7. According to design, I need to use the form in horizontally. See my desired design bellow-

  It seems very easy but you have to use some tricks for that. Follow the steps-

1. First, you have to familiar with the Avada theme column class name.

<div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes">
Your Name (required) [text* your-name]</div>
<div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes">
Your Message [textarea your-message]</div>
<div class="fusion-one-third one_third fusion-layout-column fusion-spacing-yes fusion-column-last">
[submit "Send"]</div>

Marked line is the column class name of Avada theme. This is 3 column example.

2. Now you need to use this code snippet in the contact form 7. See the image below-

In my design, I need 2 column that's why I use fusion-two third & fusion-one third class name. 

3. Now save and call the contact form where you want to use in your page. After that do some CSS styling to make it nice.

Note: Remember this class names will only work on Avada theme.

Hope it will help.....................