/* 4. Portfolio
-------------- */
/*--team--*/
.product-grids {
  position: relative;
}
.product {
  /*  padding: 5em 0;*/
}
.product-grids a {
	overflow: hidden;
	position: relative;
	display: block;
}
.captn h4 {
    color: #fff;
    font-size: 1.8em;
    margin-top: 2px;
}
.captn p {
    font-size: 1.1em;
    margin:0.5em 0;
}
.product-grids a .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -74%;
    right: 0;
    background-color: rgba(51, 51, 51, 0.68);
    padding: 5% 10%;
    text-align: center;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.product-grids:hover .captn {
  width: 100%;
  bottom: 0%;
  padding: 68% 10%;
}
.product-grids:hover .captn .btn1{
	border:1px #fff solid;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	background:#fff;
	color:#0099ff;
	font-size:14px;
	padding:1px 10px;
	}
.product-grids:hover .captn .btn1:hover{
	border:1px #0099ff solid;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	background:#0099ff;
	color:#fff;
	font-size:14px;
	padding:1px 10px;
	}
.product-grids {
		width: 25%;
		padding: 0;
	}
.product-info {
	/*width:100%;*/
	margin: 2em 0 0;
	}
.product-info{
	margin-left:5%;}
.product-grids a .captn {
		bottom: -74%;
	}
.product-grids a:hover .captn {
		/*padding: 68% 10%;*/
	}
ul.product-icons {
    text-align: center;
    padding:.5em .5em 0;
    background: #F2AE11;
}
.product-grids:hover ul.product-icons {
	background:#999;
}
.captn{
	float:left}
@media (max-width:992px) and (min-width:766px){
.product-grids a .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -74%;
    right: 0;
    background-color: rgba(51, 51, 51, 0.68);
    padding: 5% 10%;
    text-align: center;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.product-grids:hover .captn {
  width: 100%;
  bottom: 0%;
  padding: 50% 10%;
}
.product-grids {
	margin-top:10%;
	margin-left:25%;
	width: 50%;
	padding: 0;
	}
.product-info {
		margin: 2em 0 0;
	}
.product-info{
	margin-left:5%;}
.product-grids a .captn {
		bottom: -80%;
	}
	}
@media(min-width:650px) and (max-width:767px){
.product-grids a .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -40%;
    right: 0;
    background-color: rgba(51, 51, 51, 0.68);
    padding: 5% 10%;
    text-align: center;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.product-grids:hover .captn {
  width: 100%;
  bottom: 0%;
  padding: 60% 10%;
}
.product-grids {
	margin-top:10%;
	margin-left:25%;
	width: 50%;
	padding: 0;
	}
.product-grids a .captn {
		bottom: -80%;
	}
	}

@media(min-width:480px) and (max-width:649px){
.product-grids a .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -40%;
    right: 0;
    background-color: rgba(51, 51, 51, 0.68);
    padding: 5% 10%;
    text-align: center;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.product-grids:hover .captn {
  width: 100%;
  bottom: 0%;
  padding: 60% 10%;
}
.product-grids {
	margin-top:10%;
	margin-left:25%;
	width: 50%;
	padding: 0;
	}
.product-grids a .captn {
		bottom: -76%;
	}
	}
ul.product-icons {
    text-align: center;
    padding:.5em .5em 0;
    background: #F2AE11;
}
.product-grids:hover ul.product-icons {
	background:#999;
}*/
	}
@media (max-width:375px){
.product-grids {
		width: 75%;
	}
.product-grids a .captn {
		bottom: -86%;
	}}
@media (max-width: 479px){
.product-grids a .captn {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    position: absolute;
    bottom: -40%;
    right: 0;
    background-color: rgba(51, 51, 51, 0.68);
    padding: 5% 10%;
    text-align: center;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.product-grids:hover .captn {
  width: 100%;
  bottom: 0%;
  padding: 71% 10%;
}
.product-grids {
	margin-top:10%;
	margin-left:25%;
	width: 50%;
	padding: 0;
	}
.product-grids a .captn {
		bottom: -70%;
	}
}
/*--//team--*/