/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  /*position: fixed;*/
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

/* Add some content at the bottom of the video/page */
.content-video {
  position: absolute;
  /*bottom: 0;*/
  top: 0;
  background: transparent;
  color: #f1f1f1;
  width: 100%;
  /*padding: 20px;*/
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}




.hero-contact-area.position-relative.z-index-common{
  top:-25px;
}
.hero-wrapper.hero-4{
  background-image: none;
  bottom: 10px;
  background-color: transparent;
}

@media (max-width: 550px) {
  .hero-text.slider-custom-anim-left,
  .hero-sous-title.slider-custom-anim-left{
    display: none;
  }


  .hero-contact-area.position-relative.z-index-common{
    top: -10px;
  }

  .content-video{
    margin-top: -160px;
  }
  .hero-wrapper.hero-4{
   top : 0px !important;  
  }
  
}

@media (max-width: 991px) {

  .content-video{
    /*display: none;*/
    margin-top: -70px;
  }
  .hero-wrapper.hero-4{
    top: 100px;  
  }

  .hero-style4 .hero-tag{
    display: none;
  }
  .hero-award-wrap {
    margin-top: 30px;
  }
  #myVideo{
    margin-top: 60px;
  }

}

@media (max-width: 1024px) {
  .hero-style4 .hero-tag{
    margin-left: 70%;
  }
}

@media (max-width: 1440px) {
  .content-video{
    margin-top: -160px;
  }
  .hero-4 .hero-4-number-tab{
    bottom: 230px;  
  }
}