.sidebar{
	position: sticky;
	top: 20px;

}
.sidebar > h3{
	color: #f18b36;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding: 15px;
    background: #f1f1f1;
    margin-bottom: 10px;
	text-align:center;
}
.sideBox{
    /* padding: 20px; */
	/* background: #fafafa; */
}
.sideBox_wrapper {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.sidebox_heading {
    position: relative;
    padding-left: 15px;
	margin-bottom: 20px;
}
.sidebox_heading h5{
	text-transform:uppercase;
	font-size:15px;
	font-weight:600;
}
.sidebox_heading:after {
    content: "";
    width: 4px;
    height: 100%;
    background: #f18b36;
    position: absolute;
    left: 0;
    top: 0;
}
.sidebox_subList{
	margin-left:20px;
}
.sidebox_item {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.sidebox_item:hover{
	color:#f18b36;
}
.sidebox_item:hover .sidebox_img img{
	opacity:.5;
	transition:.3s;
}
.sidebox_img img{
	width:70px;
	transition:.3s;
}
.sidebox_title {
    flex: 0 calc(100% - 85px);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media(max-width:767px){
	.sidebar{display:none;}
	.sidebox_subList{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.sidebox_item{
		flex:0 calc(33.33% - 10px);
		background:#eee;
		padding-bottom:0;
	}
	.sidebox_title{
		font-size:11px;
		align-self:center;
	}
}
@media(max-width:576px){
	.sidebox_item{
		flex: 0 calc(50% - 10px);
	}
}
@media(max-width:450px){
	.sidebox_item{
		flex: 0 calc(33.33% - 10px);
		gap:0;
	}
	.sidebox_img{
		height:auto!important;
		flex:0 100%;
		text-align:center;
	}
	.sidebox_img img{
		width:100%;
	}
	.sidebox_title{
		position:relative;
		flex:0 100%;
		line-height:1.5;
		text-align:center;
		-webkit-line-clamp:1;
		padding:0;
		margin:5px;
		overflow:hidden;
	}
}