#owl{
direction:ltr !important
}
.video-background {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
height:459px;
width:100%;
overflow:hidden
}
.video-foreground,
.video-background iframe {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
pointer-events:none
}
#vidtop-content {
top:0;
color:#fff
}
.vid-info { position:absolute;
top:0;
right:0;
width:33%;
background:rgba(0,0,0,0.3);
color:#fff;
padding:1rem;
font-family:Avenir,Helvetica,sans-serif
}
.vid-info h1 { font-size:2rem;
font-weight:700;
margin-top:0;
line-height:1.2
}
.vid-info a { display:block;
color:#fff;
text-decoration:none;
background:rgba(0,0,0,0.5);
transition:.6s background;
border-bottom:none;
margin:1rem auto;
text-align:center
}
.desktop{
display:block
}
.mobile{
display:none
}
#gallerySlider {
height:100%;
right:0;
top:0;
width:100%;
white-space:nowrap;
position:absolute;
-moz-transition:right 0.4s ease;
-webkit-transition:right 0.4s ease;
transition:right 0.4s ease
}
#gallerySlider iframe {
display:inline-block;
max-height:100%;
max-width:100%;
vertical-align:middle;
top:30%;
bottom:0;
right:0;
left:0;
position:absolute;
margin:0 auto
}
@media (min-aspect-ratio:16/9) {
.video-foreground { height:300%;
top:-100%
}
}
@media (max-aspect-ratio:16/9) {
.video-foreground { width:300%;
right:-100%
}
}
@media all and (max-width:600px) {
.vid-info { width:50%;
padding:.5rem
}
.vid-info h1 { margin-bottom:.2rem
}
.video-background{  display:none
}
.desktop{
display:none
}
.mobile{
display:block
}
}
@media all and (max-width:500px) {
.vid-info .acronym { display:none
}
}
/* media query for anything smaller then desktop */
@media (max-width:1024px) {
.banner1{
background-image:url(../../../design/default/css/../images/mobile_banner1.jpg) !important
}
}