.product-box {
    width: 60%;
    padding: 70px 0;
}
.product-box h2 {
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media only screen and (max-width: 770px) {
    .product-box{
         width: 65%;
    padding: 70px 0;
    }
   
}
}
@media only screen and (max-width: 580px) {
    .product-box {
         width: 92%;
    padding: 50px 0;
    }
    
}
@media only screen and (max-width: 400px) {
   .product-box {
        width: 92% ;
    padding: 50px 0;
   }
}