@media only screen and (max-width: 800px){
    
    /* Invisalign Info */

    .invisalign-info-bg{
        opacity: .5;
    }
    .invisalign-info-content-wrapper{
        width: 100% !important;
        padding: 30px !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .invisalign-info-content{
        padding: 0 !important;
    }
    .invisalign-info-content-image .main-logos{
        width: 270px !important;
    }
    .invisalign-info-image-area{
        margin-top: 20px !important;
        background: transparent !important;
        height: fit-content !important;
        width: 100% !important;
        display: flex !important;
        justify-content: end !important;
    }
    .invisalign-info-image{
        width: fit-content !important;
    }
    .invisalign-info-image-area-bg, .invisalign-info-image-area img{
        display: none !important;
    }
    .invisalign-info-content-image{
        display: flex !important;
        flex-direction: row !important;
        justify-content: end !important;
    }
    .invisalign-info-image-area-enquiry{
        position: static !important;
        width: fit-content !important;
        min-width: 216px !important;
    }

    /* End Invisalign Info */
}


@media only screen and (min-width: 1240px){

    /* Invisalign Info Bottom*/
    .invisalign-info-bottom-outside{
        justify-content: start !important;
        padding-left: 100px !important;
    }
    .invisalign-info-bottom-outside-item{
        justify-content: start !important;
    }
    .invisalign-info-bottom-outside-wrapper{
        width: calc(400px * 3) !important;
    }

    /* End Invisalign Info Bottom   */
}

@media only screen and (max-width: 512px){
    .invisalign-info-bottom-outside-wrapper {
        width: calc(100% - 40px) !important;
    }
}