/* ----------------------------------------------------------------
	Experiences Area
-----------------------------------------------------------------*/
#portfolio .portfolio-item { margin: 0 0 15px; right: 0; }
#portfolio .portfolio-shadow { background: url(https://www.tviosolutions.com/wp-content/themes/benten/images/shadow_2.png) repeat-x bottom; height: 100%; opacity: 1; position: absolute; width: 100%; z-index:100; }
#portfolio .portfolio-mini-details { width: 100%; font-size: 15px; color: white; position: absolute; padding: 35px; z-index: 1000; bottom: 0px; }
#portfolio .portfolio-mini-details .elocation { text-align: left; font-size: 25px; line-height: 32px; display: block; font-weight: 600; }
#portfolio .portfolio-mini-details .eprice { float: right; }
#portfolio .portfolio-mini-details .eprice b { float: right; transition: all .2s ease-in-out; margin-left: 10px; }
#portfolio .portfolio-mini-details .eprice b:hover { transform: scale(2.1); }
#portfolio .portfolio-item .portfolio-link { display: block; position: relative; max-width: 400px; margin: 0 auto;overflow: hidden; }
#portfolio .portfolio-item .portfolio-link img {transform: scale(1);transition: all 0.3s;}
#portfolio .portfolio-item .portfolio-link:hover img {transform: scale(1.1); }
#portfolio .portfolio-item .portfolio-link:hover .portfolio-hover { background: url(https://www.tviosolutions.com/wp-content/themes/benten/images/hover.png) repeat-x bottom; position: absolute;  width: 100%; height: 100%; opacity: 1; transition: all ease 1s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; }
#portfolio .portfolio-item .portfolio-link:hover .portfolio-hover:hover {  }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { position: absolute; width: 100%; height: 20px; font-size: 17px; text-align: center; top: 40%; margin-top: -35px; padding-left: 15%; padding-right: 15%; color: white; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i { margin-top: -12px; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 { margin: 0; }
#portfolio .portfolio-item .portfolio-caption { max-width: 400px; margin: 0 auto; background-color: white; text-align: left; padding:15px;}
#portfolio .portfolio-item .portfolio-caption h4 { text-transform: none; font-weight: 500; font-size: 16px;  margin: 0; }
#portfolio .portfolio-item .portfolio-caption p {  font-style: italic; font-size: 15px; margin: 0; }
#portfolio * { z-index: 2; }
.nofix { position: absolute; width: 100%;}
@media (min-width: 767px) {
	#portfolio .portfolio-item { margin: 0 0 30px; }
}

@media (max-width: 991px) { 
	#portfolio .portfolio-item .portfolio-caption h4 { font-size: 14px; line-height: 1.3em;  }
	#portfolio .portfolio-item .portfolio-caption { padding: 10px;  }
    #portfolio .portfolio-item .portfolio-link .portfolio-hover { display: none; }
    #portfolio .portfolio-mini-details .elocation{ font-size: 20px; line-height: 23px;}
    #portfolio .portfolio-mini-details {padding: 20px;}
}

@media (max-width: 767px) {
	#portfolio .portfolio-item { width:33%; }
  #portfolio .portfolio-item .portfolio-link { max-width: 100%; height: 150px;
    overflow: hidden;}
    #portfolio .portfolio-mini-details {padding: 20px;}
	#portfolio .portfolio-mini-details .elocation { font-size: 18px; line-height: 20px; }
}
@media (max-width: 594px) {
	#portfolio .portfolio-item { width:100%; }
	#portfolio .portfolio-item .portfolio-link { height: 150px;}
}