@media(max-width: 767px) {
    .top-banner {
        height: 48vh !important;
    }
}
@media (max-width: 400px){
    .top-banner {
        height: 33vh !important;
    }
    .bannerImg {
        max-width: 91%;   
    }
   
}


@media (max-width: 1199px) {
    .top-banner-override {
        height: 56vh !important;
    }
}
@media (max-width: 504px) {
    .top-banner-override {
        height: 60vh !important;
    }
}
@media (max-width: 420px) {
    .top-banner-override {
        height: 52vh !important;
    }
}

/* Enhanced FDB Styling BEGINS here */
.efdb_Overview {
    display: grid;
    grid-template-columns: 60% 40%;
    grid-gap: 10px;
    color: #454545;
    font-family: "Open Sans";
    font-size: 12.5px;
    line-height: 18px;
}
.efdb_Dosing {
    padding-right:15px;
}

.efdb_Cell {
    vertical-align: top;
    padding: 5px;
}

.efdb_CellImage {
    vertical-align: top;
    padding: 0;
    text-align: center;
}


.eFdb-rotating-image-box {
    /*width: 288px;
    height: 216px;*/
    /**/
}



.jcarousel {
    height: 250px !important;
    border: none !important;
}

.jcarousel img {
    display: block;
    height: 216px !important;
    max-height: 216px;
    border: none !important;
    padding: 0 !important;
    position: relative;
    left: 49%;
    transform: translate(-50%, 0%);
    vertical-align: middle;
}

.eFdbImageWrapper {
    border: 2px #d2d2d2 solid !important;
    border-radius: 8px 8px 0 0;
    background-color: #f8f8f8;
}
.eFdbImageHeader {
    width: 100%;
    font-weight: bold;
    background-color: gainsboro;
}

.eFdbFeaturedText {
    padding-top: 9px !important;
}
.eFdbImageNavigation {
    background-color: gainsboro;
    padding-top: 2px;
    width: 283px;
    border: 2px #d2d2d2 solid !important;
}

.efdb_Indications {
    width:95%;
}


.jcarousel li {
    width: 288px !important;
    height: 216px !important;
}

.jcarousel-pagination {
    bottom: -24px !important;
}
.jcarousel-control-prev, .jcarousel-control-next {
    top: 34% !important;
}

.jcarousel-container {
    width: 82.5% !important;
}

/*Carousel*/
.multi-item-carousel {
    .carousel-inner

{
    > .item

{
    transition: 500ms ease-in-out left;
}

.active {
    &.left

{
    left: -33%;
}

&.right {
    left: 33%;
}

}

.next {
    left: 33%;
}

.prev {
    left: -33%;
}

/* Enhanced FDB Styling ENDS here */