.bluchic-portfolio-section {width: 100%; clear: both; margin: 15px auto;}
.bluchic-portfolio-section:before,
.bluchic-portfolio-section:after {content: ''; clear: both; display: table;}

/* #bluchic-portfolio-filter */
#bluchic-portfolio-filter {display: table; list-style-type: none; margin: 0 auto; padding: 0; clear: both; margin-bottom: 30px; text-align: center; letter-spacing: .03em;}
#bluchic-portfolio-filter li:before,
#bluchic-portfolio-filter li:after {content: ''; margin: 0; padding: 0;}
#bluchic-portfolio-filter li, #filter a {display: block; float: left; margin: 0; padding: 0;}
#bluchic-portfolio-filter a {display: block; color: #000; text-decoration: none; border: none; margin: 2px 0; padding: 5px 15px; font-weight: bold;}
#bluchic-portfolio-filter a.active {background: #000; color: #fff;}
/* .#bc-portfolio-grid */
#bluchic-portfolio-grid {clear: both; margin: 0 auto; padding: 0; position: relative;}
.bluchic-portfolio-item {width: 32%; margin: .5%; color: #fff; float: left; cursor: default;}
.bluchic-portfolio-item .bluchic-portfolio-thumb {display: block; border: 1px solid transparent; transition: .3s;}
.bluchic-portfolio-item .bluchic-portfolio-thumb:hover {border: 1px solid #ccc;}
.bluchic-portfolio-item a,
.bluchic-portfolio-item a:hover {text-decoration: none; border: none;}


/********** @media **********/
@media all and (max-width: 480px) {
	#bluchic-portfolio-filter li, #filter a {display: inline-block; float: none;}
}

/********** @media **********/
@media all and (min-width: 481px) and (max-width: 1199px) {

}

/********** @media **********/
@media all and (min-width: 1200px) {

}