From 41aec0b5397afe98387c84b28f0e1c2d344c1da5 Mon Sep 17 00:00:00 2001
From: Gunjan  Paul <gunjanpaul@Gunjans-MacBook-Pro.local>
Date: Mon, 22 Feb 2021 12:46:44 +0530
Subject: [PATCH] CSS error resolved

---
 css/style.css | 2191 ++++++++++++++++++++++++-------------------------
 index.html    |    6 +-
 js/script.js  |   12 +
 3 files changed, 1087 insertions(+), 1122 deletions(-)

diff --git a/css/style.css b/css/style.css
index ecfb836..3a15627 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,21 +1,21 @@
 body,
 html {
-    margin: 0;
-    font-family: 'Open Sans', sans-serif;
-    background: #fff;
-    scroll-behavior: smooth;
+  margin: 0;
+  font-family: "Open Sans", sans-serif;
+  background: #fff;
+  scroll-behavior: smooth;
 }
 
 body a,
 .btn,
 button {
-    transition: 0.5s all;
-    -webkit-transition: 0.5s all;
-    -moz-transition: 0.5s all;
-    -o-transition: 0.5s all;
-    -ms-transition: 0.5s all;
-    text-decoration: none;
-    outline: none;
+  transition: 0.5s all;
+  -webkit-transition: 0.5s all;
+  -moz-transition: 0.5s all;
+  -o-transition: 0.5s all;
+  -ms-transition: 0.5s all;
+  text-decoration: none;
+  outline: none;
 }
 
 h1,
@@ -24,219 +24,203 @@ h3,
 h4,
 h5,
 h6 {
-    margin: 0;
-    font-family: 'Open Sans', sans-serif;
-    font-weight: 300;
-    letter-spacing: 1px;
+  margin: 0;
+  font-family: "Open Sans", sans-serif;
+  font-weight: 300;
+  letter-spacing: 1px;
 }
 
-sup { 
+sup {
   vertical-align: super;
   font-size: small;
 }
 
 p {
-    margin: 0;
-    color: #212529;
-    font-weight: 370;
-    font-size: 16px;
-    line-height: 1.9em;
-    letter-spacing: 1px;
+  margin: 0;
+  color: #212529;
+  font-weight: 370;
+  font-size: 16px;
+  line-height: 1.9em;
+  letter-spacing: 1px;
 }
 
 ul {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 ul {
-    list-style-type: none;
+  list-style-type: none;
 }
 
 body a:hover {
-    text-decoration: none;
+  text-decoration: none;
 }
 
 body a:focus {
-    outline: none;
-    text-decoration: none;
+  outline: none;
+  text-decoration: none;
 }
 
 body img {
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -ms-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
 }
 
 .clr {
-    color: #fff;
+  color: #fff;
 }
 
 .video-info-img p {
-    color: #fff;
+  color: #fff;
 }
 
 header {
-    position: absolute;
-    width: 100%;
-    z-index: 99;
-    padding: 0 3em;
+  position: absolute;
+  width: 100%;
+  z-index: 99;
+  padding: 0 3em;
 }
 
-
 .toggle-2,
 .toggle,
-[id^=drop] {
-    display: none;
+[id^="drop"] {
+  display: none;
 }
 
-
 nav {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
-
 #logo a {
-    float: left;
-    display: initial;
-    font-weight: 300;
-    font-size: 36px;
-    letter-spacing: 1px;
-    color: #fff;
-    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
-    padding: 0;
-    margin: 0;
+  float: left;
+  display: initial;
+  font-weight: 300;
+  font-size: 36px;
+  letter-spacing: 1px;
+  color: #fff;
+  text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
+  padding: 0;
+  margin: 0;
 }
 
-
-
 nav:after {
-    content: "";
-    display: table;
-    clear: both;
+  content: "";
+  display: table;
+  clear: both;
 }
 
-
 nav ul {
-    float: right;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    position: relative;
+  float: right;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  position: relative;
 }
 
-
 nav ul li {
-    display: inline-block;
-    float: left;
+  display: inline-block;
+  float: left;
 }
 
-
 nav a {
-    font-weight: 400;
-    margin: 0em 0.7em;
-    font-size: 0.9em;
-    font-weight: normal;
-    color: #fff;
-    padding: 0 6px;
-    letter-spacing: 2px;
-    display: inline-block;
-    transition: 0.5s all;
-    -webkit-transition: 0.5s all;
-    -moz-transition: 0.5s all;
-    -o-transition: 0.5s all;
-    -ms-transition: 0.5s all;
+  font-weight: 400;
+  margin: 0em 0.7em;
+  font-size: 0.9em;
+  font-weight: normal;
+  color: #fff;
+  padding: 0 6px;
+  letter-spacing: 2px;
+  display: inline-block;
+  transition: 0.5s all;
+  -webkit-transition: 0.5s all;
+  -moz-transition: 0.5s all;
+  -o-transition: 0.5s all;
+  -ms-transition: 0.5s all;
 }
 
-
 nav ul li ul li:hover {
-    background: #f8f9fa;
-    transition: 0.5s all;
-    -webkit-transition: 0.5s all;
-    -moz-transition: 0.5s all;
-    -o-transition: 0.5s all;
-    -ms-transition: 0.5s all;
+  background: #f8f9fa;
+  transition: 0.5s all;
+  -webkit-transition: 0.5s all;
+  -moz-transition: 0.5s all;
+  -o-transition: 0.5s all;
+  -ms-transition: 0.5s all;
 }
 
 .menu li .drop-text:hover {
-    opacity: 0.9;
+  opacity: 0.9;
 }
 
-
-
 .menu li.active a,
 .menu li a:hover {
-    color: #DA6BDD;
-    transition: 0.5s all;
-    -webkit-transition: 0.5s all;
-    -moz-transition: 0.5s all;
-    -o-transition: 0.5s all;
-    -ms-transition: 0.5s all;
+  color: #da6bdd;
+  transition: 0.5s all;
+  -webkit-transition: 0.5s all;
+  -moz-transition: 0.5s all;
+  -o-transition: 0.5s all;
+  -ms-transition: 0.5s all;
 }
 
 nav ul ul {
-    display: none;
-    position: absolute;
-    top: 26px;
-    background: #fff;
-    padding: 12px 10px;
-    border-radius: 4px;
-    z-index: 9;
-    
+  display: none;
+  position: absolute;
+  top: 26px;
+  background: #fff;
+  padding: 12px 10px;
+  border-radius: 4px;
+  z-index: 9;
 }
 
-
 nav ul li:hover > ul {
-    display: inherit;
+  display: inherit;
 }
 
-
 nav ul ul li {
-    width: 170px;
-    float: none;
-    display: list-item;
-    position: relative;
+  width: 170px;
+  float: none;
+  display: list-item;
+  position: relative;
 }
 
 nav ul ul li a {
-    color: #777;
-    padding: 5px 10px;
-    display: block;
-    font-size: 14px;
-    letter-spacing: 1px;
+  color: #777;
+  padding: 5px 10px;
+  display: block;
+  font-size: 14px;
+  letter-spacing: 1px;
 }
 
-
 nav ul ul ul li {
-    position: relative;
-    top: -60px;
-  
-    left: 170px;
-}
-
+  position: relative;
+  top: -60px;
 
+  left: 170px;
+}
 
 li > a:only-child:after {
-    content: '';
+  content: "";
 }
 
 a.reqe-button {
-    border: 2px solid rgba(255, 255, 255, 0.35);
-    border-radius: 4px;
+  border: 2px solid rgba(255, 255, 255, 0.35);
+  border-radius: 4px;
 }
 
 /*TIMELINE*/
-#timeline {display: none;}
+#timeline {
+  display: none;
+}
 #timeline-d {
   display: flex;
   background-color: #000;
   font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.75;
-
 }
 #timeline-d:hover .tl-item {
   width: 23.3333%;
