Merge pull request #136 from chinmaym07/screen-overlay

Fixed Screen Overlay on Screen Header

Author: lakshyatyagi24

assets/css/style.css

@@ -4,6 +4,12 @@ body {
   font-family: "Open Sans", sans-serif;
   overflow: hidden;
 }
+/*------------ Own Carousel ------------*/
+.owl-carousel
+{
+  z-index: unset;
+}
+/*---------------- Own Carousel----------- */
 #loading{
   position: absolute;
   width: 100%;
@@ -185,6 +191,7 @@ h6 {
   #header {
     height: 70px;
     padding: 15px 0;
+    
   }
 }
 
@@ -197,6 +204,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: 1140px;
+  }
+}
 
 @media (max-width: 991px) {
   #header .logo h1 {
@@ -880,7 +898,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 +946,7 @@ h6 {
 .timeline-title {
   margin-top: 0;
   color: #413e66;
+  font-size: 1.15rem;
 }
 
 .timeline-body > p,
@@ -938,6 +957,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
 --------------------------------*/

assets/css/style3.css

@@ -1,41 +1,41 @@
 /* Search Bar */
 .search {
-    border: 2px solid #d6eef8;
-    border-radius: 2px;
-    /*overflow: auto;*/
-    width: 400px;
-    margin: auto ;
-    background-color: white;
-  
-  }
-  
-  #txtSearch {
-    border: 0px;
-    width: 80%;
-  }
-  
-  #txtSearch:focus {
-    outline: 0;
-  }
-  
-  
-  /* Media Query For Search Bar */
-  
-  @media only screen and (min-width : 150px) and (max-width : 767px) {
-    .search
-    {
-      width: 30%;
-      margin: 0 auto;
-    }
-  
+  border: 2px solid #d6eef8;
+  border-radius: 2px;
+  /*overflow: auto;*/
+  width: 400px;
+  margin: auto ;
+  background-color: white;
+
+}
+
+#txtSearch {
+  border: 0px;
+  width: 80%;
+}
+
+#txtSearch:focus {
+  outline: 0;
+}
+
+
+/* Media Query For Search Bar */
+
+@media only screen and (min-width : 150px) and (max-width : 767px) {
+  .search
+  {
+    width: 30%;
+    margin: 0 auto;
   }
-  
-  /* End of search bar style */
-  
+
+}
+
+/* End of search bar style */
+
 .card{
-    margin: 40px;
+  margin: 40px;
 }
 .video_image{
-    height: auto;
-    width: 100%;
+  height: auto;
+  width: 100%;
 }