responsive header

web/themes/custom/popsu/sass/pages/partials/_header_footer.scss

@@ -280,6 +280,9 @@
 		background: black;
 		border-radius: 3px;
 		z-index: 1;
+		@include breakpoint(small down) {
+			width: 36px;
+		}
 	}
 }
 .close-block{
@@ -310,12 +313,25 @@
 	span{
 		margin-bottom: 12px;	
 		transform-origin: 4px 0px;
+		@include breakpoint(small down) {
+			margin-bottom: 8px;
+		}
 	}
 }
 
 #header-top-right{
 	border-left: solid black 0.5px;
+	&.small-1 {
+		@include breakpoint(small down) {
+			-ms-flex:0 0 15%;
+			flex:0 0 15% !important;
+			max-width: 15%!important;
+			.columns {
+			  flex: 1 1 0px !important;
+			}
+		  }
 
+	  }
 
 	.header_top_right_container{
 		position: absolute;