@media screen and (max-width: 400px) {
  .module-video-page{
    padding:5px;
  }
}

.video-titles {
 	font-size: 22px !important;
    font-weight: 600;
}
.video-caption {
 	font-size: 15px !important;
  	color: white;
  	background: rgba(0,0,0,0.4);
}
.video-caption a:link, .video-caption a:visited {
  color: #f299b5;
}
.video-cell {
  padding: 0 10px; margin-bottom: 20px; min-width: 300px;
}

.videocontain {
  background-color: #fff;
  width:100%;
}
.click-to-play-video {
  cursor:pointer;
  width:370px;
  height:209px;
  margin:5px;
  position:relative;
}
/* Generated by http://css.spritegen.com CSS Sprite Generator */
 
#vid-abletonscript.v-off, #vid-abletonscript.v-on, #vid-adrum.v-off, #vid-adrum.v-on, #vid-app.v-off, 
#vid-app.v-on, #vid-arturia.v-off, #vid-arturia.v-on, #vid-avox.v-off, #vid-avox.v-on, 
#vid-beatbat.v-off, #vid-beatbat.v-on, #vid-bitwigscript.v-off, #vid-bitwigscript.v-on, #vid-create.v-off, 
#vid-create.v-on, #vid-daiza.v-off, #vid-daiza.v-on, #vid-dance.v-off, #vid-dance.v-on, 
#vid-drum.v-off, #vid-drum.v-on, #vid-envelop.v-off, #vid-envelop.v-on, #vid-gaming.v-off, 
#vid-gaming.v-on, #vid-hendrix.v-off, #vid-hendrix.v-on, #vid-hip.v-off, #vid-hip.v-on, 
#vid-key.v-off, #vid-key.v-on, #vid-logiclong.v-off, #vid-logiclong.v-on, #vid-max.v-off, 
#vid-max.v-on, #vid-modmpe.v-off, #vid-modmpe.v-on, #vid-modular.v-off, #vid-modular.v-on, 
#vid-mpe.v-off, #vid-mpe.v-on, #vid-mpo.v-off, #vid-mpo.v-on, #vid-overview.v-off, 
#vid-overview.v-on, #vid-pressure.v-off, #vid-pressure.v-on, #vid-remixing.v-off, #vid-remixing.v-on, 
#vid-stream01.v-off, #vid-stream01.v-on, #vid-stream02.v-off, #vid-stream02.v-on, #vid-thomp.v-off, 
#vid-thomp.v-on, #vid-veo.v-off, #vid-veo.v-on, #vid-whatdo.v-off, #vid-whatdo.v-on
{ display: inline-block; background: url('https://cdn.shopify.com/s/files/1/1796/0747/files/videopage_sprites.jpg?11655241928477432771') no-repeat; overflow: hidden; }
 
