@media (min-width: 1920px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
    .container-fluid, .container{
        max-width: 100%;
    }

    .banner-title{
        font-size: 24px;
    }

    .banner-sub-title{
        font-size: 12px;
    }

    .div__form .form-title {
        font-size: 12px !important;
    }

    .div__form p {
        font-size: 10px;
    }

    .div__form .text-title-thankyou {
        font-size: 32px !important;
    }
    
    .div__form .text-sub-title-thankyou {
        font-size: 16px !important;
    }
}

@media (max-width: 767.98px) {
    
}

@media (max-width: 575.98px) {
    .pp-logo {
        width: 100% !important;
    }

    .div__banner {
        min-height: 811px;
    }

    .div__banner > .banner-background {
        background-image: url(../images/banner-mobile.png);
        background-position: center;
    }

    .div__banner .overlay__banner {
        top: unset;
        bottom: 0px;
        height: 20%;
    }

    .div__banner .overlay-text{
        position: absolute;
        top: -400%;
        padding: 3rem 1rem !important;
    }

    .div__banner .overlay__banner div > [class^='banner-'] {
        color: #000000;
        font-weight: bold;
    }

    .div__banner .overlay__banner .overlay-text .banner-title {
        font-size: 32px;
    }

    .div__banner .overlay__banner .overlay-text .banner-sub-title {
        font-size: 12px;
        font-style: italic;
    }

    .div__banner .overlay-text .text-banner-highlighted{
        color: #045481 !important;
    }

    .div__form {
        padding-left: 10px !important;
        background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.8), rgba(245, 246, 252, 0.8)), url(../images/banner.png);
        background-position: 20%;
    }

    .div__form .form-header {
        display: flex;
        flex-direction: column;
    }

    .div__form .form-img-logo {
        margin-left: 60%;
    }

    .div__form .logo-Bupa, .div__form .logo-axa{
        max-width: 20% !important;
    }

    .div__form .form-header ~ p{
        margin-top: -6%;
        margin-bottom: 25px;
    }

    .div__form .p-bottom {
        margin-top: 0 !important;
    }

    .div__form .form-title {
        font-size: 25px !important;
    }

    .div__form p {
        font-size: 18px !important;
    }

    .content-img {
        display: none;
    }

    .div__form .icon-mark{
        align-self: center;
        padding-bottom: 10px;
    }

    .div__form .text-title-thankyou {
        font-size: 36px !important;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    
    .div__form .text-sub-title-thankyou {
        font-size: 18px !important;
        text-align: center;
    }

    .__footer {
        text-align: center;
    }
}

@media (max-width: 425.98px) {
    .div__form .form-title {
        font-size: 18px !important;
    }

    .div__form p {
        font-size: 12px !important;
    }

}