Save

layout/style-scss/nav-menu.scss

@@ -25,6 +25,10 @@ header#header {
 				align-items: center;
 				column-gap: 15px;
 
+				@include respond-below(sm) {
+					display: none;
+				}
+
 				li {
 					a {
 						&:hover {
@@ -52,6 +56,7 @@ header#header {
 				flex-direction: row;
 				align-items: center;
 				column-gap: 18px;
+				flex-wrap: wrap;
 
 				li {
 					&.top-header-btn {
@@ -80,6 +85,23 @@ header#header {
 						}
 					}
 				}
+
+				@media (max-width: 500px) {
+					justify-content: center;
+					row-gap: 10px;
+
+					li {
+						order: 1;
+
+						&:not(.unia-item) {
+							order: 2;
+						}
+						&.unia-item {
+							width: 100%;
+							text-align: center;
+						}
+					}
+				}
 			}
 
 			.search-item {

layout/style-scss/style.scss

@@ -10772,6 +10772,10 @@ header#header {
 		height: 110px;
 	}
 
+	@media (max-width: 500px) {
+		height: 140px;
+	}
+
 	.container {
 		// @include respond-above(xxl) {
 		// 	max-width: 1500px;