_sass/theme/_page.scss in hardpool-flat-1.0.0 vs _sass/theme/_page.scss in hardpool-flat-2.0.0

@@ -128,10 +128,23 @@
   > [class*="col-"] {
     padding-right: 0.4rem;
     padding-left: 0.4rem;
   }
 }
+.el-gutters {
+  @extend .no-gutters;
+  @media (min-width: 768px) { 
+    margin-right: 0;
+    margin-left: 0;
+
+    > .col,
+    > [class*="col-"] {
+      padding-right: 0.4rem;
+      padding-left: 0.4rem;
+    }
+  }
+}
 .section-heading{
   font-weight: 600;
   color: $primary;
   text-transform: capitalize;
   letter-spacing: 0.15rem;
@@ -144,10 +157,13 @@
     max-width: 100%;
 
     &.sm {
       padding: 0.5rem;
     }
+    @media (max-width: 767px) {
+      padding: 0.5rem;
+    }
   }
 }
 .modal-backdrop {
   background-color: #fff;
   &.show{
@@ -196,20 +212,26 @@
 /* ****************** portfolio-landing ******************* */
 .bg-grad{
   background-image: linear-gradient(125deg, desaturate(lighten($primary, 25%), 15%), desaturate(lighten($primary, 25%), 15%));
   background-size: 100% 80%;
   background-repeat: no-repeat;
-  background-position: center;
+  background-position: bottom;
+
+  @media (min-width: 768px) {
+    background-position: center;
+  }
 }
+@media (min-width: 768px) {
 .overlap-right {
-  position: absolute;
+  position: absolute!important;
   right: 0;
 }
 .overlap-left {
-  position: absolute;
+  position: absolute!important;
   left: 0;
 }
+}
 .bnr-wrapper {
   background: #fff;
   width: 100%;
   max-height: 15rem;
   overflow: hidden;
@@ -254,10 +276,6 @@
       &:hover{
         opacity: 1;
       }
     }
   }
-}
-/* ****************** header ******************* */
-.subnav-item {
-  border-bottom: 1px solid lighten($gray, 10%);
 }
\ No newline at end of file