.hero {
    background: url(../../products.png);
    padding: 150px 0px 0px 0px;
    color: #fff;
    text-align: left;
    height: 60vh;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color:#fcfcfc;
}   

@media (max-width: 600px) {
    .hero {
    background: url(hero-background.png);
    padding: 30px 10px;
    height: auto;
}
.product-3d {
    margin-bottom: 30px !important;
}
.product-image{
    display:none;
}
section#portfolio {
    padding-bottom: 0px;
}
.table {
  width: 100% !important;
  table-layout: auto !important;
}

.table th,
.table td {
  padding: 12px 18px !important;
}
.table th, .table td{
    min-width:150px;
}
}