.controls {
	text-align:center;
}
.control {
	position:relative;background:transparent;
	display:inline-block; vertical-align:top; text-transform:uppercase; color:#fff; background-color:#c85832; border:solid 2px #c85832; margin-bottom:15px; margin-right:0px;
}
.control:hover {
	background:#fff; color:#c85832;
}
.control[data-sort*=":desc"]:after {
	transform:translateY(-4px) rotate(-135deg)
}
.mixitup-control-active {
	background-color:#fff !important; color:#c85832;
}
.mixitup-control-active[data-filter]:after {
	background:0 0
}
.control:first-of-type {
	border-radius:0
}
.control:last-of-type {
	border-radius:0
}
.control[data-filter]+.control[data-sort] {
	margin-left:0rem
}
.projectcontainer {
	text-align:justify
}
.gap,.mix {
	display:inline-block;
	vertical-align:top
}
.mix {
	background:#fff;
	border-radius:0;
	position:relative
}
.controlbtnsli {padding:0; margin:10px 0 30px}
.controlbtnsli > li {display:inline-block; vertical-align:middle;}
.controlbtnsli > li {margin-right:0px;}
.controlbtnsli > li .control:last-child {margin-right:0px;}
.controlbtnsli > li:last-child {margin-right:0px;}
.controlbtnsli > li {width:auto; white-space:pre}
.controlbtnsli > li .control {width:100%; font-size:14px; padding:6px 10px; margin-bottom:10px; margin-right:0px;}

.propertiesli {font-size:0}
.propertiesli > li {font-size:11pt}

.gap,.mix {width:calc(100%/1 - (((1 - 1) * 1rem)/ 1))}

@media screen and (min-width: 480px) {
.controlbtnsli > li {margin-right:10px; display:inline-block;}
}
	
@media screen and (min-width:768px) {
.gap,.mix {width:calc(100%/2 - (((5 - 1) * 1rem)/ 2)) /* (5 - 1) Change the value of 5 to adjust the sapce between items */}
.controlbtnsli > li {display:inline-block; vertical-align:middle; margin:0px}
.controlbtnsli > li {width:auto; padding:0px; margin-right:10px;}
.controlbtnsli > li .control {width:100%; font-size:14px; padding:10px 15px;}
}

@media screen and (min-width:1280px) {
.gap,.mix {width:calc(100%/2 - (((4 - 1) * 1rem)/ 2)) /* (5 - 1) Change the value of 5 to adjust the sapce between items */}
}

@media screen and (min-width: 1366px) {
}

@media screen and (min-width:1600px) {
.gap,.mix {width:calc(100%/2 - (((4 - 1) * 1rem)/ 2))}
}