.portfolioFilter { 
margin-top: 10px;
margin-bottom: 20px; }

.portfolioFilter a { 
width: auto;
float: left;
height: 12px; 
list-style-type: none;
background: 5px 0 #ddd;
color: #212121;
font-size: 12px;
font-weight: 800;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
line-height: 12px;
border: none !important;
border-top: transparent 1px solid !important;
text-align: left;
margin: 5px 5px 5px 0;
padding: 5px 10px 6px 10px;
white-space: nowrap;
position: relative;
cursor: pointer;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
        border-radius: 2px;
-webkit-transition: all 0.25s ease-in-out; 
   -moz-transition: all 0.25s ease-in-out; 
     -o-transition: all 0.25s ease-in-out; 
	    transition: all 0.25s ease-in-out; }

.portfolioFilter a.current, .portfolioFilter a:hover { 
z-index: 10;
background: 5px 0 #40549f;
color: #fbfbfb;
position: relative;
opacity: 1; }

.portfolioFilter a:first-child { margin-left: auto; }

.portfolioContainer { }

.portfolioContainer img {
width: 150px;
margin: 10px auto 5px auto;
display: block;
border: 5px solid #fbfbfb;
-webkit-transition: all 0.25s ease-in-out; 
   -moz-transition: all 0.25s ease-in-out; 
     -o-transition: all 0.25s ease-in-out; 
	    transition: all 0.25s ease-in-out; }

.portfolioContainer img:hover {
border-color: #ccc;
cursor: pointer; }

.project-exp {
font-family: 'Open Sans Condensed';
display: block;
margin: 10px auto 20px auto;
text-align: center;
font-size: 12px;
font-weight: 800;
color: #000;
text-transform: uppercase;
-webkit-transition: all 0.25s ease-in-out; 
   -moz-transition: all 0.25s ease-in-out; 
     -o-transition: all 0.25s ease-in-out; 
	    transition: all 0.25s ease-in-out; }

.project-exp:hover {
color: #e6b800;
cursor: pointer; }

.filterItem {
height: 200px;
border: 1px solid #ccc;
padding: 5px;
-webkit-box-shadow: inset 0 0 5px #fff;
   -moz-box-shadow: inset 0 0 5px #fff;
        box-shadow: inner 0 0 5px #fff; }

.isotope-item {
display: block;
z-index: 2; }

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1; }

.isotope, .isotope .isotope-item {
-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; }

		    /* For tablets & smart phones */
    @media (max-width: 767px) {
.filterItem {
height: auto;
border: none;
}

    }
    /* For smartphones */
    @media (max-width: 480px) {
.filterItem {
height: auto;
border: none;
}

    }

    }