diff --git a/Html-Files/Css-Files/Experiencestyle.css b/Html-Files/Css-Files/Experiencestyle.css
index de44630d..118ccd59 100644
--- a/Html-Files/Css-Files/Experiencestyle.css
+++ b/Html-Files/Css-Files/Experiencestyle.css
@@ -130,6 +130,12 @@ body {
     align-items: center;
     height: 60px;
     margin: auto;
+    position: fixed;
+    width: 100vw;
+    height: 4.8rem;
+  }
+  .h{
+    margin-top: 90px;
   }
   *,*::after,*::before{
     /*padding: 0;
@@ -357,6 +363,7 @@ align-items: center;
   /*? socials */
   .social-wrapper {
     display: flex;
+    flex-wrap: wrap;
     gap: 0.5rem;
     margin: 0 auto;
   }
@@ -419,9 +426,15 @@ align-items: center;
       height: 117px;
     }
   }
+  @media (max-width:576px) {
+    .footer-bottom-wrapper{
+      position: relative;
+      right: 140px;
+    }
+  }
   @media screen and (max-width:620px) {
     .min,#fee-filter,#fee-value{
-      right: 450px;
+      right: 420px;
       top: 75px;
     }
     #sort-btn{
@@ -446,7 +459,7 @@ align-items: center;
         margin-left: 1.5rem;
     }
   }
-  
+
   @media (max-width: 800px) {
     .footer-top {
         display: flex;
@@ -460,6 +473,8 @@ align-items: center;
     font-size: 1.5rem
     }
     #ss{
+        display: flex;
+        flex-wrap: wrap;
         font-size: 1.3rem;
     }
   .social-links #insta:hover {
@@ -563,4 +578,4 @@ align-items: center;
 }
 #back-to-top:hover {
   transform: scale(1.1);
-}
\ No newline at end of file
+}
diff --git a/Html-Files/Doctor Experience.html b/Html-Files/Doctor Experience.html
index f4934c0b..b212cfad 100644
--- a/Html-Files/Doctor Experience.html	
+++ b/Html-Files/Doctor Experience.html	
@@ -101,7 +101,15 @@
       color: aliceblue;
       font-size: 30px;
     }
-
+    #progressBar {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 0%;
+        height: 6px;
+        background-color: #3fbcc0;
+        z-index: 9999;
+      }
   </style>
 </head>
 <body>
@@ -110,6 +118,7 @@
   </div>
   <header class="header_container nav-h">
     <div class="img">
+      <img id="rd-logo" style="width: 90px; height: auto;" src="../images/rd.png">
       <p style="color: hwb(181 16% 46%); font-size: 1.5rem;margin-top: 5px;">Rapidoc</p>
     </div>
     <nav class="nav_menu">
@@ -253,8 +262,14 @@ <h4>RAPIDOC Newsletter</h4><br>
       </svg>
     </div>
   </div>
-
+  <div id="progressBar"></div>
   <script>
+    window.onscroll = function () {
+      var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+      var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+      var scrolled = (winScroll / height) * 100;
+      document.getElementById("progressBar").style.width = scrolled + "%";
+    };
     const doctorList = [
       {
         name: "Dr. Ram",
diff --git a/index.css b/index.css
index d90bb97b..975e7a14 100644
--- a/index.css
+++ b/index.css
@@ -99,7 +99,9 @@ option {
     margin: 4px 4px;
     background-color: white;
 }
-
+.img p{
+    display: none;
+}
 @media only screen and (max-width: 820px) {
     .hamburger {
         display: block;
@@ -130,8 +132,11 @@ option {
     .vis-h {
         opacity: 0;
     }
-
+    .img img{
+        display: none;
+    }
     .img p{
+        display: block;
         position: relative;
         left: 300px;
         bottom: 0;
