.navbar-inverse .navbar-nav > li > a.active, .navbar-inverse .navbar-nav > li > a:hover {
    color: #9D9D9D;
    background-color: transparent;
    border-bottom-color: #337AB7;
}



@media (min-width: 520px) and (max-width: 763px) {
    .text-middle {
        font-size: 17px;
    }
    .text-image {
        color: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-family: Arial;
        font-size: 25px;
        text-justify: inter-word;
    }

    .fig-principal-left {

        position: absolute;
        background-color: #ffffff;
        top: 45%;
        height: 6px;
        width: 23px;
    }

    .fig-principal-right {
        position: absolute;
        background-color: #ffffff;
        top: 45%;
        left: 91%;
        height: 6px;
        width: 23px;
    }
}

@media (min-width: 320px) and (max-width: 519px) {
    .text-middle {
        font-size: 12px;
    }
    .text-image {
        color: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-family: Arial;
        font-size: 20px;
        text-justify: inter-word;
    }

    .fig-principal-left {
        position: absolute;
        background-color: #ffffff;
        top: 45%;
        height: 6px;
        width: 23px;
    }

    .fig-principal-right {
        position: absolute;
        background-color: #ffffff;
        top: 45%;
        left: 89%;
        height: 6px;
        width: 23px;
    }
}

@media(max-width: 405px) {
    .fig-principal-left{display: none;}
    .fig-principal-right{display: none;}
}


@media(min-width: 320px) {
    .icon-kibu-service {
        width: 75%;
    }
}

@media (max-width: 764px) {
    .icon-kibu-service {
        width: 30%;
    }
}

@media (min-width: 992px) and (max-width: 1198px) {
    .bar-colors {
        width: 75%;
    }
}