body {
  margin: 0;
}

.od-page-container #lifeUnScence {
  background-image: url("/content/dam/oppo/in/mkt/events/discovery/v3/assets/life-unscene-desk.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 100vh;
}
@media (max-width: 575px) {
  .od-page-container #lifeUnScence {
    background-image: url("/content/dam/oppo/in/mkt/events/discovery/v3/assets/life-unscene-mob.jpg");
  }
}
@media (orientation: landscape) {
  .od-page-container #lifeUnScence {
    background-image: url("/content/dam/oppo/in/mkt/events/discovery/v3/assets/life-unscene-desk.jpg");
  }
}
.od-page-container #nature {
  padding: 20px 15px 15px 15px;
  max-width: 100%;
  height: calc(100vh - 35px);
  background-image: url("/content/dam/oppo/in/mkt/events/discovery/v3/assets/nature.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}
.od-page-container #nature .od-nature-content {
  width: 60%;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}
@media (max-width: 991px) {
  .od-page-container #nature .od-nature-content {
    width: 100%;
  }
}
.od-page-container #videoCarousel .videoimgcont .playBtn {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.od-page-container #videoCarousel .videoimgcont .playBtn img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .od-page-container #videoCarousel .videoimgcont .playBtn img {
    width: 50px;
    height: 50px;
  }
}
.od-page-container #videoCarousel .videoimgcont img {
  max-width: 100%;
}
.od-page-container #unsceneStories {
  width: calc(80% - 35px);
  padding: 100px 15px 25px 15px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .od-page-container #unsceneStories {
    width: calc(100% - 35px);
    padding: 25px 15px 25px 15px;
  }
}
.od-page-container #unsceneStories .od-col1 {
  max-width: 40%;
}
@media (max-width: 991px) {
  .od-page-container #unsceneStories .od-col1 {
    max-width: 100%;
  }
}
.od-page-container #unsceneStories .od-col1 .od-stories-title {
  max-width: 100%;
  margin-bottom: 25px;
}
.od-page-container #unsceneStories .od-col1 .od-col1-content {
  font-size: 18px;
  margin-bottom: 15px;
}
.od-page-container #unsceneStories .od-col2 {
  max-width: 60%;
}
@media (max-width: 991px) {
  .od-page-container #unsceneStories .od-col2 {
    max-width: 100%;
  }
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: 25px;
  overflow-y: scroll;
  max-height: 509px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media (max-width: 991px) {
  .od-page-container #unsceneStories .od-col2 .od-img-grid-container {
    margin-left: -6px;
    margin-right: -6px;
  }
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container::-webkit-scrollbar {
  width: 10px;
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container::-webkit-scrollbar-track {
  background: #ffffff;
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container::-webkit-scrollbar-thumb {
  background: #888;
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container .od-img-grid-content {
  max-width: 25%;
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container .od-img-grid-content .od-img-container {
  padding: 6px;
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container .od-img-grid-content .od-img-container .od-grid-img {
  max-width: 100%;
  margin-bottom: -3px;
}
.od-page-container #unsceneStories .od-col2 .od-img-grid-container .od-img-grid-content .od-img-container .od-grid-img:hover, .od-page-container #unsceneStories .od-col2 .od-img-grid-container .od-img-grid-content .od-img-container .od-grid-img:focus {
  opacity: 0.8;
}
.od-page-container #reno5Pro5G .od-reno5pro5g-img {
  max-width: 100%;
}

.owl-dots {
  position: relative;
  bottom: 50px;
}