#filters li span.active::after {
content: "";
position: absolute;
left: 50%;
bottom: 0px;
margin: auto;
border-width: 6px;
border-style: solid;
border-color: transparent transparent #0088cc;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: .5s;
transition:.5s;
}

#filters li span.active::before {background: #00B4DB;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

content: "";
width: 50%;
height: 2px;
left: 0px;
right: 0px;
bottom: -1px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
margin: auto;
-webkit-transition: .5s;
transition:.5s;} 


#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
display:none; margin-bottom:30px
}
#portfoliolist .portfolio {
position:relative;
height:auto;
float: inherit;
}

@media (max-width:767px) {
#filters li span {margin-bottom:0!important; padding:5px 10px 5px 10px!important}
#filters li { margin:0!important;     padding:0 5px!important;}
}