.portfolioFilter {
    text-align: eft;
}

    .portfolioFilter a {
        margin-right: 5px;
        color: #383634;
        line-height: 45px;
        background-color: #f3f3f3;
        text-decoration: none;
        padding: 10px 15px;
        border-radius: 2px;
        font-size: 13px;
        white-space: nowrap;
    }

}

.portfolioFilter a:hover {
    color: #fff;
    background-color: #47738b;
}

.portfolioFilter a.current {
    color: #fff;
    background-color: #47738b;
}

.portfolioContainer {
    width: 100%;
}

.isotope-item {
    z-index: 2;
    width: 370px;
    height: 150px;
    margin-bottom: 20px;
    margin-right: 20px;
}

 
.isotope ul.fullimage_box2 {
    float: left;
    padding: 30px 20px;
    margin: 0px;
    width: 86.6%;
    border: 1px solid #eee;
    border-radius: 4px;
    min-height: 100px;
}
.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;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        transition-property: transform, opacity;
    }



@media only screen and (min-width: 1000px) and (max-width: 1169px) {

    .isotope-item {
        z-index: 2;
        width: 320px;
        height: 300px;
        margin-bottom: 8px;
        margin-right: 13px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 999px) {

    .isotope-item {
        z-index: 2;
        width: 239px;
        height: 251px;
        margin-bottom: 9px;
        margin-right: 9px;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {

    .portfolioContainer {
        width: 90%;
        margin-left: 10%;
    }
}


@media only screen and (max-width: 479px) {

    .portfolioFilter a {
        padding: 10px 10px;
        font-size: 12px;
        margin-right: 7px;
    }
}
