Adjust settings for mobile view

css/style.css

@@ -128,8 +128,7 @@ ul,
 li,
 ol {
      margin: 0px;
-     padding: 0px;
-     list-style: none;
+     padding: 5px 0px;
 }
 
 p {
@@ -330,21 +329,26 @@ ul.social_icon_top li a:hover {
 .header_bottom {
      background-color: #fff;
      height: 100px;
-     padding: 25px 25px;
+     padding: 15px 25px;
 }
 
 .logo {
-     padding-top: 13px;
+     padding-top: 22px;
 }
 
 .logo a {
-     font-size: 30px;
+     font-size: 20px;
      line-height: 25px;
      color: #161825;
      font-weight: bold;
      text-transform: uppercase;
 }
 
+@media (min-width:1200px) {
+     .logo a {
+          font-size: 30px;
+     }
+}
 
 /*-- navigation--*/
 
@@ -406,12 +410,17 @@ ul.search li a:hover {
 
 .banner_main {
      position: relative;
-     padding-bottom: 212px;
+     padding-bottom: 140px;
 }
 
 .build_box {
      text-align: left;
-     padding-top: 10%;
+}
+
+@media (min-width:1200px) {
+     .build_box {
+          padding-top: 9%;
+     }
 }
 
 .banner_po {
@@ -538,6 +547,13 @@ ul.search li a:hover {
 
 .three_box {
      margin-top: -90px;
+     display: none;
+}
+
+@media (min-width:1200px) {
+     .three_box {
+          display: block;
+     }
 }
 
 .const {
@@ -581,7 +597,13 @@ ul.search li a:hover {
      background: #eee;
      max-width: 1600px;
      margin: -95px auto 20px;
-     padding: 130px 40px 40px 40px;
+     padding: 50px 40px 40px 40px;
+}
+
+@media (min-width:1200px) {
+     .about {
+          padding: 130px 40px 40px 40px;
+     }
 }
 
 .about .titlepage {
@@ -594,8 +616,7 @@ ul.search li a:hover {
 
 .about .titlepage span {
      font-family: 'Raleway', sans-serif;
-     padding-bottom: 60px;
-     padding-top: 40px;
+     padding-bottom: 20px;
 }
 
 .about_img {