update _header.scss

assets/styles/_header.scss

@@ -29,7 +29,7 @@
         justify-content: space-between;
         flex-wrap: wrap;
         @include breakpoint(md) {
-            padding: 0;
+            /*padding: 0;*/
             flex-wrap: nowrap;
             position: relative;
         }
@@ -42,6 +42,12 @@
     	align-items: center;
     	max-width: 100%;
 	}
+	
+	.ubermenu {
+	    -webkit-box-flex: 1;
+        -ms-flex: 1 1 40%;
+        flex: 1 1 40%;
+	}
 }
 
 
@@ -101,6 +107,19 @@
 
 .header-widget-area {
     margin-right: 10vw;
+    -webkit-box-flex: 1;
+    -ms-flex: 1 1 40%;
+    flex: 1 1 40%;
+    text-align: right;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
     @include breakpoint(md) {
         order: 3;
         margin-left: 1em;