@@ -251,7 +235,8 @@ a.reqe-button {
   overflow: hidden;
   transition: width 0.5s ease;
 }
-.tl-item-d:before, .tl-item-d:after {
+.tl-item-d:before,
+.tl-item-d:after {
   transform: translate3d(0, 0, 0);
   content: "";
   position: absolute;
@@ -261,14 +246,18 @@ a.reqe-button {
   height: 100%;
 }
 .tl-item-d:after {
-  background: rgba(137, 4, 163, 0.50);
+  background: rgba(137, 4, 163, 0.5);
   opacity: 0.8;
   -webkit-filter: blur(2px);
   filter: blur(2px);
   transition: opacity 0.5s ease;
 }
 .tl-item-d:before {
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(137, 4, 163) 75%);
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(137, 4, 163) 75%
+  );
   z-index: 1;
   opacity: 0;
   transform: translate3d(0, 0, 0) translateY(50%);
@@ -297,16 +286,17 @@ a.reqe-button {
   transform: translate3d(0, 0, 0) translateY(25px);
   position: relative;
   z-index: 1;
-  color: #FFF;
+  color: #fff;
   text-align: center;
   margin: 0 1.618em;
   top: 55%;
   opacity: 0;
 }
 .tl-content-d.m1-d {
-  font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial,
+    sans-serif;
   text-transform: uppercase;
-  color: #FFF;
+  color: #fff;
   font-size: 1.44rem;
   font-weight: normal;
 }
@@ -320,7 +310,8 @@ a.reqe-button {
   border-bottom: 1px solid #fff;
 }
 .tl-year-d p {
-  font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif;
+  font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial,
+    sans-serif;
   font-size: 1.728rem;
   line-height: 0;
 }
@@ -337,1348 +328,1310 @@ a.reqe-button {
   filter: grayscale(100%);
 }
 
-
 /* Media Queries
 --------------------------------------------- */
 
-@media all and (max-width : 992px) {
-
-    #logo {
-        display: block;
-        padding: 0;
-        width: 100%;
-        text-align: center;
-        float: none;
-    }
-
-    nav ul li span {
-        color: #333;
-    }
-
-    nav {
-        margin: 0;
-    }
-
-    nav a {
-        color: #333;
-    }
-
-    .toggle + a,
-    .menu {
-        display: none;
-    }
-
-  
-    .toggle {
-        display: block;
-        padding: 5px 15px;
-        font-size: 20px;
-        text-decoration: none;
-        border: none;
-        float: right;
-        background-color: rgba(12, 13, 13, 0.27);
-        color: #fff;
-        margin-bottom: 0;
-        margin-top: 0.5em;
-        cursor: pointer !important;
-    }
-
-    .menu .toggle {
-        float: none;
-        text-align: center;
-        margin: auto;
-        width: 30%;
-        padding: 5px;
-        font-weight: normal;
-        font-size: 15px;
-        letter-spacing: 1px;
-    }
-
-    .toggle:hover {
-        opacity: 0.9;
-    }
-
-    
-    [id^=drop]:checked + ul {
-        display: block;
-        background: #fff;
-        padding: 15px 0;
-        width: 100%;
-        text-align: center;
-    }
-
-   
-    nav ul li {
-        display: block;
-        width: 100%;
-        padding: 7px 0;
-    }
-
-    nav a {
-        padding: 5px 0;
-    }
-
-    nav a:hover {
-        color: #333;
-    }
-
-    .login-icon {
-        text-align: center;
-    }
-
-    nav ul ul .toggle,
-    nav ul ul a {
-        padding: 0 40px;
-    }
-
-    nav ul ul ul a {
-        padding: 0 80px;
-    }
-
-    nav a:hover,
-    nav ul ul ul a {
-        background-color: transparent;
-    }
-
-    nav ul li ul li .toggle,
-    nav ul ul a,
-    nav ul ul ul a {
-        padding: 14px 20px;
-        color: #FFF;
-        font-size: 17px;
-    }
-
-
-    nav ul li ul li .toggle,
-    nav ul ul a {
-        background-color: #fff;
-    }
-
-    nav ul ul li a {
-        font-size: 15px;
-    }
-
-    ul.inner-ul {
-        padding: 0 !important;
-    }
-
-  
-    nav ul ul {
-        float: none;
-        position: static;
-        color: #ffffff;
-        
-    }
-
-    nav ul ul li:hover > ul,
-    nav ul li:hover > ul {
-        display: none;
-    }
-
-  
-    nav ul ul li {
-        display: block;
-        width: 100%;
-        padding: 0;
-    }
-
-    nav ul ul ul li {
-        position: static;
-        
-
-    }
-
-}
-
-@media all and (max-width :600px) {
-
-    nav ul li {
-        display: block;
-        width: 94%;
-    }
-
-    .menu .toggle {
-        float: none;
-        text-align: center;
-        margin: auto;
-        width: 80%;
-        padding: 5px;
-        font-weight: normal;
-        font-size: 15px;
-        letter-spacing: 1px;
-    }
-}
+@media all and (max-width: 992px) {
+  #logo {
+    display: block;
+    padding: 0;
+    width: 100%;
+    text-align: center;
+    float: none;
+  }
 
-#demo {
-    margin: 10px 0 0px 0;
-    font-family: 'Lato', sans-serif;
-}
+  nav ul li span {
+    color: #333;
+  }
 
-#demo .wrapper {
-    display: inline-block;
-    position: relative;
-}
+  nav {
+    margin: 0;
+  }
 
