img.main-image{
    width: 320px;
}

img.sub-image {
    width: 160px;
    margin: 0 5px;
 }

.product-display {
    padding-left: 0px;
    padding-right: 0px;
 }

.product-display h6 span {
    display:block;
    font-weight: bold;
}

.product-display hr {
    margin: 1px 0 7px;
}

.product-display .overview,
.product-display .description {
    font-size: 14px;
    line-height: 18px;
}

.product-div {
    border: solid thin #eee;
    padding: 9px;
    border-radius: 5px;
    margin: 0px 20px 0 0;
    /* width: 25%; */
    float: left;
}

@media (max-width: 767.98px) {
    .product-div  {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product-div  {
        width: 25%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-div  {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .product-div  {
        width: 25%;
    }
}

.product-div h6 {
    border-top: solid thin #eee;
    padding-top: 10px;
    height: 60px;
    line-height: 15px;
}

.product-div img {
    height: 250px
}

.card-body {
    padding: 11px;
}

.card-body h6 {
    height: 40px;
    overflow: hidden;
}

p.card-text,
.product-div p {
    font-size: 13px;
    line-height: 13px;
}

p.card-text {
    height: 52px;
    overflow: hidden;
}

#search-result .col-lg-3 {    
    padding-left: 7px;
    padding-right: 7px;
}

#search-result .col-lg-3:first-child,
#search-result .col-lg-3:last-child {
    padding-left: 15px;
}

#search-result .col-lg-3 img:hover {
    opacity: 0.8;
}

.card-img-top {
    height: 240px;
}

.product {

}

.product img {
    padding: 16px 16px 16px 0;
}

.product div {
    
}

.product h6 {
    font-size: 26px;
    margin: 10px 0;
}

.product p.card-text {
    font-size: 16px;
    line-height: 18px;
    height: auto;
}

#tbProducts.table thead th {
    border: none;
}