.blog-sub-progressbar-wrapper {
    position: absolute;
    top: 100%;
    z-index: 11;
    width: 100%;
    background-color: #f1f1f1;
}
#horizontal-scrollbar{
display:none;
}

.blog-sub-progress-container {
    width: 100%;
    height: 5.6rem;
    background: #fff;
    position:absolute;
}

.progress-bar {
    height: 5.6rem;
    background: #12bdca;
    width: 0%;
    position: absolute;
    top: 0;
}


.pb-lft,
.pb-rgt {
    color: #02becc;
    line-height: normal;
}
 .pb-lft{cursor:pointer;}

.blog-sub-progressbar-navigation {
    position: absolute;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    width: 93%;
    max-width:240rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
   align-items: center;
}
     .pb-lft {
font-family: Epilogue-SemiBold;
font-size: 1.96rem;
letter-spacing: -0.0392rem;
}

.pb-rgt {
font-family: Epilogue-ExtraBold;
font-size: 2.8rem;
}

@media only screen and (max-width: 960px){
.blog-sub-progressbar-wrapper{
top:13rem;
position: fixed;
}
.pb-rgt{font-size:2.24rem;}
.blog-sub-progressbar-navigation{width:95%}
}

@media only screen and (max-width: 767px){
.blog-sub-progressbar-wrapper{
top:11.2rem;
position: fixed;
}
.blog-sub-progressbar-navigation{width:90%}
	#mobile-navigation {
		margin-top:5.85rem !important;
	}
}