.breadcrumb-bg-about { /*background: url(../images/banner1.jpg) no-repeat 0px 0px;*/ background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; } .breadcrumb-bg-about:before { content: ""; /*background: rgba(6, 31, 36, 0.9);*/ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .banner-info-grid { max-width: 750px; margin: auto; } .banner-info-grid h1, .banner-info-grid h5 { color: #fff; } .w3l-title-breadcrumb { font-size: var(--18-font-size); line-height: 2rem; font-weight: 600; text-transform: capitalize; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); font-weight: normal; } @media (max-width: 991px) { .w3l-title-breadcrumb { font-size: 42px; line-height: 52px; } } @media (max-width: 768px) { .w3l-title-breadcrumb { font-size: 40px; line-height: 48px; } } @media (max-width: 480px) { .w3l-title-breadcrumb { font-size: 35px; line-height: 45px; } } @media (max-width: 375px) { .w3l-title-breadcrumb { font-size: 32px; line-height: 32px; } } .breadcrumbs-custom-path { padding-top: 10px; text-align: center; } .breadcrumbs-custom-path li { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 1.5; font-weight: 600; text-transform: capitalize; color: #eee; } .breadcrumbs-custom-path li span.fa { font-size: 12px; opacity: .7; } .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus { color: #fff; opacity: .8; } .breadcrumbs-custom-path a:hover { opacity: 1; } .breadcrumbs-custom-path li.active { font-weight: 600; color: #fff; } @media (max-width: 485px) { p.inner-page-para { font-size: 17px; line-height: 28px; } .breadcrumbs-custom-path li { font-size: 15px; } }