.container { width: 100%;  max-width: 1200px; margin: 0 auto; }
 .rows { display: flex;flex-wrap: wrap; margin: 0 -15px; }
 .col-md-4 { flex: 0 0 31%; max-width: 31%; padding: 0 15px; }
 .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0;  overflow: hidden; }
  .video-container iframe, .video-container object, .video-container embed { position: absolute;top: 0;  left: 0;  width: 100%;  height: 100%; }
  @media (max-width: 1400px) { .col-md-4 { padding: 0 10px;  }  }
   @media (max-width: 960px) { .col-md-4 { padding: 0 5px;   }  }
  @media (max-width: 768px) { .col-md-4 { flex: 0 0 100%;  max-width: 94%;  padding: 20px 15px; }  }