-#demo .parent {
-    height: 100%;
-    width: 100%;
+  nav a {
+    color: #333;
+  }
+
+  .toggle + a,
+  .menu {
+    display: none;
+  }
+
+  .toggle {
     display: block;
-    cursor: pointer;
-    line-height: 30px;
-    height: 30px;
+    padding: 5px 15px;
+    font-size: 20px;
+    text-decoration: none;
+    border: none;
+    float: right;
+    background-color: rgba(12, 13, 13, 0.27);
     color: #fff;
-    z-index: 2;
-    position: relative;
-    -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
-    -webkit-transition-delay: .8s;
+    margin-bottom: 0;
+    margin-top: 0.5em;
+    cursor: pointer !important;
+  }
+
+  .menu .toggle {
+    float: none;
+    text-align: center;
+    margin: auto;
+    width: 30%;
+    padding: 5px;
+    font-weight: normal;
+    font-size: 15px;
+    letter-spacing: 1px;
+  }
+
+  .toggle:hover {
+    opacity: 0.9;
+  }
+
+  [id^="drop"]:checked + ul {
+    display: block;
+    background: #fff;
+    padding: 15px 0;
+    width: 100%;
+    text-align: center;
+  }
+
+  nav ul li {
+    display: block;
+    width: 100%;
+    padding: 7px 0;
+  }
+
+  nav a {
+    padding: 5px 0;
+  }
+
+  nav a:hover {
+    color: #333;
+  }
+
+  .login-icon {
     text-align: center;
-    font-family: 'Lato', sans-serif;
+  }
+
+  nav ul ul .toggle,
+  nav ul ul a {
+    padding: 0 40px;
+  }
+
+  nav ul ul ul a {
+    padding: 0 80px;
+  }
+
+  nav a:hover,
+  nav ul ul ul a {
+    background-color: transparent;
+  }
+
+  nav ul li ul li .toggle,
+  nav ul ul a,
+  nav ul ul ul a {
+    padding: 14px 20px;
     color: #fff;
-    text-transform: capitalize;
-    font-weight: 500;
+    font-size: 17px;
+  }
+
+  nav ul li ul li .toggle,
+  nav ul ul a {
+    background-color: #fff;
+  }
+
+  nav ul ul li a {
+    font-size: 15px;
+  }
+
+  ul.inner-ul {
+    padding: 0 !important;
+  }
+
+  nav ul ul {
+    float: none;
+    position: static;
+    color: #ffffff;
+  }
+
+  nav ul ul li:hover > ul,
+  nav ul li:hover > ul {
+    display: none;
+  }
+
+  nav ul ul li {
+    display: block;
+    width: 100%;
+    padding: 0;
+  }
+
+  nav ul ul ul li {
+    position: static;
+  }
+}
+
+@media all and (max-width: 600px) {
+  nav ul li {
+    display: block;
+    width: 94%;
+  }
+
+  .menu .toggle {
+    float: none;
+    text-align: center;
+    margin: auto;
+    width: 80%;
+    padding: 5px;
+    font-weight: normal;
     font-size: 15px;
     letter-spacing: 1px;
-    padding-left: 0;
-    padding-right: 0;
+  }
+}
+
+#demo {
+  margin: 10px 0 0px 0;
+  font-family: "Lato", sans-serif;
+}
+
+#demo .wrapper {
+  display: inline-block;
+  position: relative;
+}
+
+#demo .parent {
+  height: 100%;
+  width: 100%;
+  display: block;
+  cursor: pointer;
+  line-height: 30px;
+  height: 30px;
+  color: #fff;
+  z-index: 2;
+  position: relative;
+  -webkit-transition: border-radius 0.1s linear, background 0.1s linear,
+    z-index 0s linear;
+  -webkit-transition-delay: 0.8s;
+  text-align: center;
+  font-family: "Lato", sans-serif;
+  color: #fff;
+  text-transform: capitalize;
+  font-weight: 500;
+  font-size: 15px;
+  letter-spacing: 1px;
+  padding-left: 0;
+  padding-right: 0;
 }
 
 #demo .parent:hover,
 #demo .content:hover ~ .parent {
-    -webkit-transition-delay: 0s, 0s, 0s;
+  -webkit-transition-delay: 0s, 0s, 0s;
 }
 
 #demo .content:hover ~ .parent {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    z-index: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  z-index: 0;
 }
 
 #demo .content {
-    position: absolute;
-    top: 0;
-    display: block;
-    z-index: 1;
-    height: 0;
-    width: 150px;
-    padding-top: 30px;
-    -webkit-transition: height .5s ease;
-    -webkit-transition-delay: .4s;
+  position: absolute;
+  top: 0;
+  display: block;
+  z-index: 1;
+  height: 0;
+  width: 150px;
+  padding-top: 30px;
+  -webkit-transition: height 0.5s ease;
+  -webkit-transition-delay: 0.4s;
 }
 
 #demo .wrapper:active .content {
-    height: 150px;
-    z-index: 3;
-    -webkit-transition-delay: 0s;
+  height: 150px;
+  z-index: 3;
+  -webkit-transition-delay: 0s;
 }
 
 #demo .content:hover {
-    height: 150px;
-    z-index: 3;
-    -webkit-transition-delay: 0s;
+  height: 150px;
+  z-index: 3;
+  -webkit-transition-delay: 0s;
 }
 
-
 #demo .content ul {
-    background: #fff;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-    height: 100%;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
+  background: #fff;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  height: 100%;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
 }
 
 #demo .content ul a {
-    text-decoration: none;
-    padding: 0;
+  text-decoration: none;
+  padding: 0;
 }
 
 #demo .content li:hover {
-    background: #f8f9fa;
+  background: #f8f9fa;
 }
 
 #demo .content li {
-    list-style: none;
-    text-align: left;
-    color: #999;
-    font-size: 16px;
-    line-height: 30px;
-    height: 40px;
-    line-height: 40px;
-    padding-left: 10px;
-    border-top: 1px solid #eee;
+  list-style: none;
+  text-align: left;
+  color: #999;
+  font-size: 16px;
+  line-height: 30px;
+  height: 40px;
+  line-height: 40px;
+  padding-left: 10px;
+  border-top: 1px solid #eee;
 }
 
 #demo .content li:last-of-type {
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
 }
 
-
 p.hit3pvt-phone {
-    color: #fff;
-    font-size: 1em;
-    font-weight: 600;
-    margin-left: 5em;
+  color: #fff;
+  font-size: 1em;
+  font-weight: 600;
+  margin-left: 5em;
 }
 
-
 .main-content {
-    background: url(../images/banner-new.jpg) center no-repeat;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    -ms-background-size: cover;
-    background-size: cover;
-    position: relative;
-    min-height: 35em;
+  background: url(../images/banner-new.jpg) center no-repeat;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  -ms-background-size: cover;
+  background-size: cover;
+  position: relative;
+  min-height: 35em;
 }
 .main-content1 {
-    background: #38263D;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    -ms-background-size: cover;
-    background-size: cover;
-    position: relative;
-    min-height: 5.5em;
+  background: #38263d;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  -ms-background-size: cover;
+  background-size: cover;
+  position: relative;
+  min-height: 5.5em;
 }
 
 .main-content.inner {
-    background: url(../images/purple-gradient.png) center no-repeat;
-	min-height: 20em;
+  background: url(../images/purple-gradient.png) center no-repeat;
+  min-height: 20em;
 }
 
 .main-content.nav {
-    min-height: 5em;
+  min-height: 5em;
 }
 
 .banner-content-hit3pvt {
-    padding-top: 17em;
+  padding-top: 17em;
 }
 
 .banner-lore-info h3 {
-    font-size: 2.7em;
-    color: #fff;
-    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
-    font-weight: 300;
-    margin: 1em 0;
-    line-height: 1.5em;
+  font-size: 2.7em;
+  color: #fff;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
+  font-weight: 300;
+  margin: 1em 0;
+  line-height: 1.5em;
 }
 
 .banner-lore-info {
-    width: 50%;
-    margin: 0 auto;
+  width: 50%;
+  margin: 0 auto;
 }
 
 form.banner-form {
-    background: #fff;
-    padding: 0.5em;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -ms-border-radius: 4px;
-    box-shadow: 0 12px 60px rgba(0, 0, 0, .2);
-    -webkit-box-shadow: 0 12px 60px rgba(0, 0, 0, .2);
-    -o-box-shadow: 0 12px 60px rgba(0, 0, 0, .2);
-    -moz-box-shadow: 0 12px 60px rgba(0, 0, 0, .2);
-    -ms-box-shadow: 0 12px 60px rgba(0, 0, 0, .2);
-    display: flex;
-    width: 60%;
-    margin: 0 auto;
+  background: #fff;
+  padding: 0.5em;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2);
+  -o-box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2);
+  -ms-box-shadow: 0 12px 60px rgba(0, 0, 0, 0.2);
+  display: flex;
+  width: 60%;
+  margin: 0 auto;
 }
 
 .banner-form input[type="email"] {
-    outline: none;
-    padding: 7px 15px;
-    color: #666;
-    font-size: 15px;
-    width: 68%;
-    background: transparent;
-    border: none;
-    letter-spacing: 2px;
+  outline: none;
+  padding: 7px 15px;
+  color: #666;
+  font-size: 15px;
+  width: 68%;
+  background: transparent;
+  border: none;
+  letter-spacing: 2px;
 }
 
 .banner-form button.btn,
 a.btn.btn-course {
-    color: #fff;
-    border: none;
-    padding: 8px 15px;
-    text-decoration: none;
-    background: #229CC9;
-    float: right;
-    cursor: pointer;
-    width: 37%;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -ms-border-radius: 4px;
-    font-weight: 400;
-    letter-spacing: 1px;
-    font-size: 1em;
+  color: #fff;
+  border: none;
+  padding: 8px 15px;
+  text-decoration: none;
+  background: #229cc9;
+  float: right;
+  cursor: pointer;
+  width: 37%;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  font-weight: 400;
+  letter-spacing: 1px;
+  font-size: 1em;
 }
 
 a.btn.btn-course {
-    width: 100%;
+  width: 100%;
 }
 
 .banner-form button.btn:hover,
 a.btn.btn-course:hover {
-    opacity: 0.9;
-
+  opacity: 0.9;
 }
 
 .lead {
-    font-size: 1.25rem;
-    font-weight: 400;
-    color: #333;
+  font-size: 1.25rem;
+  font-weight: 400;
+  color: #333;
 }
 
