@media screen and (min-width: 768px) {
    .c-tab__nav > li {
        width: 22%;
    }
    .c-tab__nav > li.active > a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #8d51b8;
        position: absolute;
        top: 100%;
        left: 46%;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .c-tab__nav {
        margin: 15px;
    }
    .c-tab__nav > li {
        width: 30%;
        display: inline-block;
    }
    .c-tab__nav > li.active > a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #8d51b8;
        position: absolute;
        top: 99%;
        left: 46%;
        margin-left: 0;
    }
}

.c-background--pink-bg {
    background-image: url(../_img/prem-intimate-bleaching/img-hero-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.c-background--purple {
    background-color: #8d51b8;
}

.u-list--margin-left {
    margin-left: 20px;
}

.c-background--hero-model {
    background-image: url(../_img/prem-intimate-bleaching/img-hero-model.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}

.c-background--techniques-model {
    background-image: url(../_img/prem-intimate-bleaching/img-techniques-model.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left 100px;
}

@media screen and (max-width: 468px) {
    .c-background--hero-model {
        background-size: cover;
    }
}