add padding-left to hero-text between 767px and 1100px screen width

Signed-off-by: Vivek Vishal <[email protected]>

src/sections/Home/Playground-home/index.js

@@ -81,6 +81,10 @@ const ViewsSectionWrapper = styled.div`
           text-align: center;
           margin-top: 4rem;
         }
+        @media only screen and (min-width: 768px) and (max-width: 1100px) {
+          padding-left: 1rem;
+        }
+
           
     }