:root {
  box-sizing: border-box;
  --main_clr: #ed7630;
  --scnd_clr: #1d5ca7;
  --hvr_clr: #000;
  --dark_clr: #111;
  --light_clr: #fff;
  --gray_clr: #ddd;
  --none_shadow: none;
  --filter_w: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(169deg) brightness(114%) contrast(100%);
  --filter_m: brightness(0) saturate(100%) invert(54%) sepia(15%) saturate(2758%) hue-rotate(339deg) brightness(99%) contrast(87%);
  --filter_s: brightness(0) saturate(100%) invert(27%) sepia(81%) saturate(1000%) hue-rotate(186deg) brightness(95%) contrast(95%);
}

.wrap {
    width: 100%;
    margin: auto;
}

.wrapper_{
	display: inline-flex;
	width: 100%;
}

.category_list{
	display: flex;
	flex-direction: column;
	width: 25%;
}

.category_list .category_item{
    background: var(--main_clr);
    color: #fff;
    display: inline-flex;
    align-items: center;
    
	width: 90%;
	padding: 15px 0;
	margin-bottom: 10px;

	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border-radius: 15px;
}

.category_list .ct_item-active{
	background: #232323;
}

/* PRODUCTOS ============*/

.products-list{
    width: 75%;
    display: inline-block;
    padding: 0;
    /*max-height: 700px;*/
    /*overflow: auto;*/
}

/* RESPONSIVE */

@media screen and (max-width: 900px){

	.category_list{
		flex-direction: row;
		justify-content: space-between;
	}

	.category_list .category_item{
		align-self: flex-start;
		width: 15%;
		font-size: 14px;
	}
}

@media screen and (max-width: 700px){
	.category_list{
		flex-direction: column;
	}
	.category_list .category_item{
		width: 100%;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 600px){

}

@media screen and (max-width: 350px){
	.products-list .product_item{
		width: 100%;
		margin-left: 0px;
	}
}