diff --git a/Ravi.kumar.resume.pdf b/Ravi.kumar.resume.pdf
new file mode 100644
index 0000000..9ab74ed
Binary files /dev/null and b/Ravi.kumar.resume.pdf differ
diff --git a/RaviKumarr.pdf b/RaviKumarr.pdf
new file mode 100644
index 0000000..546d7e2
Binary files /dev/null and b/RaviKumarr.pdf differ
diff --git a/Ravi_Kumar_Resume(2).pdf b/Ravi_Kumar_Resume(2).pdf
deleted file mode 100644
index aa861a7..0000000
Binary files a/Ravi_Kumar_Resume(2).pdf and /dev/null differ
diff --git a/index.html b/index.html
index 66c4cb6..121f778 100644
--- a/index.html
+++ b/index.html
@@ -147,7 +147,7 @@ <h1 class="sub-title">Contact Me</h1>
                     <div class="social-icons">
                         <a href="https://www.linkedin.com/in/ready-to-join-your-company/"><i class="fa-brands fa-linkedin"></i></a>
                     </div>
-                    <a href="Ravi_Kumar_Resume(2).pdf" class="btn btn2" download>Download CV</a> 
+                    <a href="RaviKumarr.pdf" class="btn btn2" download>Download CV</a> 
                 </div>
                 <div class="contact-right">
                     <form action="">
@@ -165,25 +165,6 @@ <h1 class="sub-title">Contact Me</h1>
     </div>
    
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
     <script>
diff --git a/style.css b/style.css
index 25dc2bc..14c558e 100644
--- a/style.css
+++ b/style.css
@@ -4,6 +4,10 @@
     font-family: sans-serif;
 }
 
+html{
+    scroll-behavior: smooth;
+}
+
 .hero{
     position: relative;
     width: 100%;
@@ -389,4 +393,93 @@ span{
 .copyright a:hover{
     color: #fe9e04;
     text-shadow: 1px 0px;
-}
\ No newline at end of file
+}
+
+
+@media only screen and (max-width: 600px) {
+    .detail{
+        margin-top: 100%;
+        font-size: 16px;
+    }
+    .detail{
+        margin-top: 100%;
+        font-size: 16px;
+    }
+    .detail h1{
+        font-size: 30px;
+    }
+    nav .fa-solid{
+        display: block;
+    }
+    nav ul{
+        background-color: #4E6C50;
+        position: fixed;
+        top: 0;
+        right: -200px;
+        width: 200px;
+        height: 100vh;
+        padding-top: 50px;
+        z-index: 2;
+        transition: right 0.5s;
+    }
+    nav ul li{
+        display: block;
+        margin: 25px;
+    }
+    nav ul .fa-solid{
+        position: absolute;
+        top: 25px;
+        left: 25px;
+        cursor: pointer;
+    }
+    .sub-title{
+        font-size: 40px;
+    }
+    .about-col-1, .about-col-2{
+        flex-basis: 100%;
+    }
+    .about-col-1{
+        margin-bottom: 30px;
+    }
+    .about-col-2{
+        font-size: 14px;
+    }
+    .tab-links{
+        font-size: 16px;
+        margin-right: 20px;
+    }
+    .contact-left, .contact-right{
+        flex-basis: 100%;
+    }
+    .header-text{
+        text-align: center;
+        margin-top: 20%;
+        font-size: 20px;
+    }
+    .header-text h1{
+        font-size:40px;
+        margin-top: 20px;
+    }
+    .header-text h1 span{
+        color: #ABC270;
+    }
+    .about-col-2 p{
+        font-size: 10px;
+        text-align: center;
+        line-height: 1.5;
+    }
+    .sub-title{
+        margin-bottom: 20px;
+        font-size: 20px;
+        font-weight: 400;
+        color: #fff;
+    }
+    .tab-contents ul li span{
+        color: #ABC270;
+    
+        font-weight: bolder;
+        font-size: 10px;
+    }
+
+    
+}