.clp-video-carousel a { text-decoration: none; color: inherit; }

.clp-video-carousel a.gallery-btn { display: block; width: max-content; min-width: 250px; height: 48px; background: #000000; color: #FFFFFF; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 48px; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 24px auto 0; padding: 0 16px; box-sizing: border-box; transition: background 0.3s ease; }

.clp-video-carousel a.gallery-btn:hover { background: #EA1722; }

@media (min-width: 1440px) {
  .clp-video-carousel .img-container { position: relative; }

  .clp-video-carousel .video-img { width: 368px; max-width: 100%; height: 208px; display: block; }

  .clp-video-carousel .video-icon { width: 48px; height: 48px; background: #ED1C24; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .clp-video-carousel .video-icon > img { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .clp-video-carousel .video-header { width: 100%; max-width: 368px; padding: 16px; box-sizing: border-box; background: #FFFFFF; }

  .clp-video-carousel .video-header > h3 { font: bold 14px Roboto, Arial, sans-serif; color: #000000; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px; }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .clp-video-carousel { max-width: 832px; }

  .clp-video-carousel .img-container { position: relative; }

  .clp-video-carousel .video-img { width: 269px; max-width: 100%; height: 152px; display: block; }

  .clp-video-carousel .video-icon { width: 48px; height: 48px; background: #ED1C24; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .clp-video-carousel .video-icon > img { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .clp-video-carousel .video-header { width: 100%; max-width: 269px; padding: 16px; box-sizing: border-box; background: #FFFFFF; }

  .clp-video-carousel .video-header > h3 { font: bold 14px Roboto, Arial, sans-serif; color: #000000; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .clp-video-carousel { max-width: 832px; }

  .clp-video-carousel .img-container { position: relative; }

  .clp-video-carousel .video-img { width: 269px; max-width: 100%; height: 152px; display: block; }

  .clp-video-carousel .video-icon { width: 48px; height: 48px; background: #ED1C24; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .clp-video-carousel .video-icon > img { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .clp-video-carousel .video-header { width: 100%; max-width: 269px; padding: 16px; box-sizing: border-box; background: #FFFFFF; }

  .clp-video-carousel .video-header > h3 { font: bold 14px Roboto, Arial, sans-serif; color: #000000; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px; }
}

@media (max-width: 767px) {
  .clp-video-carousel.g-carousel { width: 100%; }

  .clp-video-carousel .g-carousel-title { width: 100%; margin: 0 auto 48px; }

  .clp-video-carousel .img-container { position: relative; }

  .clp-video-carousel .video-img { width: 100%; max-width: 100%; height: auto; display: block; }

  .clp-video-carousel .video-icon { width: 48px; height: 48px; background: #ED1C24; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .clp-video-carousel .video-icon > img { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

  .clp-video-carousel .video-header { width: 100%; max-width: 260px; padding: 16px 20px; box-sizing: border-box; background: #FFFFFF; }

  .clp-video-carousel .video-header > h3 { font: bold 14px Roboto, Arial, sans-serif; color: #000000; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0px; }

  .clp-video-carousel a.gallery-btn { margin-left: 0px; }
}