.isotope-item{z-index:2;}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}
.isotope,
.isotope .isotope-item{-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;transition:opacity 1000ms ease 300ms;}
.isotope{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property:-ms-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity;}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property:-ms-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity;}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;}
.slide-item.jmhidden{transform:scale(0);}
.slide-item{transition:all 0.5s ease 0s;}

.cs-portfolio .cs-portfolio-item img {
    width: 100%;
}
.cs_portfolio_filters{
    margin-bottom: 15px;
}
.cs_portfolio_filters ul li{
    display: inline-block;
    margin: 0 5px;
}
.cs_portfolio_filters ul li:first-child{
    padding-left: 0;
}
.cs_portfolio_filters ul li:last-child{
    padding-right: 0;
}
.cs_portfolio_filters ul li a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #d1d1d1;
    color: #666;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.cs_portfolio_filters ul li a:hover,
.cs_portfolio_filters ul li.active a {
    color: #fff;
}
.portfolio-view-all{
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    .cs-portfolio-col2 .cs-portfolio-item {
        width: 50%;
    }
    .cs-portfolio-col3 .cs-portfolio-item {
        width: 33.33%;
    }
    .cs-portfolio-col4 .cs-portfolio-item {
        width: 25%;
    }
}
@media screen and (max-width: 767px) {
    .cs-portfolio-item {
        margin: 10px 0;
        width: 100%;
    }
}