simplify themes by using less

also adding additional css rules to less which have already been in the assets/css but not in less (base.less, responsive.less)

assets/css/styles-3.css

@@ -6,7 +6,6 @@
  * License: Creative Commons Attribution 3.0 License
  * Website: http://themes.3rdwavemedia.com/
 */
-/* styles-3.css */
 /* ======= Base ======= */
 body {
   font-family: 'Roboto', sans-serif;
@@ -17,11 +16,6 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-@media (max-width: 767px) {
-    body{ 
-        padding: 0;
-    }
-}
 h1,
 h2,
 h3,
@@ -90,6 +84,13 @@ p {
 .sidebar-wrapper .profile {
   margin-bottom: 15px;
 }
+.sidebar-wrapper .profile-img {
+  max-width: 100px;
+  margin-bottom: 15px;
+  border: 0px solid #fff;
+  border-radius: 100%;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+}
 .sidebar-wrapper .contact-list .fa {
   margin-right: 5px;
   font-size: 18px;
@@ -263,6 +264,9 @@ p {
 }
 /* Extra small devices (phones, less than 768px) */
 @media (max-width: 767px) {
+  body {
+    padding: 0;
+  }
   .sidebar-wrapper {
     position: static;
     width: inherit;
@@ -298,15 +302,4 @@ p {
 }
 /* Large devices (large desktops, 1200px and up) */
 /* Ex-Large devices (large desktops, 1200px and up) */
-
-/* 
-used for profile image
-*/
-.profile-img {
-  max-width: 100px;
-  margin-bottom: 15px;
-  border: 0px solid #fff;
-  border-radius: 100%;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-}
-
+/* styles-3.css */