.main-block1 {
  background-image: url("https://images.forestessentialsindia.com/pub/media/about-us/About-us-desktop.jpg");
  background-size: cover;
  color: white;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  background-color: #fbf9f9;
}
body{
  overflow-x: hidden;
}

a{
  color:#333;
  text-decoration: none;
}
.lines {
  height: 280px;
  margin: 100px;
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  width: 1200px;
}

.firsth1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 48px;
  line-height: 56px;
}

.first {
  font-family: "calibri";
  font-size: 11px;
}

.main-block2 {
  color: #333333;
}

.container {
  width: 80%;
  margin: auto;
  margin-top: 50px;
}

.font1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.font2 {
  font-family: "calibri";
  font-size: 14px;
}

.row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
  margin-bottom: 30px;
}

.head2 {
  font-size: 30px;
  color: #333333;
}

.para2 {
  font-size: 16px;
  line-height: 25px;
  padding-top: 25px;
  color: #333333;
}

.link {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 11px;
  line-height: 16px;
  padding: 7px 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  display: inline;
  text-decoration: none;
  color: #333333;
}

/* .row3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
  } */
.main-block4 {
  color: #333333;
  margin-top: 50px;
  background-color: #fbf9f9;
  padding-top: 20px;
  padding-bottom: 50px;
}

.inline {
  justify-content: space-between;
  width: 80%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  height: 130px;
  margin-top: 50px;
  margin-left: -50px;
  margin-bottom: 40px;
}

.cartimg_list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}

imag {
  filter: grayscale(100%);
}

.main-block5 {
  margin-bottom: 100px;
}

.main-block6 {
  background-color: #fbf9f9;
  padding-top: 30px;
}

.main-block7 {
  background-image: url("https://images.forestessentialsindia.com/pub/media/about-us/our-spiritual-home.jpg");
  background-size: cover;
  color: white;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  height: 600px;
  margin-bottom: 80px;
}

.image-caption {
  width: 50%;
  height: 300px;
}

.para1 {
  font-size: 16px;
  line-height: 25px;
}

.video {
  width: 100%;
  height: 600px;
  margin: auto;
}


.main-block10 {
  color: #333333;
  margin-top: 50px;
  background-color: #fbf9f9;
  padding-top: 20px;
  padding-bottom: 50px;
}

.multi-img {
  display: grid;
  grid-template-columns: repeat(3, 33%);
  height: 250px;
  grid-gap: 30px;
  margin-top: 50px;
}

.lastimg {
  height: 300px;
}

@media only screen and (min-width: 376px) and (max-width: 768px) {
  .row {
    grid-template-columns: repeat(1, 1fr);
  }
  .inline {
    grid-template-columns: repeat(3, 1fr);
  }
  .multi-img {
    grid-template-columns: repeat(2, 1fr);
    height:auto;
  }
  .cartimg-list {
    grid-template-columns: repeat(3, 1fr);
  }


}

@media only screen and (min-width: 0px) and (max-width: 376px) {
  .main-block1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .row {
    grid-template-columns: repeat(1, 1fr);
  }
  .inline {
    grid-template-columns: repeat(2, 1fr);
  }
  .multi-img {
    grid-template-columns: repeat(1, 1fr);
    height: auto;
  }
  .cartimg-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .video {
    height:auto;
  }

  .image-caption{
    width:90%;

  }
  .image-caption h2{
    display: none;
  }

  .lines{
    margin: 0;
    padding: 10px;
  }

  .main-block7{
    height: auto;
  }
}
