.agile-widget-tiles { margin: auto; clear:both; }
.agile-widget-tiles .agl-show { position: relative; margin-bottom: 16px; border: solid 0px #333333; float: left; overflow: hidden; color: white; background-color: black; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.5); transition: 0.3s; }
.agile-widget-tiles .agl-thumb { text-align: center; max-height: 200px; overflow: hidden; }
.agile-widget-tiles .agl-thumb img { width: 100%; }
.agile-widget-tiles .agl-name { font-weight: bold; padding: 8px; }
.agile-widget-tiles .agl-desc { padding: 8px; padding-top: 0px; padding-bottom: 16px; }
.agile-widget-tiles .agl-view { background-color: white; display: block; width: 100px; text-align: center; border-top-left-radius: 8px; position: absolute; bottom: 0px; right: 0px; border: solid 1px #111111; z-index: 100; }
.agile-widget-tiles .agl-showtimes { background-color: white; display: block; width: 100px; text-align: center; border-top-right-radius: 8px; position: absolute; bottom: 0px; left: 0px; border: solid 1px #111111; z-index: 100; }
.agile-widget-tiles .agl-showings { position: relative; transition: all 0.25s linear; position: absolute; top: 0px; left: 0px; height: 0px; width: 100%; }
.agile-widget-tiles .agl-showings-inner { max-height: calc(100% - 25px); width: 100%; position: absolute; bottom: 0px; overflow: auto; margin-bottom: 25px; text-align: center; }
.agile-widget-tiles .agl-showings.open { transition: all 0.25s linear; display: block; width: 100%; height: 100%; z-index: 99; background-color: rgba(0,0,0,0.8); }
.agile-widget-tiles .agl-showtime { text-align: center; margin: 8px; margin-bottom: 0px; background-color: white; color: black; border-radius: 8px; }
.agile-widget-tiles .agl-pager { clear: both; text-align: center; }
.agl-pager .agl-inner { display: inline-block; margin:auto; }
.agl-pager a { font-weight: normal; background-color: #e3e3e3; border-radius: 4px; display: inline-block; margin: 2px; padding: 4px 8px; }

@media (min-width: 768px) {
    .agile-widget-tiles .agl-show { height: 400px; width: 31%; margin-left: 1%; margin-right: 1%; }
}