#info{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fcf8e3;border:1px solid #fbeed5;width:95%;max-width:900px;margin:0 auto 40px;font-family:arial;font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#info .info-wrapper{padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#info a{color:#c09853;text-decoration:none}
#info p{margin:5px 0 0}
#filters{margin:0 0 30px;padding:0;list-style:none;text-align:center}
#filters li{float:none;display:inline-block;vertical-align:top;position:relative;font-weight:500;color:#4a4a4a;font-size:14px;font-family: 'Poppins', sans-serif;}
#filters li:first-child:after{display:none}
#filters li span{display:block;padding:0 12px;text-decoration:none;color:#555; font-size:15px;cursor:pointer;}
#filters li:first-child span {border-left:0;}
#filters li span.active{color:#006bb7;}
#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:23%;margin:1% 1% 30px;display:none;float:left;overflow:hidden}
.portfolio-wrapper{overflow:hidden;position:relative!important;cursor:pointer}
.portfolio img{max-width:100%;position:relative;top:0;-webkit-transition:all 600ms cubic-bezier(0.645,0.045,0.355,1);transition:all 600ms cubic-bezier(0.645,0.045,0.355,1);border:0; border-radius:10px; height:100%;}
.portfolio .label{position:absolute;width:100%;height:40px;-webkit-transition:all 300ms cubic-bezier(0.645,0.045,0.355,1);transition:all 300ms cubic-bezier(0.645,0.045,0.355,1)}
.portfolio .label-bg{background:#e95a44;width:100%;height:100%;position:absolute;top:0;left:0}
.portfolio .label-text{color:#fff;position:relative;z-index:500;padding:5px 8px}
.portfolio .text-category{display:block;font-size:9px}
.portfolio:hover .label{bottom:0}
.portfolio:hover img{border:0}

/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (max-width: 991px) {
#portfoliolist .portfolio {width:31%;}
}

/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
#portfoliolist .portfolio{width:48%;margin:1% 1% 30px}
#ads{display:none}
#filters {
    margin: 0 0 15px;
}
#filters li:first-child span {
    border-left: 1px solid #6d6d6d;
}
#filters li {width:48.9%;}
#filters li span { 
    padding: 5px;
    border: 1px solid #6d6d6d;
    margin: 0 0 5px;
}
#filters li span.active {
    color: #fff;
	background:#2a97e4;
	border: 1px solid #2a97e4;
}
}
@media only screen and (max-width: 480px) {
#portfoliolist .portfolio{width:100%;margin:0 0 30px}
.portfolio img {width:100%;}
}


/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {	
#ads {display:none;}	
}
