.carousel {
    height: inherit;
}

.txt-banner {
    color: #ffffff;
}


.sticky .navigation-front-STA {
    background: rgba(12, 59, 72, 0.5)
}

element.style {
}

.carousel-inner
{
    overflow: inherit; /*PAra que se vea baner debajo de menú*/
}
    @media only screen and (-webkit-device-pixel-ratio: 2) and (max-device-width: 680px) and (min-device-width: 320px) and (orientation: portrait) {

        .carousel-inner {
            height: inherit;
            min-height: 200px;
        }

            .carousel-inner .item {
                min-height: 200px;
            }

            .carousel-inner > .item > img {
                min-height: 200px;
                width: auto;
                /*  max-width:initial;
            background-position: right; 
            background-size: cover;
            min-height: 670px*/
            }

        .responsive {
            width: 100%;
            height: auto;
        }
    }

    @media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait) {
        .barra-botes {
            margin-top: 25px;
        }
    }