diff --git a/components/home/Pricing/pricing.js b/components/home/Pricing/pricing.js
index 96c8244..d23d427 100644
--- a/components/home/Pricing/pricing.js
+++ b/components/home/Pricing/pricing.js
@@ -13,26 +13,26 @@ function Pricing()
             <Card>
               <CardCategory>Basic Plan</CardCategory>
              <CardPrice>$14.99</CardPrice>
-              <CardFeatures style={{paddingBottom:"8%"}}>
+              <CardFeatures1 >
               <FeaturesListElement>First Feature</FeaturesListElement>
               <FeaturesListElement>Second Feature</FeaturesListElement>
               <FeaturesListElement>Third Feature</FeaturesListElement>
               <FeaturesListElement>Fourth Feature</FeaturesListElement>
               
-              </CardFeatures>
+              </CardFeatures1>
               
-              <GetPlan>Get Plan</GetPlan>
+              <GetPlan >Get Plan</GetPlan>
               </Card>
             <Card>
              <CardCategory>Advanced Plan</CardCategory>
               <CardPrice>$29.99</CardPrice>
-              <CardFeatures>
+              <CardFeatures2>
               <FeaturesListElement>First Feature</FeaturesListElement>
               <FeaturesListElement>Second Feature</FeaturesListElement>
               <FeaturesListElement>Third Feature</FeaturesListElement>
               <FeaturesListElement>Fourth Feature</FeaturesListElement>
               <FeaturesListElement>Fifth Feature</FeaturesListElement>
-              </CardFeatures>
+              </CardFeatures2>
               <GetPlan>Get Plan</GetPlan>
               </Card>
             </CardContainer>
@@ -41,56 +41,111 @@ function Pricing()
 }
 
 const Container = styled.div`
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap'); display: flex;
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap'); 
+    display: flex;
     justify-content: space-evenly;
-    padding-top: 16%;
-    padding-bottom: 18%;
+    padding-top: 10%;
+    padding-bottom: 10%;
     background-color:rgba(239, 239, 239,1);
     font-family: 'Poppins', sans-serif;
+    margin:0px;
+    overflow-x: hidden;
+    @media (max-width: 768px){
+      flex-direction: column;
+      
+    }
 `;
 const Intro= styled.div`
-   width:37.5%;
+   width:42%;
    padding-left: 7%;
    margin-top: 0px;
+   height: max-content;
+   @media (max-width: 1024px){
+  padding-left: 4%;
+  padding-bottom:7%};
+  @media (max-width: 768px){
+    width:inherit;
+    padding-left: 2%;
+  };
+     
 `;
 const IntroLabel=styled.p`
-  font-size:225%;
+  font-size:36px;
   color: #676767;
+  @media (max-width: 1024px){
+    margin-bottom:10px;
+   /* font-size:30px;*/
+  }
   
 `;
 const IntroHeading=styled.p`
-    font-size: 281.25%;
-    padding-right:35%;
+    font-size:  45px;
+    padding-right:25%;
     margin-top: 0%;
+    
+    @media (max-width: 1024px){
+      padding-right:10%;
+      padding-bottom: 5%;
+     font-size:36px;
+   ;};
+   @media (max-width: 768px){
+     font-size:45px;
+   };
+
 `;
 const IntroDescription= styled.p`
-    font-size: 168.75%;
+    font-size:  27px;
     padding-right:20%;
     margin-top: 0%;
+    
     color: #676767;
     line-height: 1.6em;
+    @media (max-width: 1024px){
+      padding-right:5%;
+      font-size: 23px;
+   ;}
+   @media (max-width: 768px){
+     font-size: 27px;
+   };
 `;
 const CardContainer= styled.div`
     display:flex;
     justify-content: space-around;
-    width:60%;
+    width:57%;
+    @media (max-width: 768px){
+    width:inherit;
+  };
+  @media (max-width: 420px){
+  flex-direction: column;
+  }
 `;
 const Card=styled.div`
     width:40%;
-    padding:0;
+   /* padding:0;*/
     background-color: white;
     text-align: center;
     border-radius: 5%;  
     padding-bottom: 5%;
+   height: max-content;
+   @media (max-width: 420px)
+   {
+     width:60%;
+     margin-left: 20%;
+     margin-right:20%;
+     margin-bottom: 15%;
+   }
+
 `;
 const CardCategory= styled.p`
- font-size: 168.75%;
+ font-size:  27px;
  font-weight:bolder;
+ padding-top: 5%;
+ padding-bottom: 5%;
 
 `;
 const CardPrice=styled.p`
-   font-size: 225%;
-   padding-top: 2%;
+   font-size: 36px;
+   /*margin-top: 0;*/
    color: #676767;
  font-weight:bold;
 `;
@@ -99,19 +154,41 @@ const GetPlan=styled.button`
     color:rgba(239, 239, 239,1);
     border-radius: 7%;
     width:50%;
-    height:9.5%;
-    font-size: 130%;
+    height:46px;
+    font-size: 20px;
     border-style: none;
     font-weight: bold;
 `;
-const CardFeatures=styled.ul`
+const CardFeatures1=styled.ul`
     list-style: none;
     padding-inline-start: 0%;
+    padding-bottom: 1.5vw;
+    margin-top:1.04vw;
+    margin-bottom: 1.04vw;
+   
+
+    
 `;
+const CardFeatures2=styled.ul`
+    list-style: none;
+    padding-inline-start: 0%;
+    padding-bottom: 0.8vw;
+    margin-top:1.04vw;
+    margin-bottom: 1.04vw;
+    
+ `;
 const FeaturesListElement=styled.li`
-    font-size: 180%;
-    padding-top: 3%;
+    font-size:  27px;
+    padding-bottom: 0.5vw;
   color: #676767;
+  @media (max-width: 1024px){
+    font-size:  20px;
+      
+    }
+    @media (max-width: 768px)
+  {
+    font-size: 27px;
+  }
     
 
 `;