@media screen and (min-width:1200px) {
.video{
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
}
.video-container {   
      position: relative;
      padding-bottom: 56.25%;
      overflow: hidden;
      margin: 0 auto;
}
.video-container iframe,
.video-container object,
.video-container embed {
      position:relative;
      
}    
}
@media screen and (max-width:1199px) {
.video{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0px 0px 10px;
}
.video-container {   
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      margin: 0 auto;
}
.video-container iframe,
.video-container object,
.video-container embed {
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      height: 100%;
}    
}