/* .mbz_input_container_tooltip styles for 320px to 475px screen resolutions.*/
@media (min-width: 320px) and (max-width: 475px) {
    .mbz_input_container_password_help_tooltip_content {
        right: 0;
        width: 100%;
        max-width: 475px;
        margin: 0 0 15px;
    }

    .mbz_input_container_password_help_tooltip_content:before {
        left: unset !important;
        top: 45px;
        right: 20px;
        transform: rotate(90deg);
    }
}

/* .mbz_input_container_tooltip styles from 320px to 1024x screen resolutions.*/
@media (min-width: 320px) and (max-width: 1024px) {
    .mbz_input_container_password_help_tooltip_content {
        top: 55px;
        right: 0;
        width: 100%;
    }

    .mbz_input_container_password_help_tooltip_content:before {
        left: unset;
        right: 44px;
        top: -18px;
        transform: rotate(90deg);
    }
}

/* .mbz_input_container_tooltip styles for 701px to 1024px screen resolutions.*/
@media (min-width: 701px) and (max-width: 1024px) {
    .mbz_input_container_password_help_tooltip_content {
        right: 0;
        top: 55px;
        width: 100%;
    }
}

/* .mbz_input_container_tooltip styles for 1289px and above screen resolutions.*/
@media (min-width: 1289px) {
    .mbz_input_container_password_help_tooltip_content {
        width: 53%;
        top: 0;
        right: -53.5%;
    }

    .mbz_input_container_password_help_tooltip_content:before {
        left: -10px;
		top: 5px;
    }
}

/* .mbz_input_container_tooltip styles from 1024px to 1288px screen resolutions.*/
@media (min-width: 1024px) and (max-width: 1288px) {
    .mbz_input_container_password_help_tooltip_content {
        top: -305px;
        right: 0;
        width: 390px;
    }

    .mbz_input_container_password_help_tooltip_content:before {
        left: unset;
        right: 40px;
        bottom: -16px;
        transform: rotate(270deg);
    }
}

/* .mbz_input_container styles for 700px and below screen resolutions. */
@media (max-width: 1024px) {
    #main-content .et_pb_row_1 form > ul > li,
    #mbz_trial_form .mbz_input_container,
    #mbz_instance_create_form .mbz_input_container {
        width: 100%;
    }

    .entry-content form .mbz-instance-footer-section a,
    .mbz-instance-footer-section .mbz_delete_trial_data_btn {
        margin-bottom: 10px;
    }

    .mbz_input_container.mbz_instance_create_country_details > div {
        flex-wrap: wrap;
    }

    .mbz_input_container.mbz_instance_create_country_details span {
        flex-basis: 100%;
        max-width: 100%;
    }
}

/* #mbz_instance_create_instance_name and #mbz_instance_convert_trial_instance_name styles for 1200px and below screen resolutions. */
@media (max-width: 1200px) {
    #mbz_instance_create_form li:nth-child(2) #mbz_instance_create_instance_name,
    #mbz_instance_convert_form li:first-child #mbz_instance_convert_trial_instance_name {
        padding-right: 140px;
    }
}