.ten_main{
  margin: 0 10%;
position: relative;
height: 0;
overflow: hidden;
max-width: 80%;
}

.ten_main iframe, .ten_main object, .ten_main embed{
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  
}
@media (max-width: 640px) {
  .ten_main{
    margin-top: 13% !important;
    margin: 0 5%;
    padding-bottom: 50%;
    max-width: 100%;

  }
}
@media (min-width: 641px) {
  .ten_main{
    margin-top: 10% !important;
    padding-bottom: 50%;
  }
}
@media (min-width: 1025px) {
  .ten_main{
    margin-top: 5% !important;
    padding-bottom: 40%;

  }
}