@media (min-width: 500px) and (max-width: 768px) {

    /* CLASES COMUNES CON LA WEB */
    .small-hr {
        width: 80%;
    }

    .btn-continuar-img {
        background-image: url(../images/ORANGE-BTN-BG-BIG.png);
        background-position: bottom;
        background-size: 100%;
    }

    .background-turno {
        color: var(--COLOR-ORANGE);
        background-image: url(../images/ORANGE-BTN-BG-TURNO.png);
        background-repeat: no-repeat;
        background-position-y: -17px;
        background-size: contain;
        background-position-x: 150px;
    }

    .background-cita {
        color: var(--COLOR-ORANGE);
        background-image: url(../images/ORANGE-BTN-BG-CITA.png);
        background-repeat: no-repeat;
        background-position-y: -17px;
        background-size: contain;
        background-position-x: 150px;
    }

    .common-header {
        display: flex;
        font-family: FONT-BOLD;
        font-size: 20pt;
        color: var(--COLOR-WHITE);
        text-align: center;
        margin-left: 10%;
        width: 80%;
    }

    .titular-web {
        margin-top: 0;
        font-size: 18pt;
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .contenedor-principal {
        background-color: var(--COLOR-BLACK);
        font-family: FONT-PRIMARY;
        width: 80%;
        position: relative;
        padding-bottom: 25px;
        margin-left: 10%;
        text-align: center;
    }

    .titular-section {
        font-size: 16pt;
    }

    .input-tiendas {
        font-size: 20pt;
    }

    .container-buttons-repeat {
        margin-bottom: 5%;
    }

    .container-button-back {
        margin-top: 5%;
    }

    .btn-back {
        margin-top: 0;
    }

    .btn-listados {
        width: 75%;
    }

    .text-aceptarTerminos {
        font-size: 16pt;
        margin-top: 0;
        line-height: 20pt;
    }

    .ui-select-bootstrap .ui-select-choices-row > span {
        padding: 5px 0;
    }

    .ui-select-bootstrap .ui-select-match-text {
        font-size: 25pt;
    }

    input[type="search" i] {
        -webkit-appearance: searchfield;
        box-sizing: border-box;
        padding: 3px;
        font-size: 16pt;
    }

    .ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
        width: 94%;
    }

    .citaClon-Tittle {
        font-size: 15pt;
    }

    .espera-aforo {
        display: flex;
        text-align: center;
        width: 100%;
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .ui-select-placeholder {
        font-size: 20pt;
    }

    .btn-CitaRepetida {
        font-size: 25pt;
        line-height: 2;
    }

    .cliente-services-look {
        font-size: 18pt;
    }

    .texto-spinner {
        font-size: 32pt;
        margin-top: 80%;
    }

    /* ************************************************************************************************************ */
    /* CLASES PROPIAS PARA LA VERSIÓN IPAD - TABLET */
    .ipadless {
        font-size: 25pt;
        line-height: 1.4;
    }

    .volver-atras-especial {
        margin-top: 30px;
    }

    /* ************************************************************************************************************ */

    .btn-check01, .btn-check02 {
        width: 70px;
        margin-top: 0;
    }
}