my-content-page and fix adaptive styles

src/app/styles/global-styles.scss

@@ -33,7 +33,8 @@
 }
 
 .main-containter-wrapper {
-	margin-left: var(--side-bar-width);;
+	margin-left: var(--side-bar-width);
+	;
 	flex: 1;
 	padding: 30px;
 	background: v.$bg-light;
@@ -141,13 +142,18 @@
 	cursor: pointer;
 	position: absolute;
 	top: 50%;
-	right: 10px;
+	right: 0px;
+	padding: 10px;
 	transform: translateY(-50%);
 
 	svg {
 		width: 16px;
 		color: #686060;
 		transition: color 0.2s ease;
+
+		&:hover {
+			color: v.$s-color;
+		}
 	}
 
 	&.show {
@@ -213,6 +219,11 @@
 		width: 20px;
 		height: 20px;
 	}
+
+	@media (max-width: 1200px) {
+		padding: 5px 15px;
+		font-size: 15px;
+	}
 }
 
 .sub-link {
@@ -262,11 +273,23 @@
 	font-size: 24px;
 	font-weight: 600;
 	text-transform: uppercase;
+	white-space: nowrap;
+
+	@media (max-width: 1200px) {
+		padding: 0 15px 20px;
+		font-size: 20px;
+	}
 
 	svg {
 		width: 32px;
 		height: 32px;
 		margin-right: 15px;
+
+		@media (max-width: 1200px) {
+			width: 28px;
+			height: 28px;
+			margin-right: 5px;
+		}
 	}
 }