From bbf2f48b216de780b5db5947c417a6cff301e5e7 Mon Sep 17 00:00:00 2001
From: G14 <G14@G14s-iMac.local>
Date: Tue, 21 Jun 2016 19:06:32 +0500
Subject: [PATCH] basic layout for 768px

---
 src/css/main.css     | 41 +++++++++++++++++--------
 src/sass/_media.scss | 72 +++++++++++++++++++++++++++++++-------------
 2 files changed, 80 insertions(+), 33 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index d60d7d2..4e0990c 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1166,20 +1166,37 @@ body input:required:valid, body textarea:required:valid {
 /* Medium Devices, Desktops */
 /* Small Devices, Tablets */
 @media only screen and (max-width: 768px) {
-  /*Disable Animation on Mobile Devices */
-  .animated {
-    -webkit-transition-property: none !important;
-    /*CSS transitions */
-    transition-property: none !important;
-    -webkit-transform: none !important;
-    -ms-transform: none !important;
-    /*CSS transforms */
-    transform: none !important;
-    /*CSS animations */
-    -webkit-animation: none !important;
-    animation: none !important; } }
+  .table-left, .table-right {
+    display: block;
+    width: 100%; }
+  .header-wrapper {
+    overflow: visible; }
+  .phone-header {
+    top: 65px;
+    left: 45px; }
+  .phone-even {
+    display: none; }
+  .section-table {
+    height: 43vh; }
+  .table-one-third {
+    display: none; }
+  .table-two-third {
+    display: block;
+    width: 100%; } }
 
 /* Extra Small Devices, Phones */
+@media only screen and (max-width: 480px) {
+  .main-navigation {
+    display: none; }
+  .main-header {
+    margin-top: 20px; }
+  .logo-wrapper {
+    position: static; }
+  .main-logo {
+    left: 45%; }
+  .logo-shadow {
+    left: 42%; } }
+
 /* Custom, iPhone Retina */
 /*==========  Mobile First Method  ========== */
 /* Custom, iPhone Retina */
diff --git a/src/sass/_media.scss b/src/sass/_media.scss
index f1e0a96..230124c 100755
--- a/src/sass/_media.scss
+++ b/src/sass/_media.scss
@@ -15,34 +15,64 @@
 /* Small Devices, Tablets */
 
 @media only screen and (max-width: 768px) {
-  /*Disable Animation on Mobile Devices */
 
-  .animated {
-    -webkit-transition-property: none !important;
-       -moz-transition-property: none !important;
-        -ms-transition-property: none !important;
-    /*CSS transitions */
-         -o-transition-property: none !important;
-            transition-property: none !important;
-    -webkit-transform: none !important;
-       -moz-transform: none !important;
-        -ms-transform: none !important;
-    /*CSS transforms */
-         -o-transform: none !important;
-            transform: none !important;
-    /*CSS animations */
-    -webkit-animation: none !important;
-       -moz-animation: none !important;
-        -ms-animation: none !important;
-         -o-animation: none !important;
-            animation: none !important;
+  .table-left, .table-right {
+    display: block;
+    width: 100%;
   }
+
+  .header-wrapper {
+    overflow: visible;
+  }
+
+  .phone-header {
+    top: 65px;
+    left: 45px;
+  }
+
+  .phone-even {
+    display: none;
+  }
+
+  .section-table {
+    height: 43vh;
+  }
+
+  .table-one-third {
+    display: none;
+  }
+
+  .table-two-third {
+    display: block;
+    width: 100%;
+  }
+
 }
 
 /* Extra Small Devices, Phones */
 
 @media only screen and (max-width: 480px) {
-  /* */
+
+  .main-navigation {
+    display: none;
+  }
+
+  .main-header {
+    margin-top: 20px;
+  }
+
+  .logo-wrapper {
+    position: static;
+  }
+
+  .main-logo {
+    left: 45%;
+  }
+
+  .logo-shadow {
+    left: 42%;
+  }
+
 }
 
 /* Custom, iPhone Retina */