Change dev menu

layout/style-scss/nav-menu.scss

@@ -2,9 +2,60 @@
 @import '_mixins';
 
 header#header {
+	padding-top: 0;
+	padding-bottom: 10px;
+
+	.top-header {
+		padding-top: 8px;
+		padding-bottom: 8px;
+		background: linear-gradient(90deg, #f2f2f2 100%, #b8aea4 100%);
+
+		.top-header-data {
+			display: flex;
+			flex-direction: row;
+			justify-content: flex-end;
+			align-items: center;
+
+			> ul {
+				list-style: none;
+				padding: 0;
+				margin: 0;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				column-gap: 16px;
+
+				li {
+					&.top-header-btn {
+						a {
+							font-size: 12px;
+							font-weight: 700;
+
+							display: flex;
+							align-items: center;
+							column-gap: 8px;
+							padding: 5px 10px;
+							border: 0.5px solid #d8d8d8;
+							border-radius: 5px;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.bottom-header {
+		padding-top: 10px;
+	}
 	.header-data {
 		// position: relative;
 		height: 54px;
+
+		.header-logo {
+			img {
+				max-width: 263px;
+			}
+		}
 	}
 	#header-nav {
 		nav#header-mine-menu {
@@ -37,7 +88,7 @@ header#header {
 					position: absolute;
 					left: 0;
 					right: 0;
-					top: calc(100% - 25px);
+					top: calc(100% - 10px);
 					background: $cWhite;
 					border-bottom: 1px solid #dcdcdc;
 					box-shadow: 0 1.5px 4px 0 rgba(0, 0, 0, 0.05);
@@ -63,7 +114,7 @@ header#header {
 					&.lvl-1 {
 						display: flex;
 						flex-direction: row;
-						column-gap: 40px;
+						column-gap: 20px;
 
 						> li {
 							height: 54px;
@@ -422,6 +473,28 @@ header#header {
 					max-width: unset;
 				}
 			}
+
+			ul.lvl-1 {
+				.btn-action {
+					margin-right: 80px;
+					.btn1 {
+						color: #303030;
+						font-family: $font3;
+						font-size: 16px;
+						font-weight: 700;
+						line-height: 1;
+
+						padding: 8px 20px;
+						background: #ffed00;
+						border-radius: 10px;
+					}
+				}
+				.search-item {
+					.search {
+						margin: 0;
+					}
+				}
+			}
 		}
 
 		#header-mine-menu-btn {