@media screen and (max-width: 1680px) {
 
}

@media screen and (max-width: 1500px) {	
/* Banner Start */
   .banner .vid-wrapper {
    max-width: 900px;
  }
/* Banner End */
}

@media screen and (max-width: 1440px) {
  
}

@media screen and (max-width: 1366.98px) {
  
}

@media screen and (max-width: 1280.98px) {
  
}

@media screen and (max-width: 1024.98px) {
/* Banner Start */
   .banner {
    overflow: unset;
  }

  .banner .vid-wrapper {
    max-width: 700px;
  }

  .banner .vid-wrapper .inside-wrap {
    padding: 20px;
  }
/* Banner End */
}

@media screen and (max-width: 991.98px) {
  
}

@media screen and (max-width: 832.98px) {
  .banner .title-area h3 {
    max-width: 90%;
  }
}

@media screen and (max-width: 768.98px) {
  /* Banner start */
  .banner .title-area {
    max-width: 80%;
  }
  /* Banner End */
}

@media screen and (max-width: 640.98px) {
  .banner .title-area {
    max-width: 100%;
  }

  .banner .vid-wrapper {
    max-width: 95%;
    margin: 30px auto 0;
  }
}

@media screen and (max-width: 575.98px) {
  /* Banner Start */
  .banner .title-area {
    max-width: 80%;
  }

  .banner .vid-wrapper .inside-wrap {
    padding: 15px;
  }
  /* Banner End */
}

@media screen and (max-width: 440.98px) {
   /* banner start */
   .banner .title-area {
    max-width: 100%;
  }
  
  .banner .vid-wrapper {
    max-width: 100%;
  }
  /* banner end */
}

@media screen and (max-width: 375.98px) {
  /* Banner Start */
  .banner {
    padding: 90px 0 0px;
  }

  .banner .vid-wrapper .inside-wrap {
    padding: 10px;
  }
  /* Banner End */
}