diff --git a/iitb/index.html b/iitb/index.html
index f11d6cf..88d5703 100755
--- a/iitb/index.html
+++ b/iitb/index.html
@@ -43,12 +43,21 @@ <h2 class="intro-text">Computer Science and Engineering</h2>
           <h2 class="intro-text">Indian Institute of Technology Kharagpur</h2>
           <!-- <h2 class="intro-text">Specialization: Microelectronics</h2> -->
         </div>
+
         <div class="intro-block">
           <h2 class="intro-text">19XY10017</h2>
           <h2 class="intro-text">B.Tech</h2>
           <h2 class="intro-text">Male</h2>
           <h2 class="intro-text">DOB: 01/03/2002</h2>
         </div>
+
+        <div class="contactDetails-3">
+          <a class="email-3" href="mailto: allenphilip@gmail.com">allenphilip@gmail.com</a>
+          <a class="phone-3" href="tel:(+234)8091534210 ">(+234) 8091534210</a>
+          <a class="github-3" href="github.com/allenphilip">github.com/allenphilip</a>
+          <a class="linkedin-3" href="linkedin.com/anyebe-blessing-ene-kwennb">linkedin.com/in/allenphilip</a>
+        </div>
+
       </div>
       <div class="education">
         <!-- <h1 class="section-heading">
diff --git a/iitb/styles.css b/iitb/styles.css
index 8d860b9..a38c312 100755
--- a/iitb/styles.css
+++ b/iitb/styles.css
@@ -114,6 +114,24 @@ Header Section Start
 Header Section End
 */
 
+/* Contact details starts */
+
+
+.contactDetails-3 a{
+    text-decoration: none;
+    display: block;
+    font-weight: bold;
+    padding: 2px;
+    color: whitesmoke;
+}
+
+.contactDetails-3 a:hover{
+    color: green;
+}
+
+/* Contact details ends */
+
+
 /*
 Projects and POR Sections Start
 */
diff --git a/iitkgp/index.html b/iitkgp/index.html
index a05b18c..b74d1f0 100755
--- a/iitkgp/index.html
+++ b/iitkgp/index.html
@@ -33,17 +33,48 @@
     </div>
     <hr class="section-separator" />
     <div id="cv" class="iitkgp-cv-container cv-container">
-      <div class="header">
+      <div class="main-header">
         <div>
           <img src="../img/logo/kgp-logo.png" />
         </div>
+
+        <div class="header">
+
+           <div class="section-name">
+             <h1><span class="name">Shekar Reddy</span> | <span class="roll">19XY10017</span></h1>
+             <h2 class="campus">Indian Institute of Technology Kharagpur</h2>
+           </div>
+   
+           <div class="contactDetails-1">
+             <a class="email-1" href="mailto:allenphilip@gmail.com">allenphilip@gmail.com |  </a>
+             <a class="phone-1" href="tel:(+234) 8091534210">(+234) 8091534210 | </a>
+             <a class="github-1" href="github.com/allenphilip">github.com/allenphilip | </a>
+             <a class="linkedin-1" href="linkedin.com/anyebe-blessing-ene-kwennb">linkedin.com/in/allenphilip</a>
+           </div>
+   
+           <div>
+           </div>
+         </div>
+      </div>
+    <!--  <div class="header">
+       <!-- <div>
+          <img src="../img/logo/kgp-logo.png" />
+        </div>
         <div>
           <h1><span class="name">Shekar Reddy</span> | <span class="roll">19XY10017</span></h1>
           <h2 class="campus">Indian Institute of Technology Kharagpur</h2>
         </div>
+
+        <div class="contactDetails-1">
+          <a class="email-1" href="mailto:allenphilip@gmail.com">allenphilip@gmail.com |  </a>
+          <a class="phone-1" href="tel:(+234) 8091534210">(+234) 8091534210 | </a>
+          <a class="github-1" href="github.com/allenphilip">github.com/allenphilip | </a>
+          <a class="linkedin-1" href="linkedin.com/anyebe-blessing-ene-kwennb">linkedin.com/in/allenphilip</a>
+        </div>
+
         <div>
         </div>
-      </div>
+      </div> -->
       <div class="education">
         <h1 class="section-heading">
           Education
