reduce maxlength according to screen size

Proposed solution #3446604

css/pb.css

@@ -639,6 +639,7 @@
 
 .search__search-bar {
   position: relative;
+  max-width: 80ch;
   height: 50px;
   cursor: pointer;
   text-align: center;
@@ -648,6 +649,12 @@
   font-size: 20px;
 }
 
+@media screen and (max-width: 855px) {
+  .search__search-bar {
+    max-width: 45ch;
+  }
+}
+
 .search__search-icon {
   position: absolute;
   bottom: 12px;