title: how to make the last div column stay on the top of the page in mobile view?
body: <p>I divided my divs into 4 columns, in the first column there is a previous page button arrow, in second and third columns contain the content and the last column contains the next page button arrow. But in the mobile view the last column arrow is at the bottom of the page, i need it to be placed on the top near to the previous button arrow.</p>
  
  <pre><code>&lt;div class="container"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-1"&gt;
                          &lt;form&gt;
                              &lt;input type="button" class="default_previous sprite" alt="Submit"&gt;
                          &lt;/form&gt;
  
                      &lt;/div&gt;
  
                      &lt;div class="col-md-4"&gt;
                          &lt;div class="container-two-grid"&gt;
  
                              &lt;div class="grid-two imageandtext"&gt;
                                  &lt;figure&gt;
                                     &lt;div class="imageandtext image_grid"&gt;
                                     &lt;label for="selimg1"&gt;
                                      &lt;img src="assets/images/painting.jpg" class="img-thumbnail"&gt;
                                      &lt;/label&gt;
                                       &lt;input type="radio" name="selimg" id="selimg1"&gt;
                                      &lt;div class="caption"&gt;
                                          &lt;p&gt;Painting&lt;/p&gt;
                                      &lt;/div&gt; 
                                      &lt;/div&gt;                    
                                      &lt;div class="imageandtext image_grid"&gt;
                                      &lt;label for="selimg2"&gt;
                                          &lt;img src="assets/images/photography.jpg" class="img-thumbnail" &gt;
                                          &lt;/label&gt;
                                          &lt;input type="radio" name="selimg" id="selimg2"&gt;
                                          &lt;div class="caption"&gt;
                                              &lt;p&gt;Photography&lt;/p&gt;
                                          &lt;/div&gt;&lt;/div&gt;
                                      &lt;/figure&gt;
                                  &lt;/div&gt;
  
                                  &lt;div class="grid-two imageandtext"&gt;
                                  &lt;figure&gt;
                                     &lt;div class="imageandtext image_grid"&gt;
                                     &lt;label for="selimg3"&gt;
                                      &lt;img src="assets/images/drawing.jpg" class="img-thumbnail"&gt;
                                      &lt;/label&gt;
                                       &lt;input type="radio" name="selimg" id="selimg3"&gt;
                                      &lt;div class="caption"&gt;
                                          &lt;p&gt;Drawing&lt;/p&gt;
                                      &lt;/div&gt; 
                                      &lt;/div&gt;                    
                                      &lt;div class="imageandtext image_grid"&gt;
                                      &lt;label for="selimg4"&gt;
                                          &lt;img src="assets/images/sculpture.jpg" class="img-thumbnail" &gt;
                                          &lt;/label&gt;
                                          &lt;input type="radio" name="selimg" id="selimg4"&gt;
                                          &lt;div class="caption"&gt;
                                              &lt;p&gt;Sculpture&lt;/p&gt;
                                          &lt;/div&gt;&lt;/div&gt;
                                      &lt;/figure&gt;
                                  &lt;/div&gt;
  
                                  &lt;div class="grid-two imageandtext"&gt;
                                  &lt;figure&gt;
                                     &lt;div class="imageandtext image_grid"&gt;
                                     &lt;label for="selimg5"&gt;
                                      &lt;img src="assets/images/painting.jpg" class="img-thumbnail"&gt;
                                      &lt;/label&gt;
                                       &lt;input type="radio" name="selimg" id="selimg5"&gt;
                                      &lt;div class="caption"&gt;
                                          &lt;p&gt;Painting&lt;/p&gt;
                                      &lt;/div&gt; 
                                      &lt;/div&gt;                    
                                      &lt;div class="imageandtext image_grid"&gt;
                                      &lt;label for="selimg6"&gt;
                                          &lt;img src="assets/images/photography.jpg" class="img-thumbnail" &gt;
                                          &lt;/label&gt;
                                          &lt;input type="radio" name="selimg" id="selimg6"&gt;
                                          &lt;div class="caption"&gt;
                                              &lt;p&gt;Photography&lt;/p&gt;
                                          &lt;/div&gt;&lt;/div&gt;
                                      &lt;/figure&gt;
                                  &lt;/div&gt;
                                 &lt;div class="grid-two imageandtext"&gt;
                                  &lt;figure&gt;
                                     &lt;div class="imageandtext image_grid"&gt;
                                     &lt;label for="selimg7"&gt;
                                      &lt;img src="assets/images/drawing.jpg" class="img-thumbnail"&gt;
                                      &lt;/label&gt;
                                       &lt;input type="radio" name="selimg" id="selimg7"&gt;
                                      &lt;div class="caption"&gt;
                                          &lt;p&gt;Drawing&lt;/p&gt;
                                      &lt;/div&gt; 
                                      &lt;/div&gt;                    
                                      &lt;div class="imageandtext image_grid"&gt;
                                      &lt;label for="selimg8"&gt;
                                          &lt;img src="assets/images/sculpture.jpg" class="img-thumbnail" &gt;
                                          &lt;/label&gt;
                                          &lt;input type="radio" name="selimg" id="selimg8"&gt;
                                          &lt;div class="caption"&gt;
                                              &lt;p&gt;Sculpture&lt;/p&gt;
                                          &lt;/div&gt;&lt;/div&gt;
                                      &lt;/figure&gt;
                                  &lt;/div&gt;
  
                              &lt;/div&gt;      
  
  
                          &lt;/div&gt;
                          &lt;div class="col-md-6"&gt;
                              &lt;div class="container-form-grid"&gt;
                                  &lt;div class="subject_art"&gt;
                                      &lt;form&gt;
                                          &lt;select class="mdb-select"&gt;
                                              &lt;option value="" disabled selected&gt;Subject of ART&lt;/option&gt;
                                              &lt;option value="1"&gt;Option 1&lt;/option&gt;
                                              &lt;option value="2"&gt;Option 2&lt;/option&gt;
                                              &lt;option value="3"&gt;Option 3&lt;/option&gt;
                                          &lt;/select&gt;
                                      &lt;/form&gt;
                                  &lt;/div&gt;
  
                                  &lt;form class="form-inline"&gt;
  
                                      &lt;h4&gt;Dimensions&lt;/h4&gt;
                                      &lt;select class="mdb-select"&gt;
                                          &lt;option value="" disabled selected&gt;Units&lt;/option&gt;
                                          &lt;option value="1"&gt;Option 1&lt;/option&gt;
                                          &lt;option value="2"&gt;Option 2&lt;/option&gt;
                                          &lt;option value="3"&gt;Option 3&lt;/option&gt;
                                      &lt;/select&gt;
  
                                  &lt;/form&gt;
                                  &lt;form class="form-inline"&gt;
  
                                      &lt;div class="md-form form-group"&gt;
  
                                          &lt;input type="text" id="form1" class="form-control"&gt;
                                          &lt;label for="form1" class=""&gt;Width&lt;/label&gt;
                                      &lt;/div&gt;
  
                                      &lt;div class="md-form form-group"&gt;
                                          &lt;input type="text" id="form1" class="form-control"&gt;
                                          &lt;label for="form1" class=""&gt;Height&lt;/label&gt;
                                      &lt;/div&gt;
  
                                      &lt;div class="md-form form-group"&gt;
                                          &lt;input type="text" id="form1" class="form-control"&gt;
                                          &lt;label for="form1" class=""&gt;Depth&lt;/label&gt;
                                      &lt;/div&gt;
  
  
                                  &lt;/form&gt;
                                  &lt;form&gt;
                                      &lt;div class="form_weight"&gt;
                                          &lt;div class="md-form"&gt;
                                              &lt;input type="text" id="form41" class="form-control"&gt;
                                              &lt;label for="form41" class=""&gt;Weight&lt;/label&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
  
                                  &lt;/form&gt;
                                  &lt;form class="form-inline"&gt;
                                  &lt;h4&gt;ART Specifics&lt;/h4&gt;
                                      &lt;div class="form_row"&gt;
                                          &lt;ul&gt;
                                              &lt;li&gt;
                                                  &lt;select class="mdb-select"&gt;
                                                      &lt;option value="" disabled selected&gt;Medium&lt;/option&gt;
                                                      &lt;option value="1"&gt;Option 1&lt;/option&gt;
                                                      &lt;option value="2"&gt;Option 2&lt;/option&gt;
                                                      &lt;option value="3"&gt;Option 3&lt;/option&gt;
                                                  &lt;/select&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;
                                                  &lt;select class="mdb-select"&gt;
                                                      &lt;option value="" disabled selected&gt;Material&lt;/option&gt;
                                                      &lt;option value="1"&gt;Option 1&lt;/option&gt;
                                                      &lt;option value="2"&gt;Option 2&lt;/option&gt;
                                                      &lt;option value="3"&gt;Option 3&lt;/option&gt;
                                                  &lt;/select&gt;
                                              &lt;/li&gt;
                                              &lt;li&gt;&lt;select class="mdb-select"&gt;
                                                  &lt;option value="" disabled selected&gt;Styles&lt;/option&gt;
                                                  &lt;option value="1"&gt;Option 1&lt;/option&gt;
                                                  &lt;option value="2"&gt;Option 2&lt;/option&gt;
                                                  &lt;option value="3"&gt;Option 3&lt;/option&gt;
                                              &lt;/select&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/div&gt;
  
  
  
  
  
                                  &lt;/form&gt;
                                  &lt;form&gt;
                                      &lt;div class="md-form form-width"&gt;
                                          &lt;input type="text" id="form1" class="form-control"&gt;
                                          &lt;label for="form1" class=""&gt;Keywords/Tags (Type 5 to 20 items)  &lt;/label&gt;
                                      &lt;/div&gt;
                                  &lt;/form&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-1"&gt;
                              &lt;form&gt;
                                  &lt;input type="button" class="default-next sprite" alt="Submit"&gt;
  
                              &lt;/form&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/section&gt;
  </code></pre>
  
  <p>css(previous button and next button)</p>
  
  <pre><code>.uploadart_content .default-next{
        width: 83px;
        height: 65px;
        margin-right: 8px;
        display: inline-block;
        vertical-align: middle;
        background-position: -71px -235px;
        margin-top: 341px;
        border:none;
        outline: none;
  
      }
      .uploadart_content .default_previous{
        width: 83px;
        height: 65px;
        margin-right: 8px;
        display: inline-block;
        vertical-align: middle;
        background-position: -139px -235px;
        margin-top: 341px;
        border:none;
        outline: none;
      }
  </code></pre>