@media (min-width: 769px) and (max-width: 1023px) {
    /* step1 */
		.titulo-modal, 
		.text-modal, 
		.text-modal2,modal-body button {
			text-align: center;
		}

    .close {

        margin-right: 10px;
        margin-top: 10px;
    }
    .headerRow {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-left: 10px;
    }

    #wizardRegButton{
        margin-top: -35px;
        padding-top: 0px;
    
    }

    .headerRight {
        font-size: 16px;
        font-family: 'BentonSansBBVA-Medium';
        top: 65%;
        width: 100%;
        left: auto;
        position: relative; 
    }

    .form-horizontal .getCedula {
        width: 100%;
        margin-right: 0px;
        margin-top: 15px;
        background-color: #f5f7fa;
        border-radius: 16px;
    }
    
    .login-sidebar {
        width: 280px;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .notification {
        float: right;
        position: relative;
        top:15px;
    }

    .rstep1btn {

        margin-top: 0px;
    }

    .wizard .step-container {
        height: 700px !important;
    }

    .step-container {
        max-width: 755px !important;
        width: 100% !important;
    }

    .step-indicator {
        display: inline-block;
        font-size: 14px;
        margin-bottom: 24px;
        background-color: #fff;
        padding: 6px 12px;
        border-radius: 20px;
        text-wrap: nowrap;
        font-weight: 300;
        font-style: italic;
        margin-top: 10px;
    }
    
    /* ==========================================================================
    Para modal del step1
    ========================================================================== */

    #miModal .modal-content {
        width: 90% !important;
        max-width: 900px !important;
        margin: 5% auto !important;
    }
    
    #miModal .modal-header.modal-body {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }

    #miModal .parte1 { width: 100% !important;  }
    #miModal .parte2 { display: none; }

    .boton-modal {
        margin-left: 50% !important;
    }
   
    

    /* ==========================================================================
    Inicio step2
    ========================================================================== */


    p.tx-dat.mensajesAEM {
        margin-top: 0%!important; /**fix para un error de posicionamiento**/
    }


    .wizard .button-bar {
    margin-top:-115px !important;
    margin-left: 0px !important;
    }


    .img21 {
        width: 168px;
        height: 168px;
    }
    .img12 {
        width: 168px;
        height: 168px;
    }


    #formAltaCliente .button-bar.clearfix #wizardNext {
        margin: -10px auto !important;
    }


    /* ==========================================================================
    Inicio clave digital
    ========================================================================== */

    .messagesAEM p {
        margin-top: 12px !important;
        font-size: 16px !important;

    }   
    .img-text {
         margin-top: 1% !important;
    }

    #Registro-step2 .sub-step {
        height: 640px;
        margin: 3vw !important;
    }

    .claveDigbtn {
        margin-top: -20px;
    }

    .timer-container {
        width: 135px;
        height: 135px;
        position: relative;
        margin: 0px auto;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .imagenesssss {
        width: 70px;
        height: 70px;
        margin-bottom: 15px;
    }


    .form-group {
        padding: 2rem;
    }



    /* ==========================================================================
    Inicio Clave de acceso
    ========================================================================== */


    .mega-content{
        max-width: 500px !important;
        margin: 0 auto !important;
    }


    .notification {
        max-width: 350px;
    }

    .form-control {
        width: 450px;
    }

    label.esp {
        margin-left: -450px;
    }



     .wrapped-CmbClave{
		display: flex;
		column-gap: 3rem;
		margin-top: 46px;
	}


    /* ==========================================================================
    Mensaje de cierre de sesion
    ========================================================================== */

    .modal-content {
        width: 75vw;

    }



    /* ==========================================================================
    Msg error: no podemos continuar  
    ========================================================================== */

    .errorWizard {

        display: flex;
        flex-direction: column;
    }

    .ocultar {
        margin: auto;
    }

    .erbtn10{
        margin-left: 40%!important;
        margin-top: -280px;
    }
    



}