h2 {color: #999;font-weight:700;}
.scroll-bar-hometemplate3 {
position: fixed; top: 0;
left: 0;
height: 5px;
width: 0;
background-color: #E7217A; transition: width 0.3s ease; z-index: 8005;
}
.progressbar-breadcrumb {
position: fixed;
top:0;
left:0;
width: 100%;
height: 70px;
background-color: #F0EBFF;
z-index: 8002;
padding-top: 20px;
text-align: center;
color:#000;
font-weight: 600;
text-transform: uppercase;
box-shadow: 0px 2px 12px -5px #cdcdcd;
} .progressbar-breadcrumb span {
background-color: #8279F2;
border-radius: 10px;
padding: 5px 10px;
margin: 0 10px;
color:#fff;
font-weight: 700;
}
@media (max-width: 990px) {
.scroll-bar-hometemplate3 {
position: fixed;
top: 60px;
left: 0;
height: 5px;
width: 0;
background-color: #E7217A;
transition: width 0.3s ease;
z-index: 7;
}
} @media (max-width: 480px) {
.scroll-bar-hometemplate3 {
top: 60px;
z-index: 8001;
}
.progressbar-breadcrumb {
top:115px;
height: auto !important;
min-height: 86px !important;
margin: 0 0 0 0;
padding: 7px 10px;
font-size: 11px;
z-index: 9999;
}
}