#vid-abletonscript.v-off { background-position: -5px -0px; width: 370px; height: 209px; }
#vid-abletonscript.v-on { background-position: -380px -0px; width: 370px; height: 209px; }
#vid-adrum.v-off { background-position: -755px -0px; width: 370px; height: 209px; }
#vid-adrum.v-on { background-position: -1130px -0px; width: 370px; height: 209px; }
#vid-app.v-off { background-position: -1505px -0px; width: 370px; height: 209px; }
#vid-app.v-on { background-position: -1880px -0px; width: 370px; height: 209px; }
#vid-arturia.v-off { background-position: -2255px -0px; width: 370px; height: 209px; }
#vid-arturia.v-on { background-position: -5px -214px; width: 370px; height: 209px; }
#vid-avox.v-off { background-position: -380px -214px; width: 370px; height: 209px; }
#vid-avox.v-on { background-position: -755px -214px; width: 370px; height: 209px; }
#vid-beatbat.v-off { background-position: -1130px -214px; width: 370px; height: 209px; }
#vid-beatbat.v-on { background-position: -1505px -214px; width: 370px; height: 209px; }
#vid-bitwigscript.v-off { background-position: -1880px -214px; width: 370px; height: 209px; }
#vid-bitwigscript.v-on { background-position: -2255px -214px; width: 370px; height: 209px; }
#vid-create.v-off { background-position: -5px -428px; width: 370px; height: 209px; }
#vid-create.v-on { background-position: -380px -428px; width: 370px; height: 209px; }
#vid-daiza.v-off { background-position: -755px -428px; width: 370px; height: 209px; }
#vid-daiza.v-on { background-position: -1130px -428px; width: 370px; height: 209px; }
#vid-dance.v-off { background-position: -1505px -428px; width: 370px; height: 209px; }
#vid-dance.v-on { background-position: -1880px -428px; width: 370px; height: 209px; }
#vid-drum.v-off { background-position: -2255px -428px; width: 370px; height: 209px; }
#vid-drum.v-on { background-position: -5px -642px; width: 370px; height: 209px; }
#vid-envelop.v-off { background-position: -380px -642px; width: 370px; height: 209px; }
#vid-envelop.v-on { background-position: -755px -642px; width: 370px; height: 209px; }
#vid-gaming.v-off { background-position: -1130px -642px; width: 370px; height: 209px; }
#vid-gaming.v-on { background-position: -1505px -642px; width: 370px; height: 209px; }
#vid-hendrix.v-off { background-position: -1880px -642px; width: 370px; height: 209px; }
#vid-hendrix.v-on { background-position: -2255px -642px; width: 370px; height: 209px; }
#vid-hip.v-off { background-position: -5px -856px; width: 370px; height: 209px; }
#vid-hip.v-on { background-position: -380px -856px; width: 370px; height: 209px; }
#vid-key.v-off { background-position: -755px -856px; width: 370px; height: 209px; }
#vid-key.v-on { background-position: -1130px -856px; width: 370px; height: 209px; }
#vid-logiclong.v-off { background-position: -1505px -856px; width: 370px; height: 209px; }
#vid-logiclong.v-on { background-position: -1880px -856px; width: 370px; height: 209px; }
#vid-max.v-off { background-position: -2255px -856px; width: 370px; height: 209px; }
#vid-max.v-on { background-position: -5px -1070px; width: 370px; height: 209px; }
#vid-modmpe.v-off { background-position: -380px -1070px; width: 370px; height: 209px; }
#vid-modmpe.v-on { background-position: -755px -1070px; width: 370px; height: 209px; }
#vid-modular.v-off { background-position: -1130px -1070px; width: 370px; height: 209px; }
#vid-modular.v-on { background-position: -1505px -1070px; width: 370px; height: 209px; }
#vid-mpe.v-off { background-position: -1880px -1070px; width: 370px; height: 209px; }
#vid-mpe.v-on { background-position: -2255px -1070px; width: 370px; height: 209px; }
#vid-mpo.v-off { background-position: -5px -1284px; width: 370px; height: 209px; }
#vid-mpo.v-on { background-position: -380px -1284px; width: 370px; height: 209px; }
#vid-overview.v-off { background-position: -755px -1284px; width: 370px; height: 209px; }
#vid-overview.v-on { background-position: -1130px -1284px; width: 370px; height: 209px; }
#vid-pressure.v-off { background-position: -1505px -1284px; width: 370px; height: 209px; }
#vid-pressure.v-on { background-position: -1880px -1284px; width: 370px; height: 209px; }
#vid-remixing.v-off { background-position: -2255px -1284px; width: 370px; height: 209px; }
#vid-remixing.v-on { background-position: -5px -1498px; width: 370px; height: 209px; }
#vid-stream01.v-off { background-position: -380px -1498px; width: 370px; height: 209px; }
#vid-stream01.v-on { background-position: -755px -1498px; width: 370px; height: 209px; }
#vid-stream02.v-off { background-position: -1130px -1498px; width: 370px; height: 209px; }
#vid-stream02.v-on { background-position: -1505px -1498px; width: 370px; height: 209px; }
#vid-thomp.v-off { background-position: -1880px -1498px; width: 370px; height: 209px; }
#vid-thomp.v-on { background-position: -2255px -1498px; width: 370px; height: 209px; }
#vid-veo.v-off { background-position: -5px -1712px; width: 370px; height: 209px; }
#vid-veo.v-on { background-position: -380px -1712px; width: 370px; height: 209px; }
#vid-whatdo.v-off { background-position: -755px -1712px; width: 370px; height: 209px; }
#vid-whatdo.v-on { background-position: -1130px -1712px; width: 370px; height: 209px; }