@media (max-width: 1199.98px) {
    .parent {
        max-height: 800px;
    }

    .negative-margin {
        margin-top: 0;
    }
}

@media (max-width: 991.98px) {
    .parent {
        max-height: 608px;
    }

    .bannerContent {
        padding: 10px;
        font-size: .8rem;
    }

    .titleWrap p {
        padding: 0px 20px;
        font-size: .8rem;
    }
}

@media (max-width: 767.98px) {
    .parent {
        max-height: 615px;
    }

    .bannerContent {
        padding: 25px 25px 0;
        margin-top: 0;
        font-size: .6rem;
    }

    .div3 {
        grid-area: 8 / 1 / 7 / 8;
    }

    .marginLeft {
        margin-left: 0;
        position: relative;
        margin: 25px 0;
    }

    .mhbWrap {
        padding-top: 0;
    }
}

@media (max-width: 575.98px) {
    .parent {
        max-height: 586px;
    }
}

@media (max-width: 510px) {
    .parent {
        max-height: 536px;
    }
}

/* @media (max-width: 470px) {
    .parent {
        max-height: 405px;
    }
}
@media (max-width: 400px) {
    .parent {
        max-height: 350px;
    }
}
@media (max-width: 360px) {
.parent {
    max-height: 306px;
}
}

@media (max-width: 330px) {
    .parent {
        max-height: 287px;
    }
} */