diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 4ae4722..d517050 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -2313,6 +2313,13 @@ p {
   }
 }
 
+.appie-blog-item{
+  background-color: #F1F8FF;
+  padding: 20px;
+  min-height: 350px;
+  border-radius: 10px
+}
+
 @media screen and (min-width: 688px) and (max-width: 1031px) {
   /* Your CSS styles for this viewport size */
   .appie-blog-item{
@@ -6650,13 +6657,13 @@ blockquote cite {
   left: 0;
   top: -710px;
   height: 645px;
-  width: 80vw;
+  width: 100%;
   background-image: url(../images/about-us-main.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }
-@media only screen and (min-width: 992px) and (max-width: 1200px) {
+/* @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-about-page-content::before {
     width: 94vw;
   }
@@ -6665,19 +6672,19 @@ blockquote cite {
   .appie-about-page-content::before {
     width: 100%;
   }
-}
+} */
 @media (max-width: 767px) {
   .appie-about-page-content::before {
     display: none;
   }
 }
-@media only screen and (min-width: 576px) and (max-width: 767px) {
+/* @media only screen and (min-width: 576px) and (max-width: 767px) {
   .appie-about-page-content::before {
     width: 100%;
     height: 400px;
     display: block;
   }
-}
+} */
 
 .appie-how-it-work-content > .title {
   font-size: 44px;
diff --git a/src/components/AboutText/AboutText.js b/src/components/AboutText/AboutText.js
index 6b1d447..0e78773 100644
--- a/src/components/AboutText/AboutText.js
+++ b/src/components/AboutText/AboutText.js
@@ -11,7 +11,7 @@ import Security from "../../assets/images/security.png";
 function ServiceItem(props) {
   return (
     <div
-      className={`appie-single-service-2 appie-single-service-about item-${props.index} mt-30 wow animated fadeInUp`}
+      className={`mt-0 p-4 appie-single-service-2 appie-single-service-about item-${props.index} wow animated fadeInUp`}
       data-wow-duration="2000ms"
       data-wow-delay={`${props.delay}ms`}
       style={{ cursor: "default" }}
diff --git a/src/components/AboutUs/HeroAbout.js b/src/components/AboutUs/HeroAbout.js
index 5f6d2fd..e47000f 100644
--- a/src/components/AboutUs/HeroAbout.js
+++ b/src/components/AboutUs/HeroAbout.js
@@ -5,7 +5,7 @@ function HeroAbout() {
       <div className="appie-about-top-title-area">
         <div className="container">
           <div className="row">
-            <div className="col-lg-7">
+            <div className="col-12">
               <div className="appie-about-top-title">
                 <h2 className="title">Plan and reward accomplishment with ease.</h2>
               </div>
diff --git a/src/components/AboutUs/ServicesAbout.js b/src/components/AboutUs/ServicesAbout.js
index a4fd3c4..9d2dd8a 100644
--- a/src/components/AboutUs/ServicesAbout.js
+++ b/src/components/AboutUs/ServicesAbout.js
@@ -4,11 +4,11 @@ import AboutTextComponent from '../AboutText/AboutText';
 function ServicesAbout() {
   return (
     <>
-      <section className="appie-services-2-area pt-90 pb-55" id="service">
+      <section className="appie-services-2-area pt-20" id="service">
         <div className="container">
           <div className="row align-items-end">
             <div className="col-12 col-lg-8">
-              <div className="appie-section-title">
+              <div className="appie-section-title pb-0">
                 <h3 className="appie-title">We’re driven by your values</h3>
                 {/* <p>{servicesContent.subTitle}</p> */}
               </div>