@media (max-width:600px) {

  /* top header */

  .header-contact .my-auto {
    display: none;
  }

  .header-contact form {
    margin-bottom: 10px;
  }

  #hero-section {
    background-position: left;
    height: 50vh;
    width: auto;
  }

  /* heading container */

  .heading-container {
    margin-top: 20px;
  }

  /* home products */

  #home-products .c-card {
    width: 90%;
    margin: auto;
    margin-top: 15px;
  }

  /* ===========
  products page
  =============== */

  .product-card {
    width: 100%;
  }

  .r-1 {
    width: 90%;
    margin: auto !important;
    margin-top: 15px !important;
  }

  #whyus .col-11 {
    padding-left: 50px;
  } 

/* ===========
  contact page
  =============== */

  #contact-info .contact-card {
    margin-top: 20px;
  }

  #map h2 {
    margin-top: 20px;
  }
  
   
}