.scrollsection { 
width: 100%; 
}

.headerscrolllock {
position: sticky;
top: 95px;
background-color: #ffffff; 
margin-top: 0px;
z-index: 100;
}

.headerscrolllock .container {
width: 90%;
max-width: 1000px;
margin: 0 auto;
text-align: center;
padding: 20px;
}

.headerscrolllock .container ul li {
display: inline-block;
border-radius:5px;
}

.headerscrolllock .container ul li a {
display: inline-block;
text-decoration: none;
padding: 10px 20px;
color: black;
}

.headerscrolllock .container ul li.active {
background-color: #041832;
border-radius: 8px;
transition: 0.3s;
}

.headerscrolllock .container ul li.active a {
color: #ffffff;
}

@media only screen and (max-width: 767px){
	.headerscrolllock{
		display: none; 
	}

}