Columns not responsive if first thing in page is Color Section

Hi,

I need to create a page where the first thing is a color section with two columns inside, but the columns are not stacking properly when window is resized. I have noticed that this only happens if the color section is the first thing I put on page. If I insert a separator or any other element before the color section, it works. I have noticed that, in this case, the <main> section is not generated, and it seems that when <main> is not present, responsiveness is not working.

Test page: http://nementio.com/nementio-home-2016-test/

This is html code generated (color section first):

<!– end header –>
</header>

<div id=’main’ class=’all_colors’ data-scroll-offset=’88’>

</div></div></div><!– close content main div –></div></div><div id=’av_section_2′ class=’avia-section main_color avia-section-small avia-no-border-styling avia-full-stretch av-section-color-overlay-active avia-bg-style-fixed container_wrap fullsize’ style = ‘background-repeat: no-repeat; background-image: url(http://nementio.com/wp-content/uploads/2015/12/CMO_MOTIVAR_A_TU_EQUIPO_DE_VENTAS.jpg); background-attachment: fixed; background-position: center center; ‘ data-section-bg-repeat=’stretch’ ><div class=’av-section-color-overlay-wrap’><div class=’av-section-color-overlay’ style=’opacity: 0.5; background-color: #000000; background-image: url(http://nementio.com/wp-content/themes/enfold/images/background-images/wood-light.png); background-repeat: repeat;’></div><div class=’container’ ><div class=’template-page content av-content-full alpha units’><div class=’post-entry post-entry-type-page post-entry-5509′><div class=’entry-content-wrapper clearfix’>
<div class=”flex_column av_one_half flex_column_div av-zero-column-padding first ” style=’border-radius:0px; ‘><div class=’avia-image-container av-styling- noHover av-overlay-hover-deactivate avia-align-center ‘ itemscope=”itemscope” itemtype=”https://schema.org/ImageObject&#8221; ><div class=’avia-image-container-inner’><div class=’av-image-caption-overlay’><div class=’av-caption-image-overlay-bg’ style=’opacity:0.4; background-color:#000000; ‘></div><div class=’av-image-caption-overlay-position’><div class=’av-image-caption-overlay-center’ style=’color:#ffffff; font-size:20px; ‘><p>VENDER MAS</p>
</div></div></div></div></div>

Html (separator first, responsiveness OK):

<!– end header –>
</header>

<div id=’main’ class=’all_colors’ data-scroll-offset=’88’>

<div class=’main_color container_wrap_first container_wrap fullsize’ ><div class=’container’ ><main role=”main” itemprop=”mainContentOfPage” class=’template-page content av-content-full alpha units’><div class=’post-entry post-entry-type-page post-entry-5509′><div class=’entry-content-wrapper clearfix’><div class=’hr hr-default ‘><span class=’hr-inner ‘ ><span class=’hr-inner-style’></span></span></div>
</div></div></main><!– close content main element –></div></div><div id=’av_section_2′ class=’avia-section main_color avia-section-small avia-no-border-styling avia-full-stretch av-section-color-overlay-active avia-bg-style-fixed container_wrap fullsize’ style = ‘background-repeat: no-repeat; background-image: url(http://nementio.com/wp-content/uploads/2015/12/CMO_MOTIVAR_A_TU_EQUIPO_DE_VENTAS.jpg); background-attachment: fixed; background-position: center center; ‘ data-section-bg-repeat=’stretch’ ><div class=’av-section-color-overlay-wrap’><div class=’av-section-color-overlay’ style=’opacity: 0.5; background-color: #000000; background-image: url(http://nementio.com/wp-content/themes/enfold/images/background-images/wood-light.png); background-repeat: repeat;’></div><div class=’container’ ><div class=’template-page content av-content-full alpha units’><div class=’post-entry post-entry-type-page post-entry-5509′><div class=’entry-content-wrapper clearfix’>
<div class=”flex_column av_one_half flex_column_div av-zero-column-padding first ” style=’border-radius:0px; ‘><div class=’avia-image-container av-styling- noHover av-overlay-hover-deactivate avia-align-center ‘ itemscope=”itemscope” itemtype=”https://schema.org/ImageObject&#8221; ><div class=’avia-image-container-inner’><div class=’av-image-caption-overlay’><div class=’av-caption-image-overlay-bg’ style=’opacity:0.4; background-color:#000000; ‘></div><div class=’av-image-caption-overlay-position’><div class=’av-image-caption-overlay-center’ style=’color:#ffffff; font-size:20px; ‘><p>VENDER MAS</p>
</div></div></div></div></div>