Home page responsive adjust

adim_app/static/_src/less/adim.css

@@ -628,6 +628,15 @@ body.home #main-navbar {
     padding-top: 0px;
   }
 }
+@media (min-width: 768px) and (max-width: 991px) {
+  body.home #home-container {
+    padding: 20px 0 20px;
+  }
+  body.home #home-image {
+    padding-top: 15px;
+    margin-bottom: 10px;
+  }
+}
 #home-container {
   background: #424242;
   padding: 20px 0 40px;
@@ -647,6 +656,26 @@ body.home #main-navbar {
   border-color: rgba(220, 220, 220, 0.1);
   padding: 7px 15px;
 }
+@media (min-width: 768px) and (max-width: 991px) {
+  #home-container h1 {
+    font-size: 28px;
+  }
+  #home-container #home-action-box .well {
+    margin-bottom: 10px;
+  }
+  #home-container #home-action-box .local-login-head {
+    bottom: -10px;
+  }
+  #home-container #home-action-box .panel-collapse {
+    padding: 0px;
+  }
+  #home-container #home-action-box .btn-lg {
+    border-radius: 4px;
+    font-size: 14px;
+    line-height: 20px;
+    padding: 6px 12px;
+  }
+}
 #home-image {
   padding-top: 20px;
   margin-bottom: 40px;
@@ -669,9 +698,23 @@ body.home #main-navbar {
     height: 628px;
   }
 }
+@media (min-width: 768px) and (max-width: 991px) {
+  #home-image img {
+    background: url("../img/image-home-sm.jpg") 0% 50% no-repeat;
+    width: 720px;
+    height: 525px;
+  }
+}
 #home-content {
   color: #f2f2f2;
 }
+#home-content dd,
+#home-content p {
+  margin-bottom: 0.66em;
+  line-height: 1.33;
+  letter-spacing: 0.03em;
+  font-weight: 300;
+}
 #main-home {
   background-color: #eeeeee;
   border-radius: 6px;

adim_app/static/_src/less/adim.less

@@ -197,6 +197,17 @@ input[type=number]::-webkit-outer-spin-button {
             padding-top: 0px;
         }
     }
+    // Small
+    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+        #home-container {
+            padding: 20px 0 20px;
+        }
+
+        #home-image {
+            padding-top: 15px;
+            margin-bottom: 10px;
+        }
+    }
 }
 
 body.home {
@@ -212,6 +223,8 @@ body.home {
 #home-container {
     @title-color: #EFEFEF;
     background: @x-bodyBg;
+    padding: 20px 0 40px;
+
     h1 {
         color: @title-color;
         font-weight: 400;
@@ -233,7 +246,37 @@ body.home {
         }
     }
 
-    padding: 20px 0 40px;
+    // Large
+    @media (min-width: @screen-lg-min) {
+    }
+    // Medium
+    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    }
+    // Small
+    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+        h1 {
+            font-size: 28px;
+        }
+        #home-action-box {
+            .well {
+                margin-bottom: 10px;
+            }
+            .local-login-head {
+                bottom: -10px;
+            }
+            .panel-collapse {
+                padding: 0px;
+            }
+            .btn-lg {
+                border-radius: 4px;
+                font-size: 14px;
+                line-height: 20px;
+                padding: 6px 12px;
+            }
+        }
+    }
+
+
 }
 
 #home-image {
@@ -255,6 +298,12 @@ body.home {
             width: 940px;
             height: 628px;
         }
+        // Small
+        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+            background: url("../img/image-home-sm.jpg") 0% 50% no-repeat;
+            width: 720px;
+            height: 525px;
+        }
 
     }
 
@@ -262,6 +311,13 @@ body.home {
 
 #home-content {
     color: @home-color;
+    dd, p {
+//        text-align: justify;
+        margin-bottom: 0.66em;
+        line-height: 1.33;
+        letter-spacing: 0.03em;
+        font-weight: 300;
+    }
 }