diff --git a/src/global.scss b/src/global.scss
index 868e1d048..58fc73799 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -782,11 +782,21 @@ ion-content {
    padding: 0px 20px 0 20px !important;
 }
 
-app-header .header-container{
-    background: var(--header-container-background) !important;
-    color: var(--headercolor);
-    margin-bottom: 20px
-  }
+@media only screen and (min-width: 1224px) {
+
+    app-header .header-container{
+        background: var(--header-container-background) !important;
+        color: var(--headercolor);
+        margin-bottom: 20px
+      }
+}
+
+@media only screen and (min-width : 321px) {
+    app-header .header-container{
+        background: var(--header-container-background) !important;
+        color: var(--headercolor);
+      }
+}
 
   app-header .header-bottom-line{
     width: 100%;