.contain {
   display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 3px;
  width: 100%;
    padding-left: 11%;
    padding-right: 2%;
    justify-content: flex-start;

}
.grey-border {
    border: 1px solid #ccc;
    padding: 1px;
    margin: 4px !important;
    margin-bottom: 10px;
    border-radius: 8px;
    flex-basis: calc(50% - 20px);

}

.box h6{
    font-size: 50px;


}
.fit-image {
    width: 90%;
    height: 230px;
    border-radius: 5px;
    margin: 10px;
    margin-left: 5px;
}
.product-info {
    padding-left: 10px;
}
.price {
    margin-right: 5px;
    color: black;
}

.price-label {
      color:black;
}


@media (min-width: 990px) {
    .contain {
           grid-template-columns: repeat(5, 1fr);
            width: calc(90%);
            padding-left: 7%;
            padding-right: 0%;
        }

        .grey-border {
            flex-basis: calc(19%);
            margin: 10px;
        }

}
.similar-products-title {
    font-size: 24px;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    margin-left: 7%;
}


@media screen and (max-width: 640px) {
     .contain {
       grid-template-columns: repeat(2, 1fr);
        width: calc(90%);

        padding-right: 0%;
    }

    .similar-products-title {

        margin-left: 10%;
    }

       .fit-image {

        height: 200px;

     }

    .product-name{
        font-size: 12px;

    }
}



@media (min-width: 641px) and (max-width: 820px) {
     .contain {
           grid-template-columns: repeat(3, 1fr);
            width: calc(90%);
            padding-left: 13%;

            padding-right: 0%;
    }

    .similar-products-title {

          margin-left: 13%;
          }

    .fit-image {

        height: 180px;

      }
}


@media (min-width: 820px) and (max-width: 1280px) {
     .contain {
       grid-template-columns: repeat(4, 1fr);
        width: calc(90%);

        padding-right: 0%;
    }

    .similar-products-title {

          margin-left: 11%;
          }


}

@media screen and (max-width: 500px) {

   .fit-image {

        height: 150px;

    }

}
@media screen and (max-width: 350px) {

   .fit-image {

        height: 130x;

    }

}

@media (min-width: 768px) and (max-width: 1200px) {
     .contain {
       grid-template-columns: repeat(3, 1fr);
        width: calc(90%);
        padding-left: 12%;

        padding-right: 0%;
    }

    .similar-products-title {

          margin-left: 11%;
          }

    .fit-image {

        height: 200px;

     }
}

@media screen and (max-width: 1240px) {
     .contain {

        padding-left: 10%;

        padding-right: 0%;
    }

    .similar-products-title {

          margin-left: 10%;
          }


}

@media (min-width: 1000px) and (max-width: 1280px) {
     .contain {
     grid-template-columns: repeat(4, 1fr);

        padding-left: 9%;

        padding-right: 0%;
    }

    .similar-products-title {

          margin-left: 9%;
          }
}






