media

app/assets/styles/media.scss

@@ -1,15 +1,18 @@
 @media (min-width: 960px) and (max-width: 1220px) {
+    .wrapper--content {
+        display: block;
+    }
       .leftbar {
         width: 100%;
     max-width: 230px;
-    float: left;
+    vertical-align: top;
     display: inline-block;
     margin-right: 20px;
 }
 .centerbar {
     width: calc(100% - 250px);
     display: inline-block;
-    float: left;
+    vertical-align: top;
     vertical-align: top;
 }
 }
@@ -20,14 +23,12 @@
     .leftbar {
     width: 100%;
     max-width: 230px;
-    float: left;
     display: inline-block;
     margin-right: 20px;
 }
 .centerbar {
     width: calc(100% - 250px);
     display: inline-block;
-    float: left;
     vertical-align: top;
 }
     .grid-dis-col-33:last-child, .grid-dis-col-66:last-child, .grid-dis-col-1:last-child {

app/www/css/all.css

@@ -6169,16 +6169,18 @@ input[type='submit'].styler[disabled] {
   text-decoration: underline; }
 
 @media (min-width: 960px) and (max-width: 1220px) {
+  .wrapper--content {
+    display: block; }
   .leftbar {
     width: 100%;
     max-width: 230px;
-    float: left;
+    vertical-align: top;
     display: inline-block;
     margin-right: 20px; }
   .centerbar {
     width: calc(100% - 250px);
     display: inline-block;
-    float: left;
+    vertical-align: top;
     vertical-align: top; } }
 
 @media (min-width: 641px) and (max-width: 960px) {
@@ -6187,13 +6189,11 @@ input[type='submit'].styler[disabled] {
   .leftbar {
     width: 100%;
     max-width: 230px;
-    float: left;
     display: inline-block;
     margin-right: 20px; }
   .centerbar {
     width: calc(100% - 250px);
     display: inline-block;
-    float: left;
     vertical-align: top; }
   .grid-dis-col-33:last-child, .grid-dis-col-66:last-child, .grid-dis-col-1:last-child {
     width: 100%;