.d-none
{
display:none;
}


.mb-30{
margin-bottom:30px;
}
.mat-sec{
 
}
.materials-shade {
    scroll-behavior: smooth;
}
.materials-list{

 
}
.material-shades-sec{
    padding: 15px 0;    background: #ededed;
}
.materials-shade
{
   
}
.materials-div
{
  /*  position: fixed;
    max-height: 55vh;    
	overflow: hidden;
    overflow-y: auto;*/
}
.materials-list li{
    overflow:hidden;
    border-left: 1px solid #990000;
    padding-left: 10px;
    height: 26px;
}
.materials-list a{
    padding: 5px 0;
    font-size: 11px;
    font-weight: 500;
	display:block;
}
.materials-list a:hover,.materials-list a:focus{
color:#222;
}
.shades-div {
	padding:15px 10px
}
.shades-div .col-lg-2 {
	padding:0 5px;
	width:20%;
	display: inline-block;
	float: left;
	min-height: 175px;
}
.show-hide-acc .panel-default {
    border-color: #ddd;
    border: 0;
    background: transparent;
	box-shadow:none;
}
.panel-default>.panel-heading {
    background: transparent;
    padding: 0 5px;
}
.show-hide-acc button{
outline:none;
border:1px solid #c2c2c2;
padding:10px 15px;
color:#777;
font-weight:normal;

}

.show-hide-div .show-btn{
display:none;
}
.show-hide-div.collapsed .show-btn{
	display:block;
}
.show-hide-div.collapsed .hide-btn{
 display:none;
}

.panel-group

{
    overflow: hidden;
    width: 100%;
	margin-bottom:0;
}
.materials-shade h6 {
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.shades-div h6{
font-weight:500!important;

}
@media(max-width:991px){
.shades-div .col-lg-2{
min-height: 175px;
}
}
@media(max-width:525px){
.shades-div .col-lg-2 {width:33.33%;min-height: 150px;}
}