-
-
 .tittle-lore,
 .tittle-lore.two {
-    color: #fff;
-    font-size: 2.7em;
-    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
+  color: #fff;
+  font-size: 2.7em;
+  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
 }
 
 .tittle-lore.two {
-    color: #333;
+  color: #333;
 }
 
 .entry-hit3pvt-main {
-    background-color: #ecf0f1;
+  background-color: #ecf0f1;
 }
 
 .entry-lore-info h4 {
-    color: #444;
-    font-size: 1.8em;
-    text-align: left;
-    letter-spacing: 1px;
-    margin-bottom: .7em;
-    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
+  color: #444;
+  font-size: 1.8em;
+  text-align: left;
+  letter-spacing: 1px;
+  margin-bottom: 0.7em;
+  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
 }
 
 .content-left-bottom h5 {
-    color: #229CC9;
-    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
-    font-size: 1.5em;
+  color: #229cc9;
+  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
+  font-size: 1.5em;
 }
 
 .content-hit3pvt-img {
-    padding: 0 5em;
+  padding: 0 5em;
 }
 
 .team-content {
-    background: #f7f7f7;
+  background: #f7f7f7;
 }
 
 .team-info {
-    background: #fff;
-    padding: 2em;
-    text-align: left;
+  background: #fff;
+  padding: 2em;
+  text-align: left;
 }
 
 .team-info h4 {
-    color: #333;
-    font-size: 1.4em;
-    letter-spacing: 1px;
-    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
+  color: #333;
+  font-size: 1.4em;
+  letter-spacing: 1px;
+  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
 }
 
 .team-info small {
-    color: #229CC9;
-    margin-bottom: .7em;
-    font-size: 1em;
-    letter-spacing: 1px;
+  color: #229cc9;
+  margin-bottom: 0.7em;
+  font-size: 1em;
+  letter-spacing: 1px;
 }
 
 .team-info p {
-    margin-top: 0.8em;
+  margin-top: 0.8em;
 }
 
-
 .content-hit3pvt-img img {
-    border-radius: 50%;
-    -webkit-border-radius: 50%;
-    border-radius: 50%;
-    -moz-border-radius: 50%;
-    -ms-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  -moz-border-radius: 50%;
+  -ms-border-radius: 50%;
 }
 
 .last-content {
-    background: url(../images/banner-join-us.jpg) center no-repeat;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    -ms-background-size: cover;
-    background-size: cover;
-    position: relative;
+  background: url(../images/banner-join-us.jpg) center no-repeat;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  -ms-background-size: cover;
+  background-size: cover;
+  position: relative;
 }
 
 .last-content p {
-    color: #fff;
+  color: #fff;
 }
 
 .buttons a {
-    color: #229CC9;
-    padding: 0.7em 1.5em;
-    text-decoration: none;
-    background: #fff;
-    border-radius: 0px;
-    font-size: 0.9em;
-    display: inline-block;
-    border: none;
-    transition: all 500ms ease;
-    text-align: justify;
-    font-weight: 600;
-    letter-spacing: 1px;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -ms-border-radius: 4px;
+  color: #229cc9;
+  padding: 0.7em 1.5em;
+  text-decoration: none;
+  background: #fff;
+  border-radius: 0px;
+  font-size: 0.9em;
+  display: inline-block;
+  border: none;
+  transition: all 500ms ease;
+  text-align: justify;
+  font-weight: 600;
+  letter-spacing: 1px;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
 }
 
-
 .testimonials {
-    background: url(../images/banner-join-us.jpg) center no-repeat;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    -ms-background-size: cover;
-    background-size: cover;
-    position: relative;
+  background: url(../images/banner-join-us.jpg) center no-repeat;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  -ms-background-size: cover;
+  background-size: cover;
+  position: relative;
 }
 
 .testi_grid {
-    padding: 0 3em;
+  padding: 0 3em;
 }
 
 .testi_grid img {
-    border-radius: 50%;
-    -webkit-border-radius: 50%;
-    border-radius: 50%;
-    -moz-border-radius: 50%;
-    -ms-border-radius: 50%;
+  border-radius: 50%;
+  -webkit-border-radius: 50%;
+  border-radius: 50%;
+  -moz-border-radius: 50%;
+  -ms-border-radius: 50%;
 }
 
 .testi_grid h5 {
-    font-size: 0.9em;
-    letter-spacing: 2px;
-    color: white;
-    margin: 1em 0 0em 0;
-    font-weight: 600;
+  font-size: 0.9em;
+  letter-spacing: 2px;
+  color: white;
+  margin: 1em 0 0em 0;
+  font-weight: 600;
 }
 
 .testimonials_grid span {
-    color: #fff;
-    font-size: 2em;
+  color: #fff;
+  font-size: 2em;
 }
 
 p.sub-test {
-    color: #fff;
-    font-style: italic;
-    font-weight: 500;
-    margin: 2em 0;
+  color: #fff;
+  font-style: italic;
+  font-weight: 500;
+  margin: 2em 0;
 }
 
 .form-group label {
-    letter-spacing: 1px;
-    font-size: 15px;
-    color: #777879;
-    font-weight: 600;
-    font-family: 'Open Sans', sans-serif;
-    margin-bottom: 1em;
+  letter-spacing: 1px;
+  font-size: 15px;
+  color: #777879;
+  font-weight: 600;
+  font-family: "Open Sans", sans-serif;
+  margin-bottom: 1em;
 }
 
 .hit3pvt_mail_grid_right {
-    padding: 1em 2em;
+  padding: 1em 2em;
 }
 
 .hit3pvt_mail_grid_right input[type="text"],
 .hit3pvt_mail_grid_right input[type="email"],
 .hit3pvt_mail_grid_right textarea,
 .hit3pvt_mail_grid_right select {
-    display: block;
-    width: 100%;
-    padding: 0.6rem 1rem;
-    font-size: 1rem;
-    line-height: 1.5;
-    color: #495057;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #ced4da;
-    border-radius: 0.25rem;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  display: block;
+  width: 100%;
+  padding: 0.6rem 1rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 select.form-control:not([size]):not([multiple]) {
-    height: inherit;
+  height: inherit;
 }
 
 .hit3pvt_mail_grid_right textarea {
-    min-height: 180px;
-    width: 100% !important;
-    resize: none;
+  min-height: 180px;
+  width: 100% !important;
+  resize: none;
 }
 
 button.btn.submit {
-    color: #fff;
-    border: none;
-    padding: 1em 3em;
-    text-decoration: none;
-    background: #229CC9;
-    cursor: pointer;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -ms-border-radius: 4px;
-    font-weight: 400;
-    letter-spacing: 2px;
-    font-size: 1em;
-    text-transform: uppercase;
+  color: #fff;
+  border: none;
+  padding: 1em 3em;
+  text-decoration: none;
+  background: #229cc9;
+  cursor: pointer;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  font-weight: 400;
+  letter-spacing: 2px;
+  font-size: 1em;
+  text-transform: uppercase;
 }
 
 button.btn.submit:hover {
-    opacity: 0.9;
+  opacity: 0.9;
 }
 
-
 [type="date"] {
-    background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat;
+  background: #fff
+    url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)
+    97% 50% no-repeat;
 }
 
 [type="date"]::-webkit-inner-spin-button {
-    display: none;
+  display: none;
 }
 
 [type="date"]::-webkit-calendar-picker-indicator {
-    opacity: 0;
+  opacity: 0;
 }
 
 .date-plu input {
-    border: none;
-    color: #555;
-    letter-spacing: 1px;
-    font-size: 15px;
-    padding: 12px 15px;
-    width: 100%;
-    border: none;
-    background: #ddd;
+  border: none;
+  color: #555;
+  letter-spacing: 1px;
+  font-size: 15px;
+  padding: 12px 15px;
+  width: 100%;
+  border: none;
+  background: #ddd;
 }
 
