.portfolioFilter a { 
    margin-right: 4px; 
    color:#3d3d48;
    background-color: #f3f3f3;
    text-decoration:none;
    padding: 0px 13px;
    border-radius: 2px;
    text-transform: uppercase;
}
.portfolioFilter a:hover {
    color: #fff;
    background-color: #4B9CD6;
}
.portfolioFilter a.current {
    color: #fff;
    background-color: #4B9CD6;
}

.portfolioContainer {
    width: 100%;
}

.isotope-item {
    z-index: 2;
    width: 370px;
    height: 300px;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-right: 20px;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
    margin-top:40px;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

@media only screen and (max-width: 800px){

    .isotope-item {
        border: 1px solid black;
        z-index: 2;
        width: auto;
        height: 254px;
        margin-bottom: 13px;
        margin-left: 10%;
    }
    .isotope { 
       margin-top: 40px;
    }	
    .portfolioContainer{width: 100%;}
    

}