.templatemo_portfolio p { padding-bottom: 0px; }

.portfolio-thumb { overflow: hidden; position: relative; }

.portfolio-thumb img { min-width:200px !important; padding:0;}

.portfolio-thumb .overlay-p { position: absolute; top:0px; left: 0; width: 100%; height: 100%; background-color: #222; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.portfolio-thumb .overlay-p a { position: absolute; top: 10%; margin-top:-25px; left: 10%; width: 100%; margin-left: -30px; color: white; text-align: center; }
.portfolio-thumb .overlay-p a ul { text-align: center; margin-top:0.1em;}
.portfolio-thumb .overlay-p a ul li	{ padding: 4.0em 0; margin: 0px; width: 100%; list-style: none;}
.portfolio-thumb .overlay-p a ul li.fsmall{ font-size: 0.7em; }

.portfolio-item {margin-bottom: 10px; overflow: hidden; }
.portfolio-item:hover .overlay-p {visibility: visible; opacity: 1; }

.portfolio-title {width: 100%; text-align: center; }
.portfolio-title a {color: #38e395; font-size: 18px; text-transform: lowercase /*uppercase*/; }


#prev {
  width: 35px;
  height: 50px;
  position: absolute;
  top: -30%;
  left:0;
  text-indent: -9999px;
  background: url(../images/prev.png)0px -50px no-repeat;
}

#next {
  width: 35px;
  height: 50px;
  position: absolute;
  top: -30%;
  right: 0;
  text-indent: -9999px;
  background: url(../images/next.png)0px -50px no-repeat;
}

#prev:hover, #next:hover {
  background-position: 0px 0px;
}

@media (min-width:300px) and (max-width:767px)

 {



.templatemo_portfolio p { padding-bottom: 0px; }

.portfolio-thumb { overflow: hidden; position: relative; }

.portfolio-thumb img { min-width:50% !important; padding:0; margin-left:25%; margin-top:5%;}

.portfolio-thumb .overlay-p { position: absolute; top:0px; left: 0; width: 50%; height: 80%; background-color: #222; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-left:25%; margin-top:5%; }

.portfolio-thumb .overlay-p a { position: absolute; top: 10%; margin-top:-25px; left: 10%; width: 100%; margin-left: -30px; color: white; text-align: center; }
.portfolio-thumb .overlay-p a ul { text-align: center; margin-top:0.1em;}
.portfolio-thumb .overlay-p a ul li	{ padding: 4.0em 0; margin: 0px; width: 100%; list-style: none;}
.portfolio-thumb .overlay-p a ul li.fsmall{ font-size: 0.7em; }

.portfolio-item {margin-bottom: 10px; overflow: hidden; }
.portfolio-item:hover .overlay-p {visibility: visible; opacity: 1; }

.portfolio-title {width: 100%; text-align: center; }
.portfolio-title a {color: #38e395; font-size: 18px; text-transform: lowercase /*uppercase*/; }




#prev {
  width: 35px;
  height: 50px;
  position: absolute;
  top: -30%;
  left:0;
  text-indent: -9999px;
  background: url(../images/prev.png)0px -50px no-repeat;
}

#next {
  width: 35px;
  height: 50px;
  position: absolute;
  top: -30%;
  right: 0;
  text-indent: -9999px;
  background: url(../images/next.png)0px -50px no-repeat;
}

#prev:hover, #next:hover {
  background-position: 0px 0px;
}

}