ul {
    padding: 0;
    list-style: none;
}
ul:after {
    content: "";
    display: block;
    clear: both;
}
.home-slider-section {
    width: 100%;
}

#slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}
#slider-container ul li {
    float: left;
}
#slider-container ul li img {
    width: 100%;
    float: left;
}
.videoBG {
    width: 100%;
    height: 100%;
    float: left;
}

@media (min-width: 1200px) {
    .videoBG {
        max-height: 523px;
    }
}

@media (max-width: 1199px) {
    .videoBG {
        max-height: 400px;
    }
}

@media (max-width: 992px) {
    .videoBG {
        max-height: 340px;
    }
}

@media (max-width: 768px) {
    .videoBG {
        max-height: 263px;
    }
}

@media (max-width: 580px) {
    .videoBG {
        max-height: 145px;
    }
}

.videoBG video{
    width: 100%;
    float: left;
}
#slider-container .arrow {
    display: block;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-50%) scale(1);
    cursor: pointer;
}
#slider-container .arrow:before, #slider-container .arrow:after {
    content: "";
    display: block;
    width: 34px;
    height: 1px;
    position: absolute;
    background: white;
    border-top: 1px solid grey;
}
@media (max-width: 680px) {
    #slider-container .arrow {
        transform: translateY(-50%) scale(0.5);
    }
}
#slider-container .arrow.a-left {
    left: 15px;
}
#slider-container .arrow.a-left:before {
    top: 0;
    left: 0;
    margin-top: 0;
    transform: rotate(-45deg);
    transform-origin: 100% 0;
}
#slider-container .arrow.a-left:after {
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    transform: rotate(45deg);
    transform-origin: 100% 0;
}
#slider-container .arrow.a-right {
    right: 15px;
}
#slider-container .arrow.a-right:before {
    top: 0;
    right: 0;
    margin-top: 0;
    transform: rotate(45deg);
    transform-origin: 0 0;
}
#slider-container .arrow.a-right:after {
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    transform: rotate(-45deg);
    transform-origin: 0 0;
}
#slider-container .bullets-container {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}
#slider-container .bullets-container .bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #FFF424;
    cursor: pointer;
    margin: 0 8px;
}
#slider-container .bullets-container .bullet.active {
    background: #E20000;
}