From 9a16fe7d3f62ba061d7838ee833fe8bc9a81a805 Mon Sep 17 00:00:00 2001
From: Jarrad Hope <me@jarradhope.com>
Date: Sat, 2 Jul 2016 11:24:01 +0200
Subject: [PATCH] include demo in gulp

---
 gulpfile.js      |  1 +
 src/css/main.css | 28 +++++++++++++++++++++++++---
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/gulpfile.js b/gulpfile.js
index f7dd849..334891e 100755
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -53,6 +53,7 @@ gulp.task('scripts', function() {
 gulp.task('watch', ['styles', 'scripts', 'browser-sync'], function() {
   gulp.watch('src/sass/**/*.+(sass|scss)', ['styles']);
   gulp.watch('src/*.html', browserSync.reload);
+  gulp.watch('src/demo/**/*', browserSync.reload);
   gulp.watch('src/js/**/*.js', browserSync.reload);
 });
 
diff --git a/src/css/main.css b/src/css/main.css
index e580506..33a105b 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -1198,9 +1198,8 @@ footer {
 .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
-  -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-          flex-shrink: 0;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative; }
@@ -1669,7 +1668,13 @@ body input:required:valid, body textarea:required:valid {
 /* ALWAYS END */
 /*==========  Desktop First Method  ========== */
 /* Large Devices, Wide Screens */
+@media only screen and (max-width: 1200px) {
+  /* */ }
+
 /* Medium Devices, Desktops */
+@media only screen and (max-width: 992px) {
+  /* */ }
+
 /* Small Devices, Tablets */
 @media only screen and (max-width: 768px) {
   .table-left, .table-right {
@@ -1735,9 +1740,26 @@ body input:required:valid, body textarea:required:valid {
     margin-left: 0; } }
 
 /* Custom, iPhone Retina */
+@media only screen and (max-width: 320px) {
+  /* */ }
+
 /*==========  Mobile First Method  ========== */
 /* Custom, iPhone Retina */
+@media only screen and (min-width: 320px) {
+  /* */ }
+
 /* Extra Small Devices, Phones */
+@media only screen and (min-width: 480px) {
+  /* */ }
+
 /* Small Devices, Tablets */
+@media only screen and (min-width: 768px) {
+  /* */ }
+
 /* Medium Devices, Desktops */
+@media only screen and (min-width: 992px) {
+  /* */ }
+
 /* Large Devices, Wide Screens */
+@media only screen and (min-width: 1200px) {
+  /* */ }