@media screen and (min-width: 769px) and (max-width: 5768px) { 
.product-item {
    max-width: 476px;
    margin: 0 auto;
    border: 4px solid #8e8e90;
    position: relative;
}
}
.product-item img {
    width: 100%;
    max-height: 365px;
}

@media screen and (min-width: 600px) and (max-width: 768px) { 
.product-item {
    max-width: 476px;
    margin: 30px auto;
    border: 4px solid #8e8e90;
    position: relative;
}
}

@media screen and (min-width: 0px) and (max-width: 599px) { 
.product-item {
    max-width: 476px;
    margin: 0 auto;
    border: 4px solid #8e8e90;
    position: relative;
}
}