#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:10px 0 50px;padding:0;list-style:none;text-align:center}
#filters li{float:none;display:inline-block;vertical-align:top;position:relative;font-weight:600;color:#333132;font-size:19px; background-color: #e0e0e0; margin: 0px 5px;}
#filters li:first-child:after{display:none}
#filters li span{display:block;padding: 3px 20px;text-decoration:none;color:#333132; cursor:pointer;}
#filters li:first-child span {border-left:0;}
#filters li span.active { color: #fff; background-color: #3885b9;}
#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:31.33%;margin:0% 1% 30px;display:none;float:left;}
.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:0px; 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:48%;}
}

/*  #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 {width:100%; font-size:16px; margin:0 0 10px;}
}
@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;}	
}