.body {
  margin: 0 !important;
}

.iframe-container {
  height: 641px;
  display: flex;
}

.iframe-video {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* For tablets */
@media only screen and (max-width: 1024) {
  .iframe-container {
    width: 375px;
    height: 641px;
  }
  .col-list,
  .col-video {
    margin-bottom: 10em;
  }
}

/* For mobile devices */
@media only screen and (max-width: 600px) {
  .iframe-container {
    display: none;
  }
  .col-list,
  .col-video {
    margin-bottom: 10em;
  }
}

/* Responsive Video Player Styles */
.responsive-video-wrapper {
  position: relative;
  padding-bottom: 56.16%; /* 16:9 aspect ratio (310 / 552) */
  height: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.responsive-video-wrapper iframe,
.responsive-video-wrapper object,
.responsive-video-wrapper embed,
.responsive-video-wrapper video,
.responsive-video-wrapper > div > iframe /* Handles the case where item.file_location is an iframe string inside a div */ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}