How to add custom css responsive in Avada WP Theme?
<p>I have a website with avada wprdpress theme. I´ve added a custom css in "Custom CSS" from theme options. This working fine for desktops, but didn´t work for mobile resolutions. </p>

<p>Example:</p>

<pre><code>/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px){
    .fusion-alignleft{
        max-width: 80%;
        float:left;
    }
    .fusion-alignright{
        max-width: 20%;
        float:right;
    }
    .fusion-contact-info {
        padding: 1em 0px;
        line-height: 1.5em;
    }
    .fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignright{
        text-align: right;
    }
}
</code></pre>

<p>How to add responsive styles in avada wordpress theme options?</p>