.container {
  box-sizing: border-box;
}

.video-content video {
  max-width: 100%;
}

.video-y-content video {
  max-width: 30%;
}

@media screen and (min-width: 212px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 319px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 359px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 383px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 399px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 414px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 423px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 479px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 539px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 639px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  
  .container {
    padding: 0 15px;
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .container {
    width: 100%;
    padding: 3.75rem 12.5rem;
  }

  .video-content video {
    max-width: 50%;
  }

  .video-y-content video {
    max-width: 16%;
  }

  .swiper {
    width: 650px;
  }
}