.product-recommendations {
  display: block;
  padding-left: 7.7rem;
  padding-right:7.7rem;
}

.product-recommendations__heading {
  margin: 0 0 3rem;
}
@media screen and (max-width: 1190px){
.product-recommendations { 
   padding-left: 4rem;
  padding-right:4rem;
}
}

@media screen and (max-width: 767px){
  .product-recommendations { 
   padding-left: 2rem;
  padding-right:2rem;
}
}