#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 auto;font-size:14px;-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 0;}
#filters {margin:1%;padding:0;list-style:none;}
#filters li {
    float: left;
    width: 100%;
    float: left;
    margin-bottom: 2px;
    width: 94%;
    border-bottom: none;
    background: #f4f4f4 none repeat scroll 0 0;
   
}
#filters li span.active {
    border: 2px solid #fff;
    color: #0a6917;

    background-color: #fff;
    font-weight: bold;
}
#filters li.active {
    color: #0a6917;
}
#filters li:hover i {
    color: #0a6917;
}
.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd !important;
}
.nav>li>span:focus, .nav>li>span:hover {
    text-decoration: none;
    background-color: #eee  !important;
}
.nav-tabs>li>span {
    border: medium none  !important;
    border-radius: 0  !important;
    line-height: 1.42857  !important;
    margin-right: 0  !important;
}
.nav>li>span {
    position: relative  !important;
    display: block  !important;
    padding: 12px 15px  !important;
    color: #797979  !important;
}
.nav-tabs>li>span {
    border: medium none  !important;
    border-radius: 0  !important;
    line-height: 1.42857  !important;
    margin-right: 0  !important;
    color: #333 !important;
}
#filters li span {font-weight: 500;     padding: 12px 15px;text-decoration:none;color:#333;cursor: pointer;width:100%;float:left;}
#filters li span.active {border: 2px solid #fff;color:#0a6917; padding-left: 8px; background-color: #fff; font-weight:bold;}
#portfoliolist .portfolio {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing:border-box;width:23%;margin:1%;display:none;float:left;overflow:hidden;}
.portfolio-wrapper {overflow:hidden;position: relative !important;background: #666;	cursor:pointer; border:1px solid #ccc}
.portfolio img {width:100%;position: relative;top:0;-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);    transition: transform 1.2s;
    overflow: hidden;}
.portfolio .lab {position: absolute;width: 100%;height:40px;bottom:-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: #0a6917;width: 100%;height:100%;position: absolute;top:0;left:0;}
.portfolio .label-text {color:#fff;position: relative;z-index:500;padding:5px 8px; text-align:center}
.portfolio .label-text a {color:#fff;position: relative;z-index:500;padding:5px 8px; line-height:35px; text-align:center}
#portfoliolist{min-height:600px}
.portfolio .text-category {display:block;font-size:9px;}
.portfolio:hover .lab {bottom:0; color:#fff}
.portfolio img:hover  {    transform: scale(1.1);}  

@media only screen and (max-width: 767px) {
#portfoliolist .portfolio {width:48%;margin:1%;}	
#ads {display:none;}
}
/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#ads {display:none;}
}