Revert the header changes

assets/u/static/css/theme.css

@@ -512,7 +512,7 @@ body, html {
   .section {
     position: relative;
     padding: 104px 0;
-    padding: 3.5rem 0;
+    padding: 1.5rem 0;
   }
   
   @media (max-width: 767.98px) {

templates/layout-2020.html

@@ -131,15 +131,16 @@
       </div>
     </div>
     {% else %}
-    <section class="hero-wrap section shadow-md">
-      <div class="hero-mask opacity-8 bg-primary"></div>
-      <div class="hero-bg" style="background-image:url('/u/image/product.jpg');"></div>
-      <div class="hero-content py-5">
-        <div class="container text-center">
-          <h2 class="text-9 text-white">{{ self.title() }}</h2>
-          <p class="lead text-white mb-4">{% block subtitle %}{% endblock %}</p>
+    <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
+      <div class="col-md-5 p-lg-5 mx-auto my-5">
+        <h1 class="display-4 font-weight-normal">{{ self.title() }}</h1>
+        <p class="lead font-weight-normal">
+          {% block subtitle %}{% endblock %}
+        </p>
       </div>
-    </section>
+      <div class="product-device shadow-sm d-none d-md-block"></div>
+      <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
+    </div>
     {% endif %}
 
     {% block content %}{% endblock %}

templates/product.html

@@ -14,7 +14,7 @@
   </div>
 </section>
 {% endif %}
-<section class="section bg-light">
+<section class="section">
   <div class="container">
     <div class="row">
       <div class="col-sm-4 col-lg-4 mb-5 mb-lg-0">
@@ -74,7 +74,6 @@
   </div>
 </div>
 {% endif %}
-<section class="section bg-offer">
 <div class="container">
   <div class="row">
     <div class="col-md-4">
@@ -111,8 +110,8 @@
       {% endif %}
     </div>
   </div>
+  <hr/>
 </div>  
-</section>
 
 {% if this.description4 %}
 <section class="section">