Merge pull request #132 from chinmaym07/screen-overlay

Fixed Screen-Overlay on header

Author: lakshyatyagi24

assets/css/style.css

@@ -185,6 +185,7 @@ h6 {
   #header {
     height: 70px;
     padding: 15px 0;
+    
   }
 }
 
@@ -197,6 +198,17 @@ h6 {
   letter-spacing: 3px;
   text-transform: uppercase;
 }
+@media (min-width:992px)
+{
+  #header.header-scrolled, #header.header-pages
+  {
+    display: flex;
+  }
+  .container{
+    max-width:unset;
+    width: 1000px;
+  }
+}
 
 @media (max-width: 991px) {
   #header .logo h1 {
@@ -880,7 +892,7 @@ h6 {
   left: 50%;
   margin-left: -25px;
   background-color: #999999;
-  z-index: 100;
+  
   border-top-right-radius: 50%;
   border-top-left-radius: 50%;
   border-bottom-right-radius: 50%;
@@ -928,6 +940,7 @@ h6 {
 .timeline-title {
   margin-top: 0;
   color: #413e66;
+  font-size: 1.15rem;
 }
 
 .timeline-body > p,
@@ -938,6 +951,56 @@ h6 {
 .timeline-body > p + p {
   margin-top: 5px;
 }
+@media(min-width:991px)
+{
+  .timeline-panel{
+    margin: 0px -10px;
+  }
+}
+@media(max-width:991px)
+{
+  .timeline-panel{
+    margin: 0px -20px;
+  }
+}
+@media(max-width:767px)
+{
+  .timeline > li > .timeline-panel{
+    margin: 0px -25px;
+  }
+}
+@media(max-width:576px)
+{
+  .timeline > li > .timeline-panel{
+    margin: 0px 1px;
+    width: 42%;
+  }
+
+  
+}
+@media (max-width:500px)
+{
+  .timeline > li > .timeline-badge {
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    font-size: 1.2em;
+    left:51%;
+    top:22px;
+  }
+  .timeline-title {
+    margin-top: 0;
+    color: #413e66;
+    font-size: 1rem;
+  }
+
+}
+@media(max-width:400px)
+{
+  .timeline > li > .timeline-panel{
+    margin: 0px -15px;
+  }
+}
 
 /* Testimonials Section
 --------------------------------*/