-
 .counter.two {
-    border-left: 1px solid #c3c5c6;
-    border-right: 1px solid #c3c5c6;
+  border-left: 1px solid #c3c5c6;
+  border-right: 1px solid #c3c5c6;
 }
 
-
 .content-sing-lore h4 {
-    color: #555;
-    font-size: 1.4em;
-    margin: 1em 0;
-    letter-spacing: 2px;
-    font-weight: 600;
+  color: #555;
+  font-size: 1.4em;
+  margin: 1em 0;
+  letter-spacing: 2px;
+  font-weight: 600;
 }
 
 h4.leave-lore {
-    font-size: 1.4em;
-    color: #4f5152;
-    font-weight: 600;
-    letter-spacing: 2px;
-    margin-bottom: 2em;
+  font-size: 1.4em;
+  color: #4f5152;
+  font-weight: 600;
+  letter-spacing: 2px;
+  margin-bottom: 2em;
 }
 
 .media h5 {
-    font-size: 1em;
-    color: #555;
-    font-weight: 600;
-    letter-spacing: 1px;
-    margin-bottom: 2em;
+  font-size: 1em;
+  color: #555;
+  font-weight: 600;
+  letter-spacing: 1px;
+  margin-bottom: 2em;
 }
 
 .adress-info span {
-    color: #46484c;
-    font-size: 2em;
-    vertical-align: middle;
+  color: #46484c;
+  font-size: 2em;
+  vertical-align: middle;
 }
 
 .adress-info h6 {
-    font-size: 0.9em;
-    color: #4f5152;
-    font-weight: 600;
-    letter-spacing: 2px;
-    margin-bottom: 10px;
-    text-transform: uppercase;
+  font-size: 0.9em;
+  color: #4f5152;
+  font-weight: 600;
+  letter-spacing: 2px;
+  margin-bottom: 10px;
+  text-transform: uppercase;
 }
 
 .adress-info a {
-    font-size: 0.85em;
+  font-size: 0.85em;
 }
 
 .adress-info a,
 .adress-info p {
-    color: #5a646b;
-    letter-spacing: 1px;
-    line-height: 1.9em;
-    margin: 0;
+  color: #5a646b;
+  letter-spacing: 1px;
+  line-height: 1.9em;
+  margin: 0;
 }
 
 .map-fo iframe {
-    min-height: 350px;
-    border: none;
-    background: #e8eaec;
-    padding: 0.4em;
-    width: 100%;
+  min-height: 350px;
+  border: none;
+  background: #e8eaec;
+  padding: 0.4em;
+  width: 100%;
 }
 
-
 footer {
-    background: url(../images/footer.jpg) no-repeat bottom;
-    background-size: cover;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    -moz-background-size: cover;
+  background: url(../images/footer.jpg) no-repeat bottom;
+  background-size: cover;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  -moz-background-size: cover;
 }
 
 p.footer-para {
-    max-width: 650px;
-    font-size: 15px;
+  max-width: 650px;
+  font-size: 15px;
 }
 
-
 .logo2 {
-    position: relative;
+  position: relative;
 }
 
 .logo2 a {
-    font-size: 1.1em;
-    font-weight: 300;
-    color: #e8ebef;
-    letter-spacing: 2px;
+  font-size: 1.1em;
+  font-weight: 300;
+  color: #e8ebef;
+  letter-spacing: 2px;
 }
 
 .logo2 a span.fa {
-    color: #e8cd30;
+  color: #e8cd30;
 }
 
-
-
 footer {
-    background: #191818;
+  background: #191818;
 }
 
 .footer-hit3pvt-copy-social ul li,
 .contact-left-footer ul li {
-    display: inline-block;
+  display: inline-block;
 }
 
 .footer-hit3pvt-copy-social ul li a {
-    color: #333;
-    text-align: center;
+  color: #333;
+  text-align: center;
 }
 
 .footer-hit3pvt-copy-social ul li a span {
-    width: 20px;
-    font-size: 20px;
-    color: #666;
-    transition: 0.5s all;
-    -webkit-transition: 0.5s all;
-    -moz-transition: 0.5s all;
-    -o-transition: 0.5s all;
-    -ms-transition: 0.5s all;
+  width: 20px;
+  font-size: 20px;
+  color: #666;
+  transition: 0.5s all;
+  -webkit-transition: 0.5s all;
+  -moz-transition: 0.5s all;
+  -o-transition: 0.5s all;
+  -ms-transition: 0.5s all;
 }
 
 .footer-hit3pvt-copy-social ul li a:hover {
-    opacity: 0.8;
-
+  opacity: 0.8;
 }
 
 .contact-left-footer ul li p span {
-    color: #229CC9;
+  color: #229cc9;
 }
 
 .contact-left-footer ul li p a,
 .contact-left-footer ul li p {
-    color: #707579;
-    font-size: 16px;
+  color: #707579;
+  font-size: 16px;
 }
 
-
 .lore-copy p {
-    letter-spacing: 1px;
+  letter-spacing: 1px;
 }
 
 .lore-copy p a {
-    color: #aaa;
+  color: #aaa;
 }
 
-
 a.move-top span {
-    color: #fff;
-    width: 34px;
-    height: 34px;
-    border: transparent;
-    line-height: 1.9em;
-    background: #2c2c2c;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    -o-border-radius: 4px;
-    -moz-border-radius: 4px;
+  color: #fff;
+  width: 34px;
+  height: 34px;
+  border: transparent;
+  line-height: 1.9em;
+  background: #2c2c2c;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -o-border-radius: 4px;
+  -moz-border-radius: 4px;
 }
 
