Breadcrumb is not visible hide behind header and need style. - Conflict resolve.

Breadcrumb is not visible hide behind header and need style. - Conflict resolve.

css/style.css

@@ -270,7 +270,19 @@ header .navbar-brand {
 	transition: width .3s;
 }
 
-
+.navbar-nav .nav-item a {
+	color: #fff;
+	text-decoration: none;
+	font-family: 'Poppins-Medium';
+}
+.navbar-nav li.nav-item {
+	margin-right: 18px;
+}
+@media (max-width: 767px) {
+	.navbar-nav li.nav-item {
+		margin-right: 0;
+	}
+}
 
 /*footer-css-*/
 footer .top-footer {
@@ -285,7 +297,7 @@ footer .top-footer ul li a {
 	font-size: 14px;
 	line-height: 21px;
 	color: #fff;
-	margin: 0 15px;
+	/* margin: 0 15px; */
 	font-family: 'Poppins-Medium';
 	text-decoration: none;
 }
@@ -310,6 +322,27 @@ footer .bottom-footer a {
 	color: #fff;
 	margin-left: 20px;
 }
+footer .top-footer h2 {
+	color: #fff;
+}
+footer .beans-footer{
+	display: flex;
+	margin-top: 60px;
+	text-align: left;
+	justify-content: space-around;
+}
+@media (max-width: 767px) {
+	footer .beans-footer{
+		display: block;
+	}
+	footer .beans-footer ul {
+		padding-bottom: 40px;
+	}
+}
+footer .beans-footer ul {
+	text-align: left;
+	padding-left: 0;
+}
 
 /*media-query-start------*/
 @media(min-width:992px) {
@@ -478,7 +511,78 @@ footer .bottom-footer a {
 .img-full {
 	min-width: 100%;
 }
-.layout-container .header-top-bg {
-  position: absolute;
-  right: 10px;
-}
\ No newline at end of file
+
+ul.submenu a.cool-link {
+	color: #000;
+}
+ul.links.inline {
+	list-style: none;
+	padding-left: 0;
+}
+ul.links.inline li {
+	margin-bottom: 20px;
+	margin-top: 20px;
+}
+ul.links.inline a {
+	background-color: #0d6efd;
+    color: #fff;
+    text-decoration: none;
+    padding: 8px 18px;
+    border: 1px solid #0d6efd;
+    border-radius: 4px;
+}
+ul.links.inline a:hover {
+	background-color: #6f42c1;
+    color: #fff;
+    border: 1px solid #6f42c1;
+}
+nav.pager ul {
+	display: flex;
+	justify-content: center;
+  }
+  nav.pager ul li {
+	  list-style-type: none;
+	}
+  nav.pager ul li {
+	margin-right: 6px;
+  }
+  nav.pager ul li a {
+	text-decoration: none;
+	padding: 5px 12px;
+	background: #0d6efd;
+	color: #fff;
+	border: 1px solid #0d6efd;
+	border-radius: 4px;
+  }
+  nav.pager ul li a:hover {
+	background: #6f42c1;
+	color: #fff;
+	border: 1px solid #6f42c1;
+  }
+  @media (max-width: 767px) {
+	[type=search] {
+		margin-bottom: 15px;
+		width: 100%;
+	}
+	[type=button]:not(:disabled),
+	[type=reset]:not(:disabled),
+	[type=submit]:not(:disabled)
+	,button:not(:disabled) {
+		margin-bottom: 15px;
+	}
+  }
+#block-breadcrumbs {
+	padding-top: 100px;
+}
+#block-breadcrumbs dl, ol, ul {
+	list-style: none;
+	display: flex;
+}
+#block-breadcrumbs li a{
+	text-decoration: none;
+	padding-right: 20px;
+}
+#block-breadcrumbs li a:after {
+	content: ">>";
+	margin-left: 5px;
+}