.nbCatalogSectionList {}
.nbCatalogSectionList__item {position: relative; display: block; height: 0; min-height:3.875rem; background: #000; border-radius: 0.9375rem; overflow: hidden; transition: .5s;
text-decoration: none !important;
    height: auto;
    display: flex;
        align-items: center;
    justify-content: center;
}
.nbCatalogSectionList__img {background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; opacity: 0.5; top: 0; left: 0; right: 0; bottom: 0; position: absolute; transition: .5s;}
.nbCatalogSectionList__name {padding: 0.375rem 0.25rem 0.375rem; color: #fff; display: block; text-transform: uppercase; 

    font-size: .75rem;
    line-height: 1.2;

 font-family: 'lavrBold'; text-align: center; position: relative;}
.nbCatalogSectionList__num {position: absolute; top: 0; left: 0; padding: 0.5rem; min-width: 3.875rem; min-height: 3.5rem; text-align: center; color: #fff; font-size: 1.5rem; font-family: 'lavrBold'; background: var(--primary-color);
	border-radius: 0.9375rem 0 0.9375rem 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
.nbCatalogSectionList__item:hover { box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);}
.nbCatalogSectionList__item:hover .nbCatalogSectionList__img {opacity: 0.75;}


.nbCatalogSectionList__img._placeholder { content: ''; display: block; 
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: var(--primary-color); border-bottom: 0.375rem solid var(--secondary-color);
}

.nbCatalogSectionList__col {
	flex: 0 0 auto !important;
  width: 14.22% !important;
}

/*desktops*/
@media (max-width: 1800px) { 
	.nbCatalogSectionList__col {
		flex: 0 0 auto !important;
	  width: 16.66% !important;
	}	
}	

/*desktops*/
@media (max-width: 1400px) { 
	.nbCatalogSectionList__col {
		flex: 0 0 auto !important;
	  width: 20% !important;
	}		
}	


/*desktops*/
@media (max-width: 1200px) { 
	.nbCatalogSectionList__name {}
	
}	

/*tablets*/
@media (max-width: 991px) {
	
}

/*phones*/
@media (max-width: 767px) { 
	.nbCatalogSectionList__item {border-radius: 0.5rem;     min-height: 3rem;}
	.nbCatalogSectionList__name {font-size: .625rem;}
}

/*phones*/
@media (max-width: 575px) { 
	.nbCatalogSectionList__col {
		flex: 0 0 auto !important;
	  width: 50% !important;
	}	
	.nbCatalogSectionList__name {font-size: .625rem;}
}