Module position not displaying correctly - Joomla! Forum - community, help and support

hey all-

i have template have purchased , i'm struggling position of couple of modules.

website http://www.cafelafayettedinnertrain.com

the modules in question on homepage - featurette , upcoming events. there seems problem position "maintop". 2 modules meant sit side side not. sitting 1 on top of other. here code particular section.

code: select all

 <!-- maintop -->
    <?php if ($this->countmodules('maintop') && $hidebyview == false && $layout !== 'edit'): ?>
      <div id="maintop-row">
        <div class="row-container">
          <div class="<?php echo $containerclass; ?>">
            <div id="maintop" class="<?php echo $rowclass; ?>">
              <jdoc:include type="modules" name="maintop" style="themehtml5" />
            </div>
          </div>
        </div>
      </div>
    <?php endif; ?>

here relevant css:

code: select all

/*======================= maintop =======================*/
#maintop-row {
  position: relative;
  z-index: 3;
}
#maintop-row .row-container {
  background: #fff;
  padding: 0 18px;
  box-shadow: 5px 0 5px -6px #c4c3c3, -5px 0 5px -6px #c4c3c3;
}
#maintop-row #maintop {
  padding: 42px 0;

does see off , suggest how fix it. contacted support templating company , suggestion put 2 modules in table. that's not solution because don't think data tables responsive, right?

thanks help!
sarah

i think don't enter correct height , width of module, according provided space in template module.