.pagerbutton a {
    background-color: #fff;
    height: 50px;
    width: 50px;
    z-index: 10;
}

.pagerbutton a:hover {
    background-color: #009ddc;
}

.lSAction .lSPrev {
    left: 0 !important;
}

.lSAction .lSNext {
    right: 0 !important;
}

.lSPrev i, .lSNext i {
    font-size: 50px;
    padding-left: 15px;
}

.lSSlideOuter .lSPager.lSGallery li {
    border: 5px solid #fff;
    border-radius: 0px !important;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 5px solid #009ddc;
    border-radius: 0px !important;
}

.lSAction>a {
    opacity: 1;
}

.lSAction>a i:hover {
    color: #fff;
}


@media (max-width: 991.98px) {
    .lSSlideOuter .lSPager.lSGallery li {
        border: 4px solid #fff;
        border-radius: 0px !important;
    }

    .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
        border: 4px solid #009ddc;
        border-radius: 0px !important;
    }
}

@media (max-width: 767.98px) {
    .lSSlideOuter .lSPager.lSGallery li {
        border: 3px solid #fff;
        border-radius: 0px !important;
    }

    .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
        border: 3px solid #009ddc;
        border-radius: 0px !important;
    }
}