include demo in gulp

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);
 });
 

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) {
+  /* */ }