/*
Theme Name: Spanengg Child  
Template: spanengg
*/
.product-content .scafolding-plank ul li {
    padding: 6px 0 6px 20px;
    position: relative;
}
.product-content .scafolding-plank ul li::after {
    content: '\f101';
    position: absolute;
    left: 0;
    color: #000;
    font-family: FontAwesome;
    top: 5px;
    /*line-height: 35px;*/
    font-size: 17px;}
.sub-img {float: left;width: 100%;text-align:center;position: relative; margin:10px 0;}
.products .sub-img img {padding: 5px;width: auto;height: auto;display: inline-block;margin-top: 10px;}
.col-list {column-count: 2;}
.product-content .product-table table th {
    color: #333;
    background: #e6e6e6;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px !important;
    border-color: #6262624d !important;
}
.product-table {
    padding: 15px;
    width: 100%;
    float: left;
    box-shadow: 0 0 6px 0 #0003;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #f2f2f244;}
.product-table .table {margin: 0;}
.product-content .table-bordered, .product-content .table-bordered > tbody > tr > td, .product-content .table-bordered > tbody > tr > th, .product-content .table-bordered > tfoot > tr > td, .product-content .table-bordered > tfoot > tr > th, .product-content .table-bordered > thead > tr > td, .product-content .table-bordered > thead > tr > th {border: 1px solid #ddd;font-family: Montserrat,sans-serif;font-size: 13px;padding: 13px 7px; text-align:center;}
.products.pro-img1:before {
    width: 292px;
}
.system-img {width:100%; float:left; text-align:center;}

.pro-img { float: left; width: 100%; padding: 10px; background: #fff; box-shadow: 0 0px 6px 0px #0000004d; position: relative; }
.pro-img img { height: 280px; width: 100%; object-fit: cover; }
.pro-img::before { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; z-index: 1; transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; -webkit-transition: all ease 0.6s; bottom: 0; left: 0; }
.pro-img:hover::before { background: rgba(0, 0, 0, 0.30); }
.pro-img::after { content: "\f00e"; font-family: 'FontAwesome'; font-size: 35px; color: #fff; background: transparent; line-height: 50px; width: 50px; height: 50px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: 0; transition: all ease 0.7s; -moz-transition: all ease 0.7s; -ms-transition: all ease 0.7s; -webkit-transition: all ease 0.9s; font-weight: normal; }
.pro-img:hover::after { opacity: 1; }
.mission-text h4{ margin-bottom:15px;}
@media only screen and (max-width: 1199px) {
	.products.pro-img1:before {width:215px;}
}

@media only screen and (max-width: 991px) {
	.col-list {
    column-count: 1;
}
	.products.pro-img1:before {
    width: 175px; left:-34%;
}
}
@media only screen and (max-width: 767px) {
	.products.pro-img1:before {left:0;}
}