@media screen and (max-width: 640px) {
    .container_pasos_mitad{
        width: 98% !important;
        margin-right: 0px ;
        padding: 5px 5px 5px 5px;
    }

    #agenda_paso_1 div.container_pasos_mitad{
        width: 46% !important;
        display: inline-block;
        float: left;

    }

    #agenda_paso_1 div.container_pasos_mitad label{
        font-size: 0.7em

    }


     #agenda_paso_4 div.container_pasos_mitad{
        width: 100% !important;
        display: inline-block;

    }

    div.divVolver{
        width: 45% !important;
        display: inline-block;
       margin: 0px 10px 5px 5px;

    }
    div.divSiguiente{
        width: 48% !important;
        display: inline-block;
        margin: 0px 5px 25px 5px;

    }

    .container_pasos_mitad_resumen, .container_pasos_mitad_rigth_resumen {
        width: 98%;
        float: left;
    }

    .container_pasos_mitad_rigth_resumen {
        margin-right: 0px;
    }


    #veragenda_paso_1{
        margin-left: -15px;
    }

    #veragenda_paso_agendaanulada div.divSiguientee{
        width: 100%;
        margin-bottom: 25px;
        padding: 0 0% 0% 0%;
    }

    #veragenda_paso_agendaanulada div.roww{
        padding: 0px !important;
    }

    #veragenda_paso_agendaanulada{
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        background-color: #fff;
    }



    .notificaciones {
        padding: 0px 0px 5px 15px  !important
        
    }

    .section__step_bajo {
        font-size: 0.7rem;
        width: 33%;
    }

    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
        max-width:100%;
    }


    #agenda_paso_1 img {max-width: 98%;}

    #agenda_paso_1 div.container_pasos_mitad2 {width: 50% !important;padding: 5px;}
   .container_pasos_mitad222 div.divVolver,.container_pasos_mitad222 div.divSiguiente {width: 98% !important;margin: 10px;}

   .col-md-12.px-md-0,div.container.linea_steps{padding-left: 5px;}


   #agenda_paso_1,#agenda_paso_2,#agenda_paso_3,#agenda_paso_4,#agenda_paso_5,#agenda_paso_6,div.container.linea_steps{
     margin: auto 5px auto 5px;
   }

   .form-control { width: 97%;}

   #agenda_paso_3 div.divVolver,#agenda_paso_4 div.divVolver,#agenda_paso_5 div.divVolver,#veragenda_paso_1 div.divVolver,#veragenda_paso_agendadetalle div.divVolver{
        width: 42% !important;
        margin: 0px 0px 5px 5px;
   }

   .container_pasos_mitad_rigth{ float:left }

} /**********fin de pantalla responsivo**************/