.portfolio{ color: #ccc; background: rgba(0, 0, 0, 0.88);}
.portfolio .row{ margin:0;}
.portfolio .row [class^="col-"]{ padding:0;}
.portfolio h2{ text-transform:none;padding: 1% 0 0px;font-size: 20px; }
.portfolio h2 span{ display:block; font-size:16px; font-weight:300;}
.portfolio-thumb{ position:relative; overflow:hidden;  width:58.3333%; float:left}
.portfolio-thumb img{ max-width:none; width:100%;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}
.portfolio-thumb:hover img{ 
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.22);
	transform: scale(1.22);}
.portfolio-thumb i{ position:absolute; top:50%; color:rgba(0, 0, 0, 0.88);margin-right: -4px; font-size:50px; margin-top:-20px;}
.portfolio-thumb i.pull-right{ right:0;}
.portfolio-thumb i.pull-left{ right:auto; left:0;margin-left: -4px;}
.portfolio .portfolio-desc{ padding:0 4%;width:37.6667%; float:left}
.portfolio-thumb.right{ float:right}
.portfolio .portfolio-desc.left{ float:left}
#port-item {display:inline-block; padding: 0px; margin: 0px; }
.portfolio a {display:inline-block; }
@media (max-width:990px) {
 #port-item {width: 49% !important; }
.portfolio-thumb{ height:auto;}
.portfolio-thumb, .portfolio-desc{ float:none !important; width:100%!important;}
.portfolio-desc h2{ padding:0 0 15px 0;}
.portfolio-desc{ padding:20px 2% !important;width:100%!important;}
.portfolio-thumb:hover img {  margin-left: 0; width: 100%;}

}
@media (max-width:590px) {
 #port-item {width: 100% !important; }
 .portfolio-thumb i { margin-right: -80px !important;}
.portfolio-thumb i.pull-left{ right:auto; left:0;margin-left: -80px;}
}
section {
    display: block;
}

*, *:after, *:before {
    box-sizing: border-box;
}
.team-member ul li a, .prev-next{ width:30px !important; height:30px !important;}