.how__to__videos__modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.781);
  z-index: 2000;
  display: none;
}
.how__to__videos__modal.active {
  display: block;
}
.how__to__videos__modal .how__to__videos__modal__body {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 700px;
}
.how__to__videos__modal .how__to__videos__modal__body .btn-clode-modal {
  position: absolute;
  top: -32px;
  right: 0;
  color: #c3c3c3;
  font-size: 25px;
  z-index: 2000;
}
.how__to__videos__modal .how__to__videos__modal__body .btn-clode-modal:focus {
  outline: none;
}

@media screen and (max-width: 1200px) {
  .how__to__videos__modal .how__to__videos__modal__body {
    height: 450px;
  }
}
@media screen and (max-width: 768px) {
  .how__to__videos__modal .how__to__videos__modal__body {
    height: 300px;
  }
}

@media screen and (min-width: 1925px) {
  .how__to__videos__modal .how__to__videos__modal__body {
    height: 1000px;
  }
}

.ytp-cued-thumbnail-overlay-image {
  z-index: 50 !important;
}

.ytp-large-play-button {
  z-index: 2000 !important;
}