Mobile

app/assets/styles/content/centerbar/centerbar.scss

@@ -7,7 +7,4 @@
         position: relative;
     }
 
-    @media screen and (max-width: 1220px) {
-        width: 100%;
-    }
 }

app/assets/styles/content/leftbar/leftbar.scss

@@ -113,7 +113,4 @@
         margin-bottom: 10px;
     }
 
-    @media screen and (max-width: 1220px) {
-        width: 100%;
-    }
 }

app/assets/styles/media.scss

@@ -1,3 +1,18 @@
+@media (min-width: 960px) and (max-width: 1220px) {
+      .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;
+}
+}
 @media (min-width: 641px) and (max-width: 960px) {
     .wrapper--content {
         display: block;
@@ -60,6 +75,10 @@
     }
 }
 @media screen and (max-width: 640px) {
+    .special-items__item {
+    width: 320px;
+    margin: 15px auto;
+    }
     .logo--header {
         width: 185px;
     }

app/www/css/all.css

@@ -1166,9 +1166,6 @@ body {
     font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
     font-weight: bold;
     margin-bottom: 10px; }
-  @media screen and (max-width: 1220px) {
-    .leftbar {
-      width: 100%; } }
 
 .search--static {
   height: 45px;
@@ -1738,9 +1735,6 @@ body {
   .centerbar--with-map {
     margin-top: 300px;
     position: relative; }
-  @media screen and (max-width: 1220px) {
-    .centerbar {
-      width: 100%; } }
 
 .mainslider {
   background-color: #ebebeb;
@@ -6174,6 +6168,19 @@ input[type='submit'].styler[disabled] {
 .whiteblack:hover a {
   text-decoration: underline; }
 
+@media (min-width: 960px) and (max-width: 1220px) {
+  .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; } }
+
 @media (min-width: 641px) and (max-width: 960px) {
   .wrapper--content {
     display: block; }
@@ -6222,6 +6229,9 @@ input[type='submit'].styler[disabled] {
     display: inline-block; } }
 
 @media screen and (max-width: 640px) {
+  .special-items__item {
+    width: 320px;
+    margin: 15px auto; }
   .logo--header {
     width: 185px; }
   .logo--header .logo__img {