Mobile

app/assets/styles/media.scss

@@ -1,3 +1,64 @@
+@media (min-width: 641) and (max-width: 960px) {
+    .wrapper--content {
+        display: block;
+    }
+    .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%;
+        margin-top: 15px !important;
+            max-width: 100%;
+    }
+        .doctors__photo {
+        margin: 0 auto;
+    }
+    .organization-info__vrach-img {
+        max-width: 270px;
+        margin: 0 auto;
+    }
+    .wrapper--footer {
+        display: block !important;
+    }
+    .footer__logo {
+        display: inline-block;
+        margin-left: 10px;
+    }
+    .copyright {
+        display: inline-block;
+        width: calc(100%  - 140px);
+        margin-right: 0;
+    }
+    .copyright span {
+        display: block;
+    }
+    .aferta {
+        display: block;
+        width: calc(100% - 20px);
+        margin:0 10px;
+    }
+    .footer__right {
+        display: block;
+        width: calc(100% - 20px);
+        margin:0 10px;
+    }
+    .footer__right .mainlinks {
+        display: block;
+    }
+    .footer__right .mainlinks li {
+        display: inline-block;
+    }
+}
 @media screen and (max-width: 640px) {
     .logo--header {
         width: 185px;
@@ -21,6 +82,10 @@
     .doctors__photo {
         margin: 0 auto;
     }
+    .organization-info__vrach-img {
+        max-width: 270px;
+        margin: 0 auto;
+    }
     .organization-info__container .vrach-info{
         margin: 15px 0;
         min-height: auto;
@@ -41,7 +106,7 @@
     .wrapper--footer {
         display: block !important;
     }
-    .footer-logo {
+    .footer__logo {
         display: inline-block;
         margin-left: 10px;
     }

app/www/css/all.css

@@ -6174,6 +6174,53 @@ input[type='submit'].styler[disabled] {
 .whiteblack:hover a {
   text-decoration: underline; }
 
+@media (min-width: 641) and (max-width: 960px) {
+  .wrapper--content {
+    display: block; }
+  .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%;
+    margin-top: 15px !important;
+    max-width: 100%; }
+  .doctors__photo {
+    margin: 0 auto; }
+  .organization-info__vrach-img {
+    max-width: 270px;
+    margin: 0 auto; }
+  .wrapper--footer {
+    display: block !important; }
+  .footer__logo {
+    display: inline-block;
+    margin-left: 10px; }
+  .copyright {
+    display: inline-block;
+    width: calc(100%  - 140px);
+    margin-right: 0; }
+  .copyright span {
+    display: block; }
+  .aferta {
+    display: block;
+    width: calc(100% - 20px);
+    margin: 0 10px; }
+  .footer__right {
+    display: block;
+    width: calc(100% - 20px);
+    margin: 0 10px; }
+  .footer__right .mainlinks {
+    display: block; }
+  .footer__right .mainlinks li {
+    display: inline-block; } }
+
 @media screen and (max-width: 640px) {
   .logo--header {
     width: 185px; }
@@ -6190,6 +6237,9 @@ input[type='submit'].styler[disabled] {
     display: none !important; }
   .doctors__photo {
     margin: 0 auto; }
+  .organization-info__vrach-img {
+    max-width: 270px;
+    margin: 0 auto; }
   .organization-info__container .vrach-info {
     margin: 15px 0;
     min-height: auto; }
@@ -6204,7 +6254,7 @@ input[type='submit'].styler[disabled] {
     display: none !important; }
   .wrapper--footer {
     display: block !important; }
-  .footer-logo {
+  .footer__logo {
     display: inline-block;
     margin-left: 10px; }
   .copyright {