show consultation on mobiles

zsite/static/less/consultation.less

@@ -73,15 +73,7 @@
 }
 
 .consultation-person { 
-    @media (min-width: 0) {
+   
-        display: none;
-    }
-
-    @media (min-width: @screen-tablet) {
-        display: block;
-
-    }
-
     .modal-form {
         text-align: right;
     }

zsite/static/less/service.less

@@ -61,20 +61,29 @@
 }
 
 .service-calculator {
+    @media (min-width: 0) {
+        
+        margin-top: 5px;
+    }
+
+    @media (min-width: @screen-tablet) {
+        margin-top: -12px;
+    }
+
     background-color: #E8EEFC;
-  border-radius: 5px;
+    border-radius: 5px;
-  padding: 12px;
+    padding: 12px;
-  margin-top: -12px;
+    
-  margin-bottom: 15px;
+    margin-bottom: 15px;
 
-  h3 {
+    h3 {
-    font-weight: 600;
+        font-weight: 600;
-    margin-top: 0;
+        margin-top: 0;
-  }
+    }
 
-  .description {
+    .description {
-    margin-bottom: 5px;
+        margin-bottom: 5px;
-  }
+    }
 }
 
 .bill:after {
@@ -444,7 +453,7 @@
             font-size: 12px;
 
             overflow: hidden;
-            
+
             img {
                 margin-bottom: 5px;
             }

zsite/static/less/sub_content.less

@@ -35,7 +35,7 @@
         display: none;
       }
 
-      @media (min-width: @screen-tablet) {
+      @media (min-width: @screen-desktop) {
         display: block;
       }
     }

zsite/templates/aldryn_people/plugins/feature/people_list.html

@@ -33,7 +33,7 @@
             </a>
         </div>
         <div class="people-description">
-            <p><a href="{{ person.get_absolute_url }}">{{ person.name }}</a>, {{ person.function|lower }}, <nobr><em>{% trans 'will give you a detailed advice' %}</em></nobr></p>
+            <p><a href="{{ person.get_absolute_url }}">{{ person.name }}</a>, {{ person.function|lower }}, <em>{% trans 'will give you a detailed advice' %}</em></p>
         </div>
         <script type="text/javascript">
             var consultation = {