make event page responsive

ot_templating/Resources/Public/assets/Classic/style/module/_events-show.scss

@@ -83,3 +83,24 @@
   width: 100%;
   align-self: center;
 }
+
+@media (max-width: 600px) {
+  .ot-show-event header {
+    flex-direction: column;
+    margin: 12px 0;
+  }
+
+  .ot-show-event .event-content {
+    flex-direction: column;
+  }
+
+  .ot-show-event .event-content .event-poster {
+    align-self: center;
+    margin: 0 0 12px 0;
+    max-width: none;
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+}
+

ot_templating/Resources/Public/assets/Modern/style/custom.css

@@ -1007,6 +1007,27 @@ Event's details pages
     align-self: center;
 }
 
+@media (max-width: 600px) {
+    .ot-show-event header {
+        flex-direction: column;
+        margin: 12px 0;
+    }
+
+    .ot-show-event .event-content {
+        flex-direction: column;
+    }
+
+    .ot-show-event .event-content .event-poster {
+        align-self: center;
+        margin: 0 0 12px 0;
+        max-width: none;
+        width: 100%;
+        display: flex;
+        align-items: center;
+    }
+}
+
+
 /*============================
 Events preview
 ============================*/