home for mobile is ok

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -89,6 +89,10 @@ header[role="banner"]{
       white-space: nowrap;
       text-indent: 500px;
       overflow: hidden;
+      html.is-mobile &{
+        $w:170px;
+        width:$w; height:$w * 0.22;
+      }
     }
   }
   opacity: 1;
@@ -151,6 +155,16 @@ header[role="banner"]{
       }
     }
   }
+  html.is-mobile &{
+    // outline: 1px solid orange;
+    margin-top:4px;
+    li{
+      a{
+        font-size: 0.680em;
+        padding:0; margin:0;
+      }
+    }
+  }
 }
 
 .block-language{
@@ -1651,40 +1665,6 @@ footer{
     }
   }
 
-  // .block-language{
-  //   display: inline-block;
-  //   position: relative;
-  //   ul{
-  //     position: absolute;
-  //     bottom:0;
-  //     margin:0;
-  //     padding:0;
-  //     transform-origin: left bottom;
-  //     transform: rotateZ(-45deg);
-  //     white-space: nowrap;
-  //     pointer-events: all;
-  //     li{
-  //       margin:0; padding:0;
-  //       list-style: none;
-  //       display: inline-block;
-  //       &:last-of-type{
-  //         &:before{
-  //           content:"/";
-  //           margin:0 0.2em;
-  //         }
-  //       }
-  //       a{
-  //         color: inherit;
-  //         text-decoration: none;
-  //         font-size: 0.756em;
-  //       }
-  //       &.is-active{
-  //         a{color: red;}
-  //       }
-  //     }
-  //   }
-  // }
-
   nav#block-productions.block-menu{
     position: relative;
     pointer-events: none;
@@ -1926,14 +1906,15 @@ footer{
   }
 
   $icons_w:20px;
+  $mobile_icon_w:15px;
   @mixin iconlinkblock($bgimgurl, $bgimgurlactive) {
     pointer-events: all;
     margin-left: 0.5em;
     // @include btn;
     a{
       box-sizing: border-box;
-      $wh:$icons_w;
       display: block;
+      $wh:$icons_w;
       width:$wh; height:$wh;
       text-indent: $wh*2;
       margin: 0;
@@ -1950,6 +1931,12 @@ footer{
         // background-color: red;
         background-image: $bgimgurlactive;
       }
+      html.is-mobile &{
+        $wh:$mobile_icon_w;
+        width:$wh; height:$wh;
+        text-indent: $wh*2;
+
+      }
     }
   }
 
@@ -2041,6 +2028,95 @@ footer{
     margin-left: 0.2em;
   }
 
+  .block-language{
+    float: none;
+    margin-top: 0;
+    margin-right: 2em;
+    ul{
+      margin:0; padding:0;
+      li{
+        display: inline-block; vertical-align: middle;
+        list-style: none;
+        pointer-events: all;
+        a{
+          font-size: 0.690em;
+          color:inherit;
+          text-decoration: none;
+          text-transform: capitalize;
+          margin-left: 0.8em;
+          @include btn;
+          &:before{
+            content: "";
+            display:inline-block;
+            $sq:0.6em;
+            width: $sq; height:$sq;
+            border: 1px solid red;
+            margin-right: 0.3em;
+          }
+        }
+        &.is-active,
+        &:hover{
+          a:before{
+            border-color: red;
+            background-color: red;
+          }
+        }
+      }
+    }
+
+    html.is-mobile &{
+      // outline: 1px solid green;
+      border-left: none;
+      ul{
+        margin-right:0.5em;
+      }
+      li{
+        line-height: 0;
+        a{
+          padding:0;
+          margin:0;
+          // &:before{display: none;}
+          &.is-active{
+            display:none;
+          }
+        }
+      }
+    }
+  }
+
+  html.is-mobile &{
+    position: fixed;
+    box-sizing: border-box;
+    bottom:0; left:0;
+    width:100%;
+    background-color: #fff;
+    padding-top:0;
+    padding-bottom:0;
+    .region-footer-left, .region-footer-right{
+      width: 50%;
+      >*{
+        margin:0.4em 0!important;
+      }
+    }
+
+    #block-footer, .block-language{
+      // margin-top: 0;
+      li{
+        display: inline-block;
+        a{
+          font-size: 0.680em;
+          &:before{
+            $sq:5px;
+            width: $sq; height:$sq;
+          }
+        }
+      }
+    }
+    .region-footer-right{
+      text-align: right;
+    }
+  }
+
 }
 
 //  _  _         _       ___

sites/all/themes/custom/edlptheme/assets/styles/base/_grid.scss

@@ -28,8 +28,13 @@ $med-bp:1080px;
 @mixin col($col, $offset: 0, $sum: $default_sum, $gap: $default_gap, $align: top) {
   @extend %col-reset;
   padding-left: $gap*$offset;
-  padding-right: $gap;
+  @if $col == $default_sum {
+    padding-right: 0;
+  }@else{
+    padding-right: $gap;
+  }
   &:last-child{padding-right: 0;}
+
   margin-left: percentage(($col/$sum)*$offset);
 
   // @media only screen and (min-width: 768px) {

sites/all/themes/custom/edlptheme/assets/styles/base/_layout.scss

@@ -37,6 +37,15 @@ header[role="banner"]{
     }
   }
 }
+html.is-mobile header[role="banner"]{
+  position:fixed;
+  box-sizing: border-box;
+  top:0; left:0; width:100%;
+  background-color: #fff;
+  >.wrapper{
+    height:50px;
+  }
+}
 
 aside.messages{
   border: none;
@@ -49,7 +58,7 @@ aside.messages{
   overflow-y: auto;
 }
 
-main[role="main"]{
+html:not(.is-mobile) main[role="main"]{
   // outline:1px solid green;
   z-index: 1;
   position: absolute;
@@ -69,6 +78,11 @@ main[role="main"]{
   }
 }
 
+html.is-mobile main[role="main"]{
+  padding:80px 1em 40px;
+  // background-color: blue;
+}
+
 body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
     main[role="main"]{
       padding-top: 7em + 1em;