diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index d517050..d0ff043 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -6657,13 +6657,13 @@ blockquote cite {
   left: 0;
   top: -710px;
   height: 645px;
-  width: 100%;
+  width: 80vw;
   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;
   }
@@ -6672,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/AboutUs/HeroAbout.js b/src/components/AboutUs/HeroAbout.js
index e47000f..5f6d2fd 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-12">
+            <div className="col-lg-7">
               <div className="appie-about-top-title">
                 <h2 className="title">Plan and reward accomplishment with ease.</h2>
               </div>