home page changes done

components/home/BrowseExperiences.js

@@ -137,13 +137,13 @@ const BrowseExperiences = ({allActivitiesData}) => {
               </div>
             </div>
           </div>
-          <div className="row">
+          {/* <div className="row">
             <div className="col-12">
               <div className="btn-center">
                 <Button variant="outline-secondary">Sign In for Member Price</Button>
               </div>
             </div>
-          </div>
+          </div> */}
         </div>
       </section>
     </>

components/layout/Footer.js

@@ -6,7 +6,7 @@ const Footer = () => {
   return (
     <>
     <footer>
-      <div className="container">
+      <div className="container-fluid">
         <div className="row">
           <div className="col-md-9">
             <div className="footer-logo">

styles/globals.css

@@ -433,22 +433,22 @@ header {
 }
 
 .home-banner .banner-txt h1 {
-  font-size: 24px;
-  line-height: 25px;
+  font-size: 1.25vw;
+  line-height: 1.25vw;
   font-weight: 300;
   margin-bottom: 1rem;
 }
 
 .home-banner .banner-txt .title {
-  font-size: 55px;
-  line-height: 56px;
+  font-size: 2.865vw;
+  line-height: 2.865vw;
   font-weight: 300;
   margin-bottom: 1rem;
 }
 
 .home-banner .banner-txt .disc {
-  font-size: 16px;
-  line-height: 17px;
+  font-size: 0.833vw;
+  line-height: 0.933vw;
   font-weight: 300;
   margin-bottom: 1rem;
 }
@@ -1916,7 +1916,7 @@ span.form-error,
 }
 
 .info .top-name .title {
-  font-size: 17px;
+  font-size: 0.885vw;
   line-height: 20px;
 }
 
@@ -1927,6 +1927,7 @@ span.form-error,
   font-size: 14px;
   padding: 0.1rem 0.3rem;
   margin-right: 10px;
+  height: 23px;
 }
 
 .info .rating-wishlist .wishlist .image-container {
@@ -1952,6 +1953,7 @@ span.form-error,
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
+  height: 32px;
 }
 
 .browse-experiences-item .info .discription a {
@@ -2073,8 +2075,8 @@ span.form-error,
 }
 
 .signUp-to-experience-our-platform .title {
-  font-size: 40px;
-  line-height: 40px;
+  font-size: 2.083vw;
+  line-height: 2.083vw;
   margin-bottom: 1rem;
 }
 
@@ -2094,8 +2096,8 @@ footer .footer-logo {
 }
 
 .footer-link h3 {
-  font-size: 24px;
-  line-height: 24px;
+  font-size: 1.25vw;
+  line-height: 1.25vw;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 0.5rem;
@@ -2877,7 +2879,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .swiper.mySwiper02 {
-  width: 92%;
+  /* width: 92%; */
 }
 
 .mySwiper01 .swiper-button-prev:after,
@@ -2889,7 +2891,8 @@ input[type="number"]::-webkit-outer-spin-button {
 .home_nav {
   position: absolute;
   left: 0;
-  width: 100%;
+  width: 107%;
+  margin-left: -45px;
 }
 
 .swiper-nav {
@@ -3628,6 +3631,13 @@ img:hover {
 }
 
 @media (max-width: 767px) {
+  .info .top-name .title {
+    font-size: 4vw;
+}
+  .home-banner .banner-txt .disc {
+    font-size: 3vw;
+    line-height: 4vw;
+}
   .home-banner-bg > span > span .image {
     border-radius: 0 0 20px 20px;
   }