converted responsive to @include col-mediaquery-max(3)

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -9,7 +9,7 @@ $mdi-font-path: './mdi/fonts/';
 @import './base/layout';
 @import './base/animations';
 @import './base/fonts';
-@import './base/responsive';
+// @import './base/responsive';
 
 html{
   // background-color: red;
@@ -53,7 +53,7 @@ header[role="banner"]{
     }
     .slogan{
 
-      @include responsive-mediaquery-phone(){
+      @include col-mediaquery-max(2){
         display:none;
       }
     }
@@ -66,7 +66,7 @@ header[role="banner"]{
     li{
       padding:0;
     }
-    @include responsive-mediaquery-phone(){
+    @include col-mediaquery-max(3){
       display:none;
     }
   }
@@ -175,7 +175,7 @@ header[role="banner"]{
       @extend %header-fs;
       cursor: pointer;
       span{
-        @include responsive-mediaquery-phone(){
+        @include col-mediaquery-max(3){
           display:none;
         }
       }
@@ -199,7 +199,7 @@ header[role="banner"]{
       cursor: pointer;
       &:before{padding-right: 0.2em;}
       span{
-        @include responsive-mediaquery-phone(){
+        @include col-mediaquery-max(3){
           display:none;
         }
       }
@@ -313,7 +313,7 @@ header[role="banner"]{
         }
       }
     }
-    @include responsive-mediaquery-desktop(){
+    @include col-mediaquery-max(3){
       ul.menu{
         li{
           display: inline-block;
@@ -323,7 +323,7 @@ header[role="banner"]{
         }
       }
     }
-    @include responsive-mediaquery-phone(){
+    @include col-mediaquery-max(3){
       position: relative;
 
       label[for="block-header-menu"]{
@@ -351,6 +351,7 @@ header[role="banner"]{
   #block-languageswitcher{
     text-align: right;
     position: relative;
+    padding-right: 3px;
     h2{
       margin: 0.1em 0 0 0;
       font-size: 0.756em;
@@ -419,6 +420,7 @@ header[role="banner"]{
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+
     #block-pagetitle{}
     #block-materiosapisearchblock{
       align-self: flex-end;
@@ -429,7 +431,9 @@ header[role="banner"]{
       #block-pagetitle{
         width: max-content;
       }
-      #block-materiosapisearchblock{}
+      #block-materiosapisearchblock{
+
+      }
     }
 
   }