@charset "utf-8";

.column-clear{ clear:both;}
.wrapper{ margin:0px auto; padding:0px;width:100%;text-align: center;}
.portfolio-content{width:90%;margin: 0 auto;text-align: center;}
.portfolio-area{justify-content: space-between;width: 100%;flex-direction: row;text-align: center;}
@media screen and (min-width:1024px) {
	.portfolio-item2{width: 22%;height:200px;overflow: hidden;}
	.image-block img{max-height:100%;width: 100%;}
}
@media screen and (max-width:1023px) {
	.portfolio-item2{width: 40%;height:140px;margin: 0.3125rem;overflow: hidden;}
	.image-block img{max-height:100%;width: 100%;}
}

/**** portfolio *****/
.portfolio-categ{margin-bottom:10px;}
.portfolio-categ li{display:inline;margin-right:10px;}
@media screen and (min-width:1024px){
	.image-block{ height: 160px}
}
@media screen and (max-width:1023px){
	.image-block{ height: 100px}
}
.image-block{ display:block;position: relative;hoverflow: hidden;  background-size: cover; background-repeat: no-repeat; background-position: center;}

.portfolio-area li{display: inline-block;margin: 0 12px 20px 0;overflow: hidden;border: 1px solid #efefef;}
.home-portfolio-text{text-align: left;height: 20px;line-height: 20px;}