diff --git a/static/css/order-hardware.css b/static/css/order-hardware.css
index 542b573..9dd29a6 100644
--- a/static/css/order-hardware.css
+++ b/static/css/order-hardware.css
@@ -139,6 +139,14 @@
   ##Screen = B/w 481px to 767px
 */
 @media (min-width: 481px) and (max-width: 767px) {
+  .logo > img {
+    height: 20px;
+  }
+  .navbar {
+    padding-top: 5px;
+    padding-bottom: 5px;
+  }
+
   body {
     font-size: .8rem;
   }
@@ -229,6 +237,14 @@
   ##Screen = B/w 320px to 479px
 */
 @media (min-width: 320px) and (max-width: 480px) {
+  .logo > img {
+    height: 20px;
+  }
+  .navbar {
+    padding-top: 5px;
+    padding-bottom: 5px;
+  }
+
   #root-shop .layout>aside.aside.menu-opened {
     transform: translate3d(0, 0, 0);
     transition: transform .3s;
diff --git a/templates/_base.html b/templates/_base.html
index 5154ca6..70a8e84 100644
--- a/templates/_base.html
+++ b/templates/_base.html
@@ -53,7 +53,7 @@
 
       <header class="container">
 
-        <nav class="navbar navbar-expand-lg navbar-light bg-th-1 justify-content-center justify-content-between pt-3 pb-3" role="navigation">
+        <nav class="navbar navbar-expand-lg navbar-light bg-th-1 justify-content-center justify-content-between pt-md-3 pb-md-3" role="navigation">
 
           <a class="navbar-brand logo mr-0" href="/">
             <img src="{{ get_url(path='images/logo@2x.png') }}" height="25" alt="logo">