* {
    margin: 0px;
    padding: 0px;
}

#banner {
    width: 100%; 
    height: 630px;
}

#banner .banner-video, 
#banner .banner-video-ios, 
#banner .banner-video-android {
    width: 100%; 
    height: 100%;
}

#banner .banner-video #video-bg{
    position: absolute;
    top: -10%; 
    left: 0%;
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
    min-width: 100%; 
    width: 100%; 
    height: auto;
    z-index: -1; 
    overflow: hidden
}

#banner .banner-video-ios  { 
    margin: 0px;
    padding: 0px;
}

#banner .banner-video-ios #video-bg-ios { 
    margin: 0px;
    padding: 0px;
    position:relative;
    float:right;
    z-index:999;
}

#banner .banner-video-android{ 
    margin: 0px;
    padding: 0px;
    position:relative;
    float:right;
}

#banner .banner-video-android #video-bg-android {
    margin: 0px;
    padding: 0px;
    position:relative;
    float:right;
}
    
@media only screen and (max-width: 1250px) {
    #banner .banner-video #video-bg {
        top: 0% !important;
    }
}	

@media only screen and (max-width: 736px) {
    
    #banner {
        width: 100%; 
        position: relative;
    }

    #banner .banner-video #video-bg {
        position: relative;
        top: 0%; 
        left: 0%;
    }
}

@media only screen and (max-width: 640px) {

    #banner .banner-video-ios #video-bg-ios {

    }
}