diff --git a/iitkgp/styles.css b/iitkgp/styles.css
index d86ed39..8b0591c 100755
--- a/iitkgp/styles.css
+++ b/iitkgp/styles.css
@@ -23,6 +23,7 @@
     margin-top: 10px;
 }
 
+
 /*
 Table Styling Start
 */
@@ -88,13 +89,48 @@ List Styling Start
 List Styling End
 */
 
+.main-header{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+.iitkgp-cv-container .main-header img {
+    width: 90px;
+}
+
+.section-name{
+    position: relative;
+}
+/* Contact details starts */
+
+.contactDetails-1{
+    display: flex;
+    text-align: center;
+    font-weight: 700;
+    word-spacing: 5px;
+}
+
+.contactDetails-1 a{
+text-decoration: none;
+outline: none;
+}
+
+.contactDetails-1 a:hover{
+    color: green;
+}
+
+/* Contact details ends */
+
 /*
 Header Section Start
 */
 .iitkgp-cv-container .header {
     display: flex;
-    flex-direction: row;
+  /*  flex-direction: row;
     justify-content: space-between;
+    */
+    flex-direction: column;
+    justify-content: center;
 }
 
 .iitkgp-cv-container .header h1 {
diff --git a/iitm/index.html b/iitm/index.html
index 41c304c..52d9208 100755
--- a/iitm/index.html
+++ b/iitm/index.html
@@ -34,15 +34,29 @@
       <button id="printCv" class="btn btn-success mx-2">Download</button>
     </div>
     <div id="cv" class="iitm-cv-container cv-container">
-      <div class="header">
-        <div>
-          <h1><span class="name">Shekar Reddy</span> | <span class="roll">19XY10017</span></h1>
-          <h2 class="campus">Indian Institute of Technology Kharagpur</h2>
+      <div class="main-header2">
+        
+        <div class="header">
+          <div>
+            <h1><span class="name">Shekar Reddy</span> | <span class="roll">19XY10017</span></h1>
+            <h2 class="campus">Indian Institute of Technology Kharagpur</h2>
+          </div>
+  
+          <div class="contactDetails-2">
+            <a class="email-2" href="mailto: allenphilip@gmail.com">allenphilip@gmail.com</a>
+            <a class="phone-2" href="tel:(+234)8091534210 ">(+234) 8091534210</a>
+            <a class="github-2" href="github.com/allenphilip">github.com/allenphilip</a>
+            <a class="linkedin-2" href="linkedin.com/anyebe-blessing-ene-kwennb">linkedin.com/in/allenphilip</a>
+          </div>
+  
         </div>
+
         <div>
-          <img src="../img/logo/kgp-logo.png" />
+          <img class="logo-2" src="../img/logo/kgp-logo.png" />
         </div>
+
       </div>
+
       <div class="education">
         <h1 class="section-heading">
           Education
diff --git a/iitm/styles.css b/iitm/styles.css
index 4bc5282..79ab339 100755
--- a/iitm/styles.css
+++ b/iitm/styles.css
@@ -84,8 +84,10 @@ Header Section Start
 */
 .iitm-cv-container .header {
     display: flex;
-    flex-direction: row;
+  /*  flex-direction: row; */
+  flex-direction: column;
     justify-content: space-between;
+    position: relative;
 }
 
 .iitm-cv-container .header h1 {
@@ -110,14 +112,61 @@ Header Section Start
     font-weight: 600;
 }
 
-.iitm-cv-container .header img {
+.main-header2{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.iitm-cv-container .main-header2 img {
     width: 150px;
 }
 
+
 /*
 Header Section End
 */
 
+/* Contact Details start */
+
+.contactDetails-2{
+display: flex;
+text-align: center;
+font-weight: 700;
+}
+
+.contactDetails-2 a{
+    text-decoration: none;
+    padding: 3px;
+    margin-top: 2px;
+}
+
+.contactDetails-2 a:hover{
+    color: green;
+}
+
+@media screen and (max-width: 480px){
+    .iitm-cv-container .header img{
+        width: 100px;
+    }
+    .contactDetails-2{
+        display: block;
+    }
+    .contactDetails-2 a{
+        padding: 5px;
+    }
+    .iitm-cv-container .header .campus{
+        font-size: 18px;
+    }
+}
+
+/* Contact Details ends */
+
+/*.logo-2{
+    position: absolute;
+    top: 5px;
+    right: 1px;
+} */
 /*
 Projects and POR Sections Start
 */