/* Carousel Height Fix (added after Release 16)*/
.carousel--hero,
.carousel--hero .carousel-inner,
.carousel--hero .carousel-inner .item {
    height: auto;
    min-height: 200px;
}

.bread-crumb .col-12 {
    height: 0;
    min-height: auto;
}


@media screen and (min-width: 768px) {
    .carousel--hero {
        min-height: 340px;
        max-height: 340px;
    }

    .carousel--hero,
    .carousel--hero .carousel-inner .item {
        height: 340px;
        max-height: none;
    }

    .carousel--hero .carousel-inner > .item > a > img {
        min-height: 340px;
    }

    .metlife-theme1.carousel--hero,
    .metlife-theme1.carousel--hero .carousel-inner,
    .metlife-theme1.carousel--hero .carousel-inner .item {
        height: 340px;
        min-height: 300px;
    }

    .metlife-theme1.carousel--hero .carousel-inner > .item > a > img {
        min-height: 340px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel--hero,
    .carousel--hero .carousel-inner,
    .carousel--hero .carousel-inner .item {
        height: 500px;
    }

    .carousel--hero .carousel-inner > .item > a > img {
        min-height: 500px;
        top: inherit;
    }

    .metlife-theme1.carousel--hero,
    .metlife-theme1.carousel--hero .carousel-inner,
    .metlife-theme1.carousel--hero .carousel-inner .item {
        height: 460px;
        min-height: 460px;
    }

    .metlife-theme1.carousel--hero .carousel-inner > .item > a > img {
        min-height: 460px;
    }
}