a.productbox{
  margin-bottom: 30px;
  position: relative;
  display: block;
  padding-right: 30px;
}


a.productbox p{
   line-height: 1.3em;
}

a.productbox h4{
  color: rgba(230,80,30,1);
  font-size: 1.2em;
  margin-bottom: 6px;
}
.imgbx{
  background-position: center center;
}
.txtbx{
  position: absolute;
  bottom: 0;
  left: 40%;
  right: 0;
  display: block;
  background: #FFF;
  color: #151515;
  background-position: left top;		
  padding: 10px 15px 5px 15px;
  z-index: 90;
  border-bottom: 3px solid rgba(230,80,30,1);
}
a.productbox:hover .txtbx{
  background: rgba(230,80,30,1);
  color: #FFF;
}
a.productbox:hover h4{
  color: #FFF;
}
a.productbox .txtbx .linker{
	display: block;
	overflow: hidden;
	height: 0;	
}
a.productbox:hover .txtbx .linker{
  height: 65px;
}
  a.productbox .imgbx {
  	padding-top: 20px;
}
a.productbox:hover .imgbx{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.productbox .btn.btn-outline.btn-white:hover, .productbox a.btn.btn-outline.btn-white:hover{
  background: #fff;
  color: rgba(230,80,30,1);
}

@media (max-width: 500px){
	a.productbox{
	  margin-bottom: 20px;
	  padding-right: 0px;
	  padding-bottom: 50px;
	}
	.txtbx{
	  left: 0px;
	  padding: 8px 15px 0 15px;
	}
}
@media (min-width: 501px) and (max-width: 768px){
	a.productbox{
	  margin-bottom: 20px;
	  padding-right: 20px;
	}
	.txtbx{
	  left: 10px;
  	  padding: 8px 15px 0 15px;
	}
}

@media (min-width: 768px){
	  a.productbox .imgbx {
	  	padding-right: 70px;
	}
}

@media (min-width: 1024px){
	a.productbox .imgbx {

	}
	.txtbx{
		min-height: 130px;
		}
	  a.productbox h4{
		  font-size: 1.35em;
		}
}