-.myCard{
-    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+.myCard {
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 }
-.boombam1{
-    display: none;
+.boombam1 {
+  display: none;
 }
-#hideIt{
-    display: none;
+#hideIt,
+#hidePast {
+  display: none;
 }
-.btn11{
-    padding: 10px;
-    border-radius: 10px;
+.btn11 {
+  padding: 10px;
+  border-radius: 10px;
 }
-.img-logo{
-    width: 200px;
-    
+.img-logo {
+  width: 200px;
 }
-.logo-abc{
-    width: 200px !important;
-    display: inline-block !important;
+.logo-abc {
+  width: 200px !important;
+  display: inline-block !important;
 }
-.imgSize{
-    width: 10%;
+.imgSize {
+  width: 10%;
 }
 
-@media(max-width:1366px) {
-    .main-content {
-        min-height: 45em;
-    }
+@media (max-width: 1366px) {
+  .main-content {
+    min-height: 45em;
+  }
 
-    .banner-lore-info h3 {
-        font-size: 2.5em;
-    }
+  .banner-lore-info h3 {
+    font-size: 2.5em;
+  }
 
-    .entry-lore-info h4 {
-        font-size: 1.8em;
-    }
+  .entry-lore-info h4 {
+    font-size: 1.8em;
+  }
 }
 
-@media(max-width:1280px) {
-    .main-content {
-        min-height: 41em;
-    }
+@media (max-width: 1280px) {
+  .main-content {
+    min-height: 41em;
+  }
 
-    .banner-lore-info {
-        width: 60%;
-        margin: 0 auto;
-    }
+  .banner-lore-info {
+    width: 60%;
+    margin: 0 auto;
+  }
 
-    .banner-content-hit3pvt {
-        padding-top: 14em;
-    }
+  .banner-content-hit3pvt {
+    padding-top: 14em;
+  }
 
-    .banner-lore-info h3 {
-        font-size: 2.4em;
-    }
+  .banner-lore-info h3 {
+    font-size: 2.4em;
+  }
 
-    .tittle-lore,
-    .tittle-lore.two {
-        font-size: 2.5em;
-    }
+  .tittle-lore,
+  .tittle-lore.two {
+    font-size: 2.5em;
+  }
 
-    ul.menu li a {
-        margin: 0 0.5em;
-    }
+  ul.menu li a {
+    margin: 0 0.5em;
+  }
 }
 
-@media(max-width:1080px) {
-    .banner-lore-info {
-        width: 65%;
-        margin: 0 auto;
-    }
-
-    .main-content {
-        min-height: 38em;
-    }
+@media (max-width: 1080px) {
+  .banner-lore-info {
+    width: 65%;
+    margin: 0 auto;
+  }
 
-    .banner-content-hit3pvt {
-        padding-top: 13em;
-    }
+  .main-content {
+    min-height: 38em;
+  }
 
-    ul.menu li a {
-        margin: 0 0.3em;
-    }
+  .banner-content-hit3pvt {
+    padding-top: 13em;
+  }
 
-    p.hit3pvt-phone {
+  ul.menu li a {
+    margin: 0 0.3em;
+  }
 
-        margin-left: 3em;
-    }
+  p.hit3pvt-phone {
+    margin-left: 3em;
+  }
 }
 
-@media(max-width:1050px) {
-    .nav_hit3pvt nav a {
-        margin: 0em 0.5em;
-    }
+@media (max-width: 1050px) {
+  .nav_hit3pvt nav a {
+    margin: 0em 0.5em;
+  }
 
-    .content-hit3pvt-img {
-        padding: 0 3em;
-    }
-
-    .main-content.inner {
-        min-height: 13em;
-    }
+  .content-hit3pvt-img {
+    padding: 0 3em;
+  }
 
-    .entry-lore-info h4 {
-        font-size: 1.6em;
-    }
+  .main-content.inner {
+    min-height: 13em;
+  }
 
+  .entry-lore-info h4 {
+    font-size: 1.6em;
+  }
 }
 
-@media(max-width:1024px) {
-    form.banner-form {
-        width: 82%;
-        margin: 0 auto;
-    }
-
-    .team-info small {
-        font-size: 0.9em;
-    }
-    .imgSize{
-        width: 15%;
-    }
-
-
+@media (max-width: 1024px) {
+  form.banner-form {
+    width: 82%;
+    margin: 0 auto;
+  }
 
+  .team-info small {
+    font-size: 0.9em;
+  }
+  .imgSize {
+    width: 15%;
+  }
 }
 
-@media(max-width:991px) {
-    .content-left-bottom.entry-lore-info. {
-        margin-top: 1em;
-    }
+@media (max-width: 991px) {
+  .content-left-bottom.entry-lore-info. {
+    margin-top: 1em;
+  }
 
-    .team-main {
-        float: left;
-        width: 50%;
-        margin-bottom: 1em;
-    }
+  .team-main {
+    float: left;
+    width: 50%;
+    margin-bottom: 1em;
+  }
 
-    .content-hit3pvt-img {
-        padding: 0 1em;
-    }
+  .content-hit3pvt-img {
+    padding: 0 1em;
+  }
 
-    .content-left-bottom.entry-lore-info {
-        margin-top: 2em;
-    }
+  .content-left-bottom.entry-lore-info {
+    margin-top: 2em;
+  }
 
-    .team-main {
-        margin: 0 auto;
-        width: 60%;
-        margin-top: 1em;
-    }
+  .team-main {
+    margin: 0 auto;
+    width: 60%;
+    margin-top: 1em;
+  }
 
-    .content-hit3pvt-img {
-        padding: 1em 2em;
-    }
+  .content-hit3pvt-img {
+    padding: 1em 2em;
+  }
 
-    .item {
-        float: left;
-        width: 50%;
-    }
+  .item {
+    float: left;
+    width: 50%;
+  }
 
-    p.hit3pvt-phone {
-        color: #4a4848;
-    }
+  p.hit3pvt-phone {
+    color: #4a4848;
+  }
 
-    .comment-bottom.hit3pvt_mail_grid-img {
-        margin-top: 1.5em;
-    }
+  .comment-bottom.hit3pvt_mail_grid-img {
+    margin-top: 1.5em;
+  }
 
-    p.hit3pvt-phone {
-        margin-left: 0em;
-    }
+  p.hit3pvt-phone {
+    margin-left: 0em;
+  }
 }
 
-@media(max-width:900px) {
+@media (max-width: 900px) {
+  .banner-lore-info h3 {
+    font-size: 2.2em;
+  }
 
-    .banner-lore-info h3 {
-        font-size: 2.2em;
-    }
+  .main-content {
+    min-height: 32em;
+  }
 
-    .main-content {
-        min-height: 32em;
-    }
+  .banner-content-hit3pvt {
+    padding-top: 10em;
+  }
 
-    .banner-content-hit3pvt {
-        padding-top: 10em;
-    }
-
-    .content-hit3pvt-img {
-        padding: 2em 2em;
-    }
-    .img-logo{
-        width: 200px;
-        
-    }
-    .logo-abc{
-        width: 200px !important;
-        display: inline-block !important;
-    }
+  .content-hit3pvt-img {
+    padding: 2em 2em;
+  }
+  .img-logo {
+    width: 200px;
+  }
+  .logo-abc {
+    width: 200px !important;
+    display: inline-block !important;
+  }
 }
 
-@media(max-width:768px) {
+@media (max-width: 768px) {
+  .tittle-lore,
+  .tittle-lore.two {
+    font-size: 2.3em;
+  }
 
-    .tittle-lore,
-    .tittle-lore.two {
-        font-size: 2.3em;
-    }
+  .testi_grid {
+    padding: 0 1em;
+  }
 
-    .testi_grid {
-        padding: 0 1em;
-    }
-
-    header {
-        padding: 0 1em;
-    }
-    .clrd{
-    background-color: #ECF0F1;
-}
-.img-logo{
+  header {
+    padding: 0 1em;
+  }
+  .clrd {
+    background-color: #ecf0f1;
+  }
+  .img-logo {
     width: 200px;
-    
-}
-.logo-abc{
+  }
+  .logo-abc {
     width: 200px !important;
     display: inline-block !important;
-}
-.imgSize{
+  }
+  .imgSize {
     width: 35%;
     /* border-radius: 50%; */
-}
-.new-h2{
+  }
+  .new-h2 {
     font-size: 25px;
     font-weight: 400;
     line-height: 1.6;
-}
-.mypad{
-    padding:0px !important;
-}
+  }
+  .mypad {
+    padding: 0px !important;
+  }
 
-
-/*TIMELINE-MOBILE*/
-#timeline-d {display: none;}
-.tl-content-d {display: none;}
-#timeline {
-  display: flex;
-  flex-direction: column;
-  background-color: #000;
-  font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 1.75;
-}
-#timeline:hover .tl-item {
-  width: 100%;
-}
-.tl-item {
-  transform: translate3d(0, 0, 0);
-  position: relative;
-  width: 100%;
-  height: 50vh;
-  color: #fff;
-  overflow: hidden;
-  transition: width 0.5s ease;
-  
-}
-.tl-item:before, .tl-item:after {
-  transform: translate3d(0, 0, 0);
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-}
-.tl-item:after {
-  background: rgba(137, 4, 163, 0.50);
-  opacity: 0.8;
-  -webkit-filter: blur(2px);
-  filter: blur(2px);
-  transition: opacity 0.5s ease;
-}
-.tl-item:before {
-  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(137, 4, 163) 75%);
-  z-index: 1;
-  opacity: 0;
-  transform: translate3d(0, 0, 0) translateY(50%);
-  transition: opacity 0.5s ease, transform 0.5s ease;
-}
-.tl-item:hover {
-  width: 30%;
-}
-.tl-item:hover:after {
-  opacity: 0;
-}
-.tl-item:hover:before {
-  opacity: 1;
-  transform: translate3d(0, 0, 0) translateY(0);
-  transition: opacity 1s ease, transform 1s ease 0.25s;
-}
-.tl-item:hover .tl-content {
-  opacity: 1;
-  transform: translateY(0);
-  transition: all 0.75s ease 0.5s;
-}
-.tl-item:hover .tl-bg {
-  filter: grayscale(0);
-}
-.tl-content {
-  transform: translate3d(0, 0, 0) translateY(25px);
-  position: relative;
-  z-index: 1;
-  color: #FFF;
-  text-align: left;
-  max-width: 50%;
-  margin: 0 1.618em;
-  top: 20%;
-  opacity: 0;
-}
-.tl-content.m1 {
-  font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif;
-  text-transform: uppercase;
-  color: #FFF;
-  font-size: 1.44rem;
-  font-weight: normal;
-  text-align: left;
-  margin-left: 0;
-}
-.tl-year {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translateX(-50%) translateY(-50%);
-  z-index: 1;
-  border-top: 1px solid #fff;
-  border-bottom: 1px solid #fff;
-}
-.tl-year p {
-  font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif;
-  font-size: 1.0rem;
-  line-height: 0;
+  /*TIMELINE-MOBILE*/
+  #timeline-d {
+    display: none;
+  }
+  .tl-content-d {
+    display: none;
+  }
+  #timeline {
+    display: flex;
+    flex-direction: column;
+    background-color: #000;
+    font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    line-height: 1.75;
+  }
+  #timeline:hover .tl-item {
+    width: 100%;
+  }
+  .tl-item {
+    transform: translate3d(0, 0, 0);
+    position: relative;
+    width: 100%;
+    height: 50vh;
+    color: #fff;
+    overflow: hidden;
+    transition: width 0.5s ease;
+  }
+  .tl-item:before,
+  .tl-item:after {
+    transform: translate3d(0, 0, 0);
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+  .tl-item:after {
+    background: rgba(137, 4, 163, 0.5);
+    opacity: 0.8;
+    -webkit-filter: blur(2px);
+    filter: blur(2px);
+    transition: opacity 0.5s ease;
+  }
+  .tl-item:before {
+    background: linear-gradient(
+      to left,
+      rgba(0, 0, 0, 0) 0%,
+      rgba(137, 4, 163) 75%
+    );
+    z-index: 1;
+    opacity: 0;
+    transform: translate3d(0, 0, 0) translateY(50%);
+    transition: opacity 0.5s ease, transform 0.5s ease;
+  }
+  .tl-item:hover {
+    width: 30%;
+  }
+  .tl-item:hover:after {
+    opacity: 0;
+  }
+  .tl-item:hover:before {
+    opacity: 1;
+    transform: translate3d(0, 0, 0) translateY(0);
+    transition: opacity 1s ease, transform 1s ease 0.25s;
+  }
+  .tl-item:hover .tl-content {
+    opacity: 1;
+    transform: translateY(0);
+    transition: all 0.75s ease 0.5s;
+  }
+  .tl-item:hover .tl-bg {
+    filter: grayscale(0);
+  }
+  .tl-content {
+    transform: translate3d(0, 0, 0) translateY(25px);
+    position: relative;
+    z-index: 1;
+    color: #fff;
+    text-align: left;
+    max-width: 50%;
+    margin: 0 1.618em;
+    top: 20%;
+    opacity: 0;
+  }
+  .tl-content.m1 {
+    font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial,
+      sans-serif;
+    text-transform: uppercase;
+    color: #fff;
+    font-size: 1.44rem;
+    font-weight: normal;
+    text-align: left;
+    margin-left: 0;
+  }
+  .tl-year {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    z-index: 1;
+    border-top: 1px solid #fff;
+    border-bottom: 1px solid #fff;
+  }
+  .tl-year p {
+    font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial,
+      sans-serif;
+    font-size: 1rem;
+    line-height: 0;
+  }
+  .tl-bg {
+    transform: translate3d(0, 0, 0);
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-size: cover;
+    background-position: center center;
+    transition: filter 0.5s ease;
+    filter: grayscale(100%);
+  }
 }
-.tl-bg {
-  transform: translate3d(0, 0, 0);
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background-size: cover;
-  background-position: center center;
-  transition: filter 0.5s ease;
-  filter: grayscale(100%); 
-}
-}
-
-@media(max-width:736px) {
-    .banner-lore-info {
-        width: 84%;
-        margin: 0 auto;
-    }
-
-    .adress-icon {
-        margin: 2em 0 1em 0;
-    }
 
-    .team-info h4 {
-        font-size: 1.2em;
-    }
-    .clrd{
-        background-color: #ECF0F1;
-    }
-    .boombam{
-        display: none;
-    }
-    .boombam1{
-        margin-top: 10px;
-        display: inline-block;
-    }
-    .img-logo{
-        width: 200px;
-        
-    }
-    .logo-abc{
-        width: 200px !important;
-        display: inline-block !important;
-    }
-}
+@media (max-width: 736px) {
+  .banner-lore-info {
+    width: 84%;
+    margin: 0 auto;
+  }
 
-@media(max-width:667px) {
+  .adress-icon {
+    margin: 2em 0 1em 0;
+  }
 
-    .banner-lore-info h3 {
-        font-size: 2em;
-    }
+  .team-info h4 {
+    font-size: 1.2em;
+  }
+  .clrd {
+    background-color: #ecf0f1;
+  }
+  .boombam {
+    display: none;
+  }
+  .boombam1 {
+    margin-top: 10px;
+    display: inline-block;
+  }
+  .img-logo {
+    width: 200px;
+  }
+  .logo-abc {
+    width: 200px !important;
+    display: inline-block !important;
+  }
+}
 
-    .main-content {
-        min-height: 30em;
-    }
+@media (max-width: 667px) {
+  .banner-lore-info h3 {
+    font-size: 2em;
+  }
 
-    .tittle-lore,
-    .tittle-lore.two {
-        font-size: 2em;
-    }
+  .main-content {
+    min-height: 30em;
+  }
 
-    .item {
-        float: left;
-        width: 80%;
-        margin: 0 auto;
-    }
+  .tittle-lore,
+  .tittle-lore.two {
+    font-size: 2em;
+  }
 
-    .main-content.inner {
-        min-height: 20em;
-    }
+  .item {
+    float: left;
+    width: 80%;
+    margin: 0 auto;
+  }
 
-    .entry-lore-info h4 {
-        font-size: 1.5em;
-    }
-    .clrd{
-        background-color: #ECF0F1;
-    }
-    .img-logo{
-        width:"100px";
-    }
+  .main-content.inner {
+    min-height: 20em;
+  }
 
+  .entry-lore-info h4 {
+    font-size: 1.5em;
+  }
+  .clrd {
+    background-color: #ecf0f1;
+  }
+  .img-logo {
+    width: "100px";
+  }
 }
 
-@media(max-width:640px) {
-
-    .team-main {
-        margin: 0 auto;
-        width: 90%;
-        margin-top: 1em;
-    }
+@media (max-width: 640px) {
+  .team-main {
+    margin: 0 auto;
+    width: 90%;
+    margin-top: 1em;
+  }
 }
 
-@media(max-width:600px) {
-
-    .banner-lore-info {
-        width: 95%;
-        margin: 0 auto;
-    }
-
-    .banner-content-hit3pvt {
-        padding-top: 7em;
-    }
-
-    .main-content {
-        min-height: 26em;
-    }
+@media (max-width: 600px) {
+  .banner-lore-info {
+    width: 95%;
+    margin: 0 auto;
+  }
 
-    .item {
-        float: left;
-        width: 90%;
-        margin: 0 auto;
-    }
+  .banner-content-hit3pvt {
+    padding-top: 7em;
+  }
 
-    form.banner-form {
-        width: 90%;
-        margin: 0 auto;
-    }
+  .main-content {
+    min-height: 26em;
+  }
 
+  .item {
+    float: left;
+    width: 90%;
+    margin: 0 auto;
+  }
 
+  form.banner-form {
+    width: 90%;
+    margin: 0 auto;
+  }
 }
 
-@media(max-width:480px) {
-
-    .counter.two {
-        border-left: 1px solid #c3c5c6;
-        border-right: 1px solid #c3c5c6;
-        margin: 1em 0;
-    }
+@media (max-width: 480px) {
+  .counter.two {
+    border-left: 1px solid #c3c5c6;
+    border-right: 1px solid #c3c5c6;
+    margin: 1em 0;
+  }
 }
 
-@media(max-width:480px) {
-    .banner-lore-info h3 {
-        font-size: 1.7em;
-    }
+@media (max-width: 480px) {
+  .banner-lore-info h3 {
+    font-size: 1.7em;
+  }
 
-    .main-content {
-        min-height: 24em;
-    }
+  .main-content {
+    min-height: 24em;
+  }
 
-    .entry-lore-info h4 {
-        font-size: 1.4em;
-    }
+  .entry-lore-info h4 {
+    font-size: 1.4em;
+  }
 
-    .tittle-lore,
-    .tittle-lore.two {
-        font-size: 1.8em;
-    }
+  .tittle-lore,
+  .tittle-lore.two {
+    font-size: 1.8em;
+  }
 }
 
-@media(max-width:414px) {
-
-    .banner-form input[type="email"] {
-        padding: 7px 10px;
-        font-size: 15px;
-        width: 54%;
-        letter-spacing: 1px;
-    }
+@media (max-width: 414px) {
+  .banner-form input[type="email"] {
+    padding: 7px 10px;
+    font-size: 15px;
+    width: 54%;
+    letter-spacing: 1px;
+  }
 
-    .banner-form button.btn,
-    a.btn.btn-course {
-        padding: 8px 15px;
-        float: right;
-        width: 46%;
-    }
+  .banner-form button.btn,
+  a.btn.btn-course {
+    padding: 8px 15px;
+    float: right;
+    width: 46%;
+  }
 
-    #logo a {
-        font-size: 33px;
-        padding-top: 0.3em;
-    }
+  #logo a {
+    font-size: 33px;
+    padding-top: 0.3em;
+  }
 }
 
-@media(max-width:384px) {
+@media (max-width: 384px) {
+  .banner-lore-info h3 {
+    font-size: 1.55em;
+  }
 
-    .banner-lore-info h3 {
-        font-size: 1.55em;
-    }
+  .main-content {
+    min-height: 22em;
+  }
 
-    .main-content {
-        min-height: 22em;
-    }
-
-    form.banner-form {
-        width: 97%;
-        margin: 0 auto;
-    }
+  form.banner-form {
+    width: 97%;
+    margin: 0 auto;
+  }
 
-    .main-content {
-        min-height: 21em;
-    }
+  .main-content {
+    min-height: 21em;
+  }
 }
 
-@media(max-width:375px) {
-
-    .banner-content-hit3pvt {
-        padding-top: 6.5em;
-    }
+@media (max-width: 375px) {
+  .banner-content-hit3pvt {
+    padding-top: 6.5em;
+  }
 }
 
-@media(max-width:360px) {
-
-    .banner-content-hit3pvt {
-        padding-top: 6.5em;
-    }
+@media (max-width: 360px) {
+  .banner-content-hit3pvt {
+    padding-top: 6.5em;
+  }
 }
 
 /* FOR-GDTC-TIMELINE */
-#link { color: #fff; }
\ No newline at end of file
+#link {
+  color: #fff;
+}
diff --git a/index.html b/index.html
index 66764d9..3fb1189 100644
--- a/index.html
+++ b/index.html
@@ -451,7 +451,7 @@ <h5 class="mt-0 mb-1">Tanmay Goyal <a href="https://www.github.com/tanmay1919
                         </div>
                     </li>
                     
-                    <div id="hideIt">                   
+                    <div id="hidePast">                   
                     
                     <li class="media myCard p-4 m-4">
                         <img class="mr-3 imgSize img-fluid"  src="images/Saksham.jpeg" alt="Saksham Taneja">
@@ -502,10 +502,10 @@ <h5 class="mt-0 mb-1">Amrit Srivastava <a href=""><span class="fa fa-github"> </
                 </div>
             </ul>
                 <div class="text-center" >
-                    <button type="button" class="btn btn-primary btn11" id="btnShow" onclick="showIt()">Load More</button>
+                    <button type="button" class="btn btn-primary btn11" id="loadMorePast" onclick="loadMorePast()">Load More</button>
                 </div>
                 <div class="text-center" >
-                    <button type="button" class="btn btn-primary btn11" style="display:none" id="btnShow1" onclick="hideIt1()">Load Less</button>
+                    <button type="button" class="btn btn-primary btn11" style="display:none" id="loadLessPast" onclick="loadLessPast()">Load Less</button>
                 </div>
             </div>
         </div>
diff --git a/js/script.js b/js/script.js
index 254308c..182bf55 100644
--- a/js/script.js
+++ b/js/script.js
@@ -13,4 +13,16 @@ function hideIt1(){
 function readmore(n){
     document.getElementById('read'+n).style. display = 'inline-block';
     document.getElementById('rode'+n).style.display = 'none';
+}
+
+function loadMorePast(){
+    document.getElementById('hidePast').style.display = 'inline-block';
+    document.getElementById('loadMorePast').style.display = 'none';
+    document.getElementById('loadLessPast').style.display = 'inline-block';
+}
+
+function loadLessPast(){
+    document.getElementById('hidePast').style.display = 'none';
+    document.getElementById('btnShow').style.display = 'inline-block';
+    document.getElementById('loadLessPast').style.display = 'none';
 }
\ No newline at end of file