﻿.master-slider {
    padding-bottom: 0;
}

.ms-slide .ms-caption {
    left: 0;
    max-width: 50% !important;
}

.ms-layer.ms-caption {
    padding: 0 20px;
    background: url(../Images/slider-caption.png) no-repeat right;
    display: flex;
    align-items: center;
    height: 100% !important;
}
.banCapBox {
    padding-right: 100px;
}
body .ms-view {
    overflow: initial;
}
.banCapBox h2 {
    margin-bottom: 8px;
    color: var(--white);
}
.banCapBox {
    font-size: 16px;
}
    .banCapBox a:after, .contentArea ul li:before, .dropTitle:after {
        content: "";
        height: 7px;
        width: 6px;
        background: transparent;
        background-size: contain;
        display: inline-block;
        margin-left: 4px;
        transition: all 0.3s;
    }

.dropTitle:after {
    transform: rotate(90deg);
    right: 30px;
    top: 22px;
    position: absolute;
}

.contentArea ul li:before {
    position: absolute;
    top: 10px;
    left: -20px;
}

.banCapBox a:hover:after {
    margin-left: 8px;
}

#banner .ms-bullets.ms-dir-h {
    left: 48% !important;
}

@media (max-width: 991px) {
    .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {
        position: relative !important;
    }
    #banner .ms-slide .ms-slide-layers {
        position: relative !important;
    }
    .banCapBox h2, 
    .banCapBox p, 
    .banCapBox *, 
    .ms-slide .ms-caption p {
        color: var(--darkgrey) !important;
    }
    .ms-layer.ms-caption {
        background: none !important;
        max-width: 93% !important;
        height: auto !important;
        padding: 0 3% !important;
    }
    .banCapBox {
        padding-right: 0 !important;
    }
    #banner .ms-view.ms-basic-view, #banner .ms-slide {
        height: 400px !important;
    }
}
