.content {
	padding: 10px 0;
}

.portfolio-page {
	margin-top: 30px;
}

.search-header {
	margin-top: 25px;
}

.search-header label {
	float: left;
	margin: 2px 10px 0 0;
}

.search-header .form-group {
	padding: 10px 0;
	margin: 10px 0;
}
.search-header .form-control {
	width:auto;
	display:inline;
	height: 25px;
	padding: 0 12px;
	width: 200px;
	margin: 0 5px;
}

.search-itm {
	margin: 15px 0;
}

.search-itm .more-btn {
	text-align:right;
	background: #3398D0;
}

.search-itm .more-btn img {
	width:auto;
}

.port-desc h1 {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-top: 15px;
	font-family: "Lato";
}

.port-img {
	height:240px;
	overflow:hidden;
}

.port-img img {
	width: 100%;
}

.search-itm:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.content a:hover,
.content a:visited,
.content a:active,
.content a:link{
	text-decoration:none !important;
	color: #337AB7;
}

.btn-info {
	color: #fff !important;
}

.search {
	border-radius: 4px 0 0 4px;
}


.button {
	position:relative;
	border:2px solid #207cca;
	background-color:#207cca;
	color:#fafafa;
	height:25px;
	padding: 0 15px;
	left: -10px;
	border-radius: 0 4px 4px 0;
	font-weight:bold;
}
.button:hover  {
	background-color:#fafafa;
	color:#207cca;
}


/******* DETAIL PAGE ********/
.main-img-holder img {
	width: 100%;
	border: 1px solid #ccc;
}

.img-gallery {
	margin-top: 20px;
	text-align:center;
}

.img-gallery .pick{
	width: 135px;
	margin: 2px;
	border: 2px solid #CCC;
	opacity: 0.7;
}

.img-gallery .pick:hover {
	opacity:1;
}

.site-details {
	margin-top: 20px;
}



/****** TESTING ********/
figure { 
  display: block; 
  position: relative; 
  overflow: hidden; 
}

figcaption { 
  position: absolute; 
  background: rgba(0,0,0,0.75); 
  color: white; 
  padding: 10px 20px; 

  opacity: 0;
  bottom: 0; 
  left: -30%;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  
  height:150px;
  width:100%;
  text-align:center;
}

figure:hover figcaption {
  opacity: 1;
  left: 0;
}

.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }



.btn-visit {
	margin-top: 20px;
	background: #337AB7;
	border: none;
	border-radius: 0;
	font-size: 18px;
}


@media (min-width : 480px) and (max-width: 991px) {
  .col-md-4 {
	  width: 48% !important;
	  display:inline-block;
  }
  
}