.portfolioFilter {

	float: left;

    margin: 1% 2% 20% 0;

    width: 21.5%;

	text-align:left;

}

	

.portfolioFilter ul{

	background: #fff none repeat scroll 0 0;

    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

    list-style: outside none none;

    margin: auto;

    overflow: hidden;

    padding: 0;

    position: relative;

	}

.portfolioFilter a { 

    /*margin-right: 0px; */

	color:#383634;

	/*background-color: #f3f3f3;*/

	text-decoration:none;

	padding: 10px 15px;

	/*border-radius: 2px;*/

	font-size: 13px;

	text-transform: uppercase;

	transition:all 0.3s ease 0s;

	border-right:5px solid #06385f;

	display:block;

}

.portfolioFilter a:hover {

	/*color: #f66609;

	background-color: #f66609;*/

	background:#efefef;

	border-right:10px solid #f16820  !important;

	color:#f16820 ;

}

.portfolioFilter a.current {

	/*color: #fff;

	background:linear-gradient(to right, #043358 0%, #083b63 49%, #033054 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/

	background: #eee none repeat scroll 0 0;

    border-right: 5px solid #f16820;

    color: #f16820;

    font-weight: bold;

}



.portfolioContainer {

	/*width: 100%;*/

	color: #727272;

    float: left;

    font: 15px/22px "Lato",sans-serif;

    margin: 7px 0 0;

    width: 76.5%;

}



.isotope-item {

    z-index: 2;

	width: 32%;

	/*height: 165px;*/

	margin:0.5% 1% 0.5% 0;

	border: 2px solid #06385f;

    border-radius: 3px;

	/*margin-bottom: 20px;

	margin-right: 20px;*/

	   /*transform: none !important;

    position: inherit !important;

	float:left;*/

	line-height:0;

	overflow:hidden;

}

/*.isotope-item:nth-child(3n+1){ margin-left:0;}

.isotope-item:nth-child(3n+3){ margin-right:0;}*/

.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 (max-width: 768px){

.portfolioFilter{ display:none;}

.portfolioContainer
	{
	width:100%; float:none;
	} 


}

@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;

}	

	

}