updated pages

components/layout/Footer.js

@@ -177,8 +177,13 @@ const Footer = () => {
                         <label htmlFor="subscribe">
                           <Button variable="primary" type="submit">Subscribe </Button>
                         </label>
-                        {!isValidEmail && (
-                              <span style={{ color: 'red' }}>Please enter a valid email address.</span>
+                        
+                      </div>
+                    </div>
+                    <div className="row">
+                      <div className="col-12">
+                      {!isValidEmail && (
+                              <div style={{ color: 'red' }}>Please enter a valid email address.</div>
                             )}
                       </div>
                     </div>

styles/globals.css

@@ -3779,6 +3779,13 @@ img:hover {
 }
 
 @media (max-width: 767px) {
+  .gift-card-amt ul li a, .gift-card-amt ul li label > span {
+    font-size: 12px;
+}
+  .gift-card-amt ul li a, .gift-card-amt ul li label {
+    font-size: 16px;
+    height: 70px;
+}
   .s-page-session {
     margin: 3rem 0;
 }
@@ -3825,7 +3832,7 @@ img:hover {
   .top-rated {
     font-size: 12px;
     display: flex;
-    width: 19vw;
+    min-width: 19vw;
     align-items: center;
     justify-content: center;
     line-height: 15px;
@@ -3847,7 +3854,6 @@ img:hover {
     margin-left: 5px;
   }
   .header_wrap .navbar-expand-lg .navbar-nav .nav-link {
-    padding: 0.2rem 0;
     display: flex;
     align-items: center;
   }