Проблема при адаптивной верстке

Доброе утро, пытаюсь сделать адаптивную верстку на сайт и столкнулся с такой проблемой, блок что идет справа не отображается на мобильных устройствах т.к не хватает места, передо мной есть такая разметка:

HTML:

<div class="container">
    <div class="row">
        <div id="header">
            <div id="navigation">
                <div class="wc">
                    <?php print render($page['topmenu']); ?>
                    <div style="clear: both;"></div>
                </div>
            </div>
            <div id="top" class="wc">
                <a href="#" id="logo"></a>
                <div id="slider"><?php print render($page['slider']); ?></div>
            </div>
        </div>
        <div id="inside" class="wc">
            <div id="sidebar"><?php print render($page['sidebar']); ?></div>
            <div id="content"><?php print render($page['content']); ?></div>
            <div style="clear: both;"></div>
        </div>
        <div id="footer">
            <div id="footer_content" class="wc">
                &COPY; 2017 POLITPLAKAT.ORG
            </div>
        </div>
    </div>
</div>

CSS:

.masonry-item { 
    width: auto;
    background: none;
    border: none;
 }
 .masonry-item a {
    text-align: center !important;
    vertical-align: middle !important;
    color: #000000 !important;
    text-decoration: underline;
    line-height: 1.5;
 }
.masonry-item img {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    margin-bottom: 2%;
}

Как заставить блок справа отобразиться ниже?

Как использовал:

<div class="container">
    <div class="row">
        <div id="header">
            <div id="navigation">
                <div class="wc">
                    <?php print render($page['topmenu']); ?>
                    <div style="clear: both;"></div>
                </div>
            </div>
            <div id="top" class="wc">
                <a href="#" id="logo"></a>
                <div id="slider"><?php print render($page['slider']); ?></div>
            </div>
        </div>
        <div id="inside" class="wc">
            <div id="sidebar"><?php print render($page['sidebar']); ?></div>
        <div class="col-xs-12 col-md-6">
            <div id="content"><?php print render($page['content']); ?></div>
        </div>
            <div style="clear: both;"></div>
        </div>
        <div id="footer">
            <div id="footer_content" class="wc">
                &COPY; 2017 POLITPLAKAT.ORG
            </div>
        </div>
    </div>
</div>