/*Media Query Start*/

@media only screen and (min-width: 1366px) and (max-width: 1500px) {
    .banner_text img {
        position: absolute;
        top: 0;
        left: -4px;
        z-index: -1;
        height: 808px;
        width: 814px;
    }
    .bumper img {
        top: -116px;
        position: absolute;
        left: -105px;
        z-index: -1;
    }
    .banner_img img {
        position: absolute;
        top: 0;
        right: -140px;
        z-index: -2;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .carousel-item.active {
        height: 91vh;
    }
    .bumper img {
        top: -81px;
        position: absolute;
        left: -110px;
        z-index: -1;
    }
    .banner_img img {
        position: absolute;
        top: 0;
        right: -230px;
        z-index: -2;
    }
    .banner_text img {
        position: absolute;
        top: 0;
        left: -4px;
        z-index: -1;
        height: 735px;
        width: 700px;
    }
    .top-bar-left ul li {
        color: #fff;
        font-size: 13px;
    }
    .top-bar-left ul li a {
        color: #fff;
        font-size: 12px;
    }
    .Timings {
        background: #180e1f;
        width: 200px;
        text-align: center;
        padding: 36px;
        border-radius: 55px;
        position: absolute;
        top: 8px;
        right: 0px;
        height: 206px;
    }
    .Years {
        background: #4d2468;
        width: 200px;
        text-align: center;
        padding: 46px;
        border-radius: 50px;
        position: absolute;
        bottom: 7px;
        left: 2px;
        height: 205px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {}


/*Media Query End*/