.fact-sec {
float : left;
margin : 0;
padding : 0;
text-align : center;
background : transparent;
width : 100%;
}
.fact-sec h5 img {
width : 41px;
height : 41px;
transition : all 0.3s ease-in-out;
}
.fact-sec:hover h5 img {
transform : rotate(180deg);
}
.section-wrap {
overflow : hidden;
}
.section-wrap .h-product {
margin-bottom : 30px;
box-sizing : border-box;
}
.section-wrap .section-wrap {
margin-top : 30px;
}
.section-wrap .overlay {
background-color : #201f1f;
position : relative;
overflow : hidden;
}
.section-wrap .overlay a {
display : block;
position : relative;
}
.section-wrap .product-inner img {
transition : all 0.4s;
}
.section-wrap .product-inner .img-border-wrap {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
transition : padding 0.4s;
box-sizing : border-box;
}
.section-wrap .product-inner .img-border-wrap .img-border {
width : 100%;
height : 100%;
display : block;
border : transparent solid 1px;
transition : border 0.4s;
box-sizing : border-box;
}
.section-wrap .product-inner .img-border-wrap .plus {

width : 70px;
height : 70px;
position : absolute;
left : 50%;
top : 50%;
margin-top : -55px;
margin-left : -35px;
transition : all 0.2s;
opacity : 0;
box-sizing : border-box;
}
.section-wrap .product-inner:hover .work-meta {
background-color : transparent;
}
.section-wrap .product-inner:hover img {
opacity : 0.5;
}
.section-wrap .product-inner:hover .img-border-wrap {

padding : 13px 10px;
}

.section-wrap  .img-border-wrap:hover::after {

}


.section-wrap .product-inner:hover .img-border {
border-color : white;
}
.section-wrap .product-inner:hover .plus {
margin-top : -35px;
opacity : 1;

}
.section-wrap .img-border-wrap:hover .plus::after {
content: "\f002";
font-weight: 900;
font-family: "Font Awesome 5 Free";
color:#323848;
display: block;
font-size:70px;
opacity: 0.6;
}

.work-meta  span{ 
display:none;
padding-left:5px

}
.work-meta:hover  span{ 
display:inline-block

}
.section-wrap figure {
margin : 0;
}
.section-wrap img {
max-width : 100%;
}
.work-meta {
text-align : center !important ;
background-color: #242a35 !important;
}
h6.p-name {
text-align : center;
text-transform : uppercase;
font-weight : bold; padding:0; margin:0

}
p.p-category {
text-align : center !important ;
text-transform : capitalize;
padding-top : 0;
width : 100%;
display : inline;
font-size : 12px;
color : #111 !important ;
font-weight : bold !important ;
}
.thunder-hover:hover {
transition : background 0.4s, color 0.4s, border 0.4s;
}
.thunder-hover {
transition : background 0.4s, color 0.4s, border 0.4s;
background-color:#323848 !important;
}
}
@media (max-width:767px) {
.section-wrap .h-product {
margin-bottom : 10px;
}
.section-wrap .h-product:nth-child(odd) {
padding-left : 0;
padding-right : 5px;
}
.section-wrap .h-product:nth-child(even) {
padding-left : 5px;
padding-right : 0;
}
}

figure, section {
display : block;
}
a {
background-color : transparent;
}
a:active, a:hover {
outline : 0;
}
img {
border : 0;
}
figure {
margin : 1em 40px;
}
* {
margin : 0;
padding : 0;
}

a {
transition : all 0.4s ease-in-out;
}
a:hover {
transition : all 0.4s ease-in-out;
}



 .h-product{ display:none;
float: left;
 }
.thunder-hover:hover {
 
}
.thunder-hover:hover a{
  color:#ffffff; !important;
}

.thunder-hover {
  background-color:#f4f4f4 !important;
}

.work-meta a, .work-meta a:hover{
	color:#ffffff;
	display:block;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	text-decoration : none;
}

.work-meta a:hover{
color:#f4f4f4;
}