0.0.177

static/aerbimCSS.css

@@ -1507,8 +1507,7 @@ body.n_scroll{
 }
 
 .info_part_b_projects_slider{
-    padding: 0 30px;
-    width: 90%;
+    width: calc(100% - 120px);
 }
 
 .el_container_projects_slider{
@@ -1521,6 +1520,10 @@ body.n_scroll{
     display: none;
 }
 
+.mobile_switchers_f_projects{
+    display: none;
+}
+
 .left_part_proj{
     width: 47.5%;
     margin-right: 2.5%;

static/aerbimCSSMOBILE.css

@@ -293,6 +293,28 @@
 }
 
 @media (max-width: 800px) {
+    .mobile_switchers_f_projects{
+        display: block;
+        margin-top: 10px;
+        text-align: -webkit-center;
+        width: 100%;
+    }
+    .left_arrow_f_projects_mobile{
+        filter: brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(1195%) hue-rotate(184deg) brightness(87%) contrast(95%);
+        width: 15px;
+        height: 15px;
+    }
+    .right_arrow_f_projects_mobile{
+        filter: brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(1195%) hue-rotate(184deg) brightness(87%) contrast(95%);
+        width: 15px;
+        height: 15px;
+    }
+    .counter_elements_projects_slider{
+        position: relative;
+        bottom: 2px;
+        font-size: 20px;
+        color: #0C54A0;
+    }
     .label_feedback_form{
         padding-left: 0;
     }

templates/widgets/w_project.html

@@ -11,5 +11,15 @@
     <div class="right_part_proj">
         <img class="img_proj" src="{{ MEDIA_URL }}{{ project.picture }}" alt="">
     </div>
-
+    <div class="mobile_switchers_f_projects">
+        <picture>
+            <source srcset="{% static "images/arrow_white_left.svg" %}">
+            <img onclick="changeSlideProject(this,'back')" class="left_arrow_f_projects_mobile" src="{% static "images/arrow_white_left.svg" %}">
+        </picture>
+        <span class="counter_elements_projects_slider">{{ forloop.counter }} / {{ forloop|length }}</span>
+        <picture>
+            <source srcset="{% static "images/arrow_white_right.svg" %}">
+            <img onclick="changeSlideProject(this,'next')" class="right_arrow_f_projects_mobile" src="{% static "images/arrow_white_left.svg" %}">
+        </picture>
+    </div>
 </div>