From b4c12c575c5b6ac9b9d5c08f71231dc3201d837f Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Wed, 23 Jul 2025 18:38:07 +0530
Subject: [PATCH] responsive checked

---
 components/sections/home1/Banner.js |  2 +-
 public/assets/css/responsive.css    | 15 +++++++++++++++
 public/assets/css/style.css         |  1 +
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/components/sections/home1/Banner.js b/components/sections/home1/Banner.js
index a665148..29b3b07 100644
--- a/components/sections/home1/Banner.js
+++ b/components/sections/home1/Banner.js
@@ -90,7 +90,7 @@ export default function Banner() {
                                     <div className="content-column col-lg-6 col-md-12 col-sm-12">
                                         <div className="inner-column">
                                             <h1><span className="first-letter">Big Street </span><span className="second-letter">Taste</span></h1>
-                                            <div className="text">Subtext:
+                                            <div className="text">
                                                 Sink your teeth into juicy wings and loaded combos that bring the heat. Pick your style - BBQ, Buffalo, Garlic Parm, Hot Honey  and level up your meal with fries and a pop.
                                             </div>
                                             <div className="btns-box">
diff --git a/public/assets/css/responsive.css b/public/assets/css/responsive.css
index bb92497..d82b170 100644
--- a/public/assets/css/responsive.css
+++ b/public/assets/css/responsive.css
@@ -1356,3 +1356,18 @@
     height: 97px;
   }
 }
+
+@media only screen and (max-width: 768px) {
+	.juice-section .content-column .sec-title .title, h2{
+	text-align: center;
+}
+}
+@media (max-width: 768px) {
+  .separate {
+    background-position: center center !important;
+    background-repeat: no-repeat !important;
+    background-size: contain !important; 
+    margin: 10px auto 0 auto !important; 
+    display: block;
+  }
+}
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 85b55fb..17c7040 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -1142,6 +1142,7 @@
 	width: 303px;
 	height: 643px;
 	background-repeat: no-repeat;
+	opacity: 0.4;
 }
 
 .juice-section .image-column {