@media screen and (max-device-width: 480px) {

    /* CLASES COMUNES CON LA WEB */
    body {
        padding-bottom: 0;
    }

    a {
        width: 100%;
        height: 120px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: bottom;
        line-height: 5;
    }

    img {
        margin-top: 20px;
    }

    span {
        font-size: 10pt;
    }

    .small-hr {
        width: 95%;
    }

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

    .background-turno {
        line-height: 5;
        font-size: 15pt;
        color: var(--COLOR-ORANGE);
        background-image: url(../images/ORANGE-BTN-BG-TURNO.png);
    }

    .background-cita {
        line-height: 5;
        font-size: 15pt;
        color: var(--COLOR-ORANGE);
        background-image: url(../images/ORANGE-BTN-BG-CITA.png);
    }

    .btn-check01 {
        background: url(../images/ORANGE-CHECK-01.png) no-repeat 0 0;
        width: 64px;
        margin-left: 0%;
        height: 46px;
        /* background-position: 0px -5px; */
        padding: 0;
        margin-right: 1%;
        margin-top: -9px;
    }

    .btn-check02 {
        background: url(../images/ORANGE-CHECK-02.png) no-repeat 0 0;
        width: 80px;
        margin-left: 0%;
        height: 46px;
        /* background-position: 0px -5px; */
        padding: 0;
        margin-right: 1%;
        margin-top: -9px;
    }

    .common-header {
        margin-left: 10px;
        font-size: 12pt;
        width: 90%;
    }

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

    .contenedor-principal {
        background-color: var(--COLOR-BLACK);
        font-family: FONT-PRIMARY;
        width: 90%;
        position: relative;
        margin-left: 5%;
        text-align: center;
    }

    .header-black {
        width: 100%;
        margin-left: 0%;
        margin-top: -20px;
    }

    .titular-section {
        font-size: 12pt;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .container-buttons {
        font-size: 16pt;
        margin: 0 auto;
        justify-content: center;
    }

    .btn-text {
        font-size: 16pt;
        line-height: 5;
    }

    .text-tienda-input {
        margin-top: 5px;
        font-size: 12pt;
    }

    .input-tiendas {
        width: 100%;
        margin-left: 0%;
        font-size: 11pt;
        height: 30px;
    }

    .texto-error {
        font-size: 20px;
    }

    .text-titular-section {
        font-size: 12pt;
    }

    .titular-ticket {
        font-size: 18pt;
    }

    .subtitulo-ticket {
        font-size: 12pt;
    }

    .contenido-ticket {
        font-size: 12pt;
    }

    .numero-turno {
        font-size: 30pt;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .container-button-back {
        margin-top: -20px;
    }

    .btn-back {
        font-size: 12pt;
        min-height: 30px;
        margin-left: 50%;
        width: 100%;
        line-height: 3;
        cursor: pointer;
        max-height: 45px;
    }

    .btn-listados {
        width: 75%;
        margin-left: 50%;
        font-size: 12pt;
        transform: translateX(-50%);
    }

    .contenido-rpgd {
        margin-left: 0%;
        margin-right: 0%;
        font-size: 10pt;
    }

    .text-aceptarTerminos {
        font-size: 10pt;
    }

    .text-data-important {
        font-size: 16pt;
    }

    .ui-select-bootstrap .ui-select-choices-row.active > span {
        font-size: 12pt;
        margin-left: 0;
    }

    .ui-select-bootstrap .ui-select-choices-row > span {
        margin-left: 0;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12pt;
    }

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

    input[type="search" i] {
        -webkit-appearance: searchfield;
        box-sizing: border-box;
        padding: 1px;
        width: 100%;
        font-family: FONT-PRIMARY;
        font-size: 12pt;
        color: var(--COLOR-ORANGE);
        background-color: var(--COLOR-WHITE);
    }

    .container-services {
        width: 93%;
    }

    .radio-btn-element {
        font-size: 10pt;
    }

    input[type="radio"] {
        height: 20px;

    }

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

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

    .nombre-tienda {
        font-size: 10pt;
    }

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

    .contenido-espera {
        font-size: 10pt;
        margin-top: 20px;
    }

    .verticalLine {
        height: 40px;
    }

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

    .grandeResult {
        font-size: 13pt;
    }

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

    .div-btn-horas {
        margin-left: 2%;
    }

    .imagen-spinner {
        width: 100px;
        height: 100px;
        max-width: 100px;
    }

    .texto-spinner {
        font-size: 22pt;
        margin-top: 120%;
        margin-left: -10%;
    }

    .btn-CitaRepetida {
        font-size: 17pt;
    }

    .btn-cancelar-cita {
        font-size: inherit;
        line-height: 5;
    }

    /* ****************************************************************************************************** */
    /* CLASES PROPIAS PARA LA VERSIÓN MÓVIL */
    .span-ticket-show {
        font-size: 12pt;
        color: var(--COLOR-ORANGE);
    }

    .contenido-ticket {
        font-size: 12pt;
        font-family: FONT-PRIMARY;
        text-align: inherit;
    }

    .ui-select-choices-row {
        margin-left: 0;
    }

    .tamExtra {
        height: 50px;
    }

    .small-mobile {
        width: 40%;
    }

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

}