/*     parte chat     */
    
    #formularioautochat {
        background-color: transparent;
    }
    .escribiendo {
        width: 20%;
        margin: 0 0 25px 10px;
    }
    
    #chatbot2 {
        height: 20vw;
        right: 15vw;
    }
    
    #chatbot {
        height: 10vw;
        right: 15vw;
    }
    #auxfondo{
        top: 10vw;
        position: relative;
        z-index: -10;
        margin-left: 2vw;
    }
    #autonombre{
        background-image: url(https://amantoligaleria.art/img/chat/respuesta2.png);
    }
    #categoria, #Fecha{
        background-size: 100% 100% !important;
    }
    #Nombre, #correoP, #correo, #duda, #Telefono, #nombre, #correo, #telefono, #adios, #correo2, #telefono2, #correo3, #telefono3, #Seguimiento, #Fecha, #categoria{
        background-image: url(https://amantoligaleria.art/img/chat/respuesta1.png);
    }
    #autonombre {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
    }
    
    .parteformulario {
        position: fixed;
        bottom: 0;
        right: 0vw;
        z-index: 9999999;
        width: 26%;
        height: 100%;
        transition: 1s;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .formulariochat {
        /*overflow-y: scroll;*/
        overflow: hidden scroll;
        margin-top: 0vw;
        height: 17vw;
    }
    
    #headerchatimg {
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 999999999999999999;
    }
    
    .primform {
        margin-top: 2%;
    }
    
    .chatbot2 {
        width: 2vw;
        bottom: 30vw;
        right: 3vw;
    }
    
    .chatbot {
        right: 3vw;
        width: 2vw;
        bottom: 26vw;
    }
    /*#divcorreo {
        display: none;
    }*/
    
    .parteformulario {
        width: 52%;
    }
    #autoasesor {
        margin-top: -75px;
    }
    /*     parte chat     */
    
    #nombre,
    #telefono {
        width: 50%;
    }
    
    #telefono,
    #adios {
        margin-left: 20%;
    }
    
    #correo {
        margin-left: 19%;
        width: 75%;
        background-size: 100%;
        height: 49px;
    }
    
    #telefono2 {
        margin-left: 20%;
        background-size: 100%;
        width: 46%;
        height: 50px;
    }
    
    #correo2,
    #telefono3,
    #correo3 {
        width: 68%;
        margin-left: 20%;
        background-size: 100%;
        height: 50px;
    }
    
    #adios {
        width: 53%;
        margin-left: 20%;
        background-size: 100%;
        height: 50px;
    }
    
    #nombreatiende {
        color: #A8A69E;
        position: absolute;
        z-index: 99999999999999;
        font-size: 24px;
    }
    
    #Telefono,
    #correo,
    #categoria,
    #Seguimiento,
    #Fecha,
    #correo2,
    #telefono2,
    #correo3,
    #telefono3 {
        background-image: url(https://amantoligaleria.art/img/chat/respuesta1.png);
        width: 70%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 18%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        margin-right: 10%;
        float: left;
    }
    #categoria{
        font-size: 1.1vw;
    }
    #Nombre, #apoyo, #disenoNO, #diseno, #nombre, #telefono, #telefono2, #correoP, #correo, #adios, #duda, #interes, #evento, #aparecio, #busqueda {
        background-image: url(https://amantoligaleria.art/img/chat/respuesta1.png);
        width: 70%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 17%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 1.1vw;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        background-size: 100% 95%;
        padding-right: 2vw;
    }
    
    .parteformulario {
        background-image: url(https://amantoligaleria.art/img/chat/fondo-chat.png);
        width: 30%;
        height: 106vw;
        background-repeat: no-repeat;
        background-position: -2% 0%;
        margin-top: 5%;
        padding-bottom: 2%;
        float: right;
        background-size: 100% auto;
        background-color: transparent;
    }
    
    .primform {
        margin-top: 5%;
        margin-left: 3%;
    }
    #formularioautochat select{
        box-shadow: none!important;;
    }
    .secform {
        margin-top: 4%;
        margin-left: 3%;
        width: 103%;
    }
    
    .quesuba {
        margin-left: 24px;
        margin-bottom: 0px;
        margin-top: 5px;
        float: left;
        margin-right: 20px;
    }
    
    .terform {
        margin-top: 0%;
        margin-left: 2.5%;
        width: 95%;
        margin-right: 2.5%;
    }
    
    .terform img {
        float: left;
    }
    #formularioautochat img{
        height: auto;
        margin: 1vw 0 1vw 2vw;
    }
    
    #autonombre,
    #autoasesor {
        font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
        position: absolute;
        width: 258px;
        left: 25px;
        color: #000;
        top: -3vw;
    }
    
    #autoasesor {
        top: 20vw;
    }
    
    #formulariochat {
        height: 6vw;
    }
    #Fecha,
    #nombre,
    #Seguimiento,
    #telefono,
    #telefono2,
    #telefono3,
    #correo,
    #correo2,
    #correo3,
    #adios {
        background-image: url(https://amantoligaleria.art/img/chat/respuesta1.png) !important;
        background-size: 100% 100% !important;
        margin-left: 20% !important;
        width: 70% !important;
        height: 50px !important;
        padding: 0 2% 0 2% !important;
        font-size: 1.1vw;
    }
    #autonombre {
        position: relative;
        top: -10vw;
        background-size: contain;
        background-repeat: no-repeat;
        height: 5vw;
        left: 30px;
        font-size: 16px;
    }
    
    #txtautoasesor {
        position: relative;
        top: 13vw;
    }
    
    #autoasesor {
        position: relative;
        top: -2vw;
        font-size: 16px;
    }
    
    @media (min-device-width:250px) and (max-device-width:599px){
        #Telefono:focus,
        #correo:focus,
        #correo2:focus,
        #telefono:focus,
        #telefono2:focus,
        #correo3:focus,
        #telefono3:focus {
            outline: 0px;
        }
        #Telefono,
        #correo,
        #correo2,
        #telefono2,
        #telefono,
        #correo3,
        #telefono3 {
            background-image: url(https://amantoligaleria.art/img/chat/respuesta1.png);
            width: 36%;
            height: 37px;
            border: none;
            background-color: transparent;
            background-repeat: no-repeat;
            margin-left: 50%;
            margin-top: 3%;
            padding-left: 5%;
            font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
            font-weight: normal;
            margin-bottom: 3%;
            color: rgba(55, 54, 47, 1.00);
        }
        #Nombre,
        #apoyo,
        #Seguimiento,
        #Fecha,
        #nombre,
        #categoria,
        #telefono,
        #correoP, #correo,
        #adios,
        #duda {
            /* background-image: url(https://amantoligaleria.art/img/chat/respuesta1.png); */
            width: 70%;
            height: 37px;
            border: none;
            background-color: transparent;
            background-repeat: no-repeat;
            margin-left: 17%;
            margin-top: 3%;
            font-size: 4.2vw;
            padding-left: 2vw;
            font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
            font-weight: normal;
            margin-bottom: 3%;
            color: rgba(55, 54, 47, 1.00);
        }
        .parteformulario {
            background-image: url(https://amantoligaleria.art/img/chat/fondo-chat.png);
            width: 65%;
            height: 80vw;
            background-repeat: no-repeat;
            background-position: -2% 0%;
            margin-top: 0%;
            padding-bottom: 2%;
            float: right;
        }
        .primform {
            margin-top: 5%;
            margin-left: 3%;
        }
        .secform {
            margin-top: 0%;
            margin-left: 3%;
        }
        .quesuba {
            margin-left: 24px;
            margin-bottom: 0px;
            margin-top: 5px;
            float: left;
            margin-right: 20px;
        }
        #chatbot {
            bottom: 10vw;
            height: 15vw;
            right: 7vw;
        }
        #chatbot2 {
            height: 15vw;
            right: 7vw;
            bottom: 22vw;
        }
        #autonombre,
        #autoasesor {
            font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
            position: absolute;
            width: 258px;
            left: 25px;
            color: #000;
            top: -2vw;
        }
        #autoasesor {
            top: 10vw;
        }
        #nombre,
        #telefono {
            width: 50%;
        }
        #telefono,
        #adios {
            margin-left: 20%;
        }
        #correo {
            margin-left: 19%;
            width: 75%;
            background-size: 100%;
            height: 49px;
        }
        #telefono2 {
            margin-left: 20%;
            background-size: 100%;
            width: 46%;
            height: 50px;
        }
        #correo2,
        #telefono3,
        #correo3 {
            width: 68%;
            margin-left: 20%;
            background-size: 100%;
            height: 50px;
        }
        #adios {
            width: 53%;
            margin-left: 20%;
            background-size: 100%;
            height: 50px;
        }
        #autonombre {
            position: relative;
            top: -10vw;
        }
        #txtautoasesor {
            position: relative;
            top: 7.5vw;
        }
        #autoasesor {
            position: relative;
            top: -2vw;
        }

        /* CHAT */
        .formulariochat{
            height: 50vw;
        }
        #formulariochat{
            height: 18vw;
            width: 100%;
        }
    }
    /*@media only screen and (min-width:769px) {
    #Telefono,
    #correo,
    #correo2,
    #telefono2,
    #telefono {
        background-image: url(../images/cosassec/globoazulpeque.png);
        width: 55%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 45%;
        margin-top: 3%;
        padding-left: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        margin-right: 10%;
    }
    #Nombre,
    #apoyo,
    #nombre,
    #telefono,
    #correoP, #correo,
    #adios {
        background-image: url(../images/cosassec/globograndeazul.png);
        width: 70%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 17%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
    }
    .parteformulario {
        background-image: url(../images/cosassec/fondowhats.png);
        width: 50%;
        height: 50vw;
        background-repeat: no-repeat;
        background-position: -2% 0%;
        margin: 0%;
        padding: 0%;
        float: right;
    }
    .primform {
        margin-top: 5%;
        margin-left: 3%;
    }
    .secform {
        margin-top: 0%;
        margin-left: 3%;
    }
    .quesuba {
        margin-left: 24px;
        margin-bottom: 0px;
        margin-top: 5px;
        float: left;
        margin-right: 20px;
    }
    /*     parte chat     
    .bulletgogle {
        margin-left: 10%;
    }
    /*     parte chat     
}*/
    
@media (min-device-width:600px) and (max-device-width:1050px){
    #Telefono,
    #correo,
    #correo2,
    #telefono2,
    #telefono,
    #correo3,
    #telefono3 {
        background-image: url(https://amantoligaleria.art/img/chat/respuesta1.png);
        width: 55%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 35%;
        margin-top: 3%;
        padding-left: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        margin-right: 10%;
    }
    #formularioautochat{
        height: 49vw;
    }
    .parteformulario {
        background-image: url(https://amantoligaleria.art/img/chat/fondo-chat.png);
        width: 30%;
        height: 3vw;
        background-repeat: no-repeat;
        background-position: -2% 0%;
        margin-top: 0%;
        padding-bottom: 2%;
        float: right;
        clear: right;
        margin-right: 0%;
        margin-left: 0%;
        padding-left: 0%;
        padding-right: 0%;
        padding-top: 0%;
        margin-bottom: 0%;
    }
    /*     parte chat     */
    #Nombre,
    #apoyo,
    #categoria,
    #Seguimiento,
    #Fecha,
    #correoP, #correo,
    #duda {
        height: 3.5vw;
        padding-top: 0.5vw;
        padding-right: 2vw;
        font-size: 2.1vw;
    }
    #Telefono,
    #nombre,
    #correo,
    #telefono,
    #adios,
    #correo2,
    #telefono2,
    #correo3,
    #telefono3 {
        background-image: url(https://amantoligaleria.art/img/chat/respuesta1.png);
        background-size: 100%;
    }
    #autonombre,
    #autoasesor {
        font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
        position: absolute;
        width: 253px;
        left: 32px;
        color: #000;
    }
    
    #autoasesor {
        margin-top: -75px;
    }
    .escribiendo {
        width: 20%;
        margin: 0 0 25px 10px;
    }
    #divadios {
        margin-bottom: 25px;
    }
    /*     parte chat     */
    .primform {
        margin-top: 4%;
    }
    #nombreatiende {
        top: -5px;
        left: 21%;
    }
    #chatbot {
        bottom: 0vw;
        height: 15vw;
        right: 5vw;
    }
    #chatbot2 {
        height: 15vw;
        right: 5vw;
        bottom: 6vw;
    }
    #formulariochat {
        height: 6vw;
        width: 30vw;
    }
    #autonombre,
    #autoasesor {
        font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
        position: absolute;
        width: 258px;
        left: 25px;
        color: #000;
    }
    #autoasesor {
        top: 6vw;
    }
    #nombre,
    #telefono {
        width: 50%;
    }
    #telefono,
    #adios {
        margin-left: 20%;
        position: relative;
        z-index: 100;
    }
    #correo {
        margin-left: 19%;
        width: 75%;
        background-size: 100% 100%;
        height: 40px;
    }
    #telefono2 {
        margin-left: 20%;
        background-size: 100% 100%;
        width: 46%;
        height: 50px;
    }
    #correo2,
    #telefono3,
    #correo3 {
        width: 68%;
        margin-left: 20%;
        background-size: 100% 100%;
        height: 40px;
    }
    #adios {
        width: 53%;
        margin-left: 20%;
        background-size: 100% 100%;
        height: 40px;
    }
    #autonombre {
        background-repeat: no-repeat;
        position: relative;
        left: 30px;
        font-size: 16px;
        width: 80%;
        top: -8vw;
        margin-bottom: 4vw;
    }
    #txtautoasesor {
        position: relative;
        top: 4.4vw;
    }
    #autoasesor {
        top: -1vw;
        position: relative;
    }
}
    
@media (min-device-width:1051px) and (max-device-width:1399px){
    .parteformulario {
        width: 25%;
        height: 2vw;
    }
    #nombreatiende {
        position: inherit;
        top: 26vw;
        left: 81%;
    }
    .datochat {
        margin-bottom: 3vw;
    }
    .primform,
    .secform,
    .terform {
        margin-bottom: 1vw;
    }
    .escribiendo {
        margin: 0 0 40px 10px;
    }
    #formulariochat {
        height: 3vw;
    }
    #chatbot {
        bottom: -4vw;
    }
    #chatbot2 {
        bottom: 0;
    }
    #autonombre {
        position: relative;
        top: -10vw;
        left: 30px;
        font-size: 16px;
    }
    #autoasesor {
        font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
        position: absolute;
        width: 258px;
        left: 25px;
        color: #000;
        top: 0vw;
    }
    #txtautoasesor {
        position: relative;
        top: 1vw;
        margin-bottom: 2vw;
    }
    #autoasesor {
        top: -1vw;
        position: relative;
        font-size: 16px;
    }
    #nombre,
    #telefono {
        width: 50%;
    }
    #telefono,
    #adios {
        margin-left: 20%;
    }
    #correo {
        margin-left: 19%;
        width: 75%;
        background-size: 100%;
        height: 49px;
    }
    #telefono2 {
        margin-left: 20%;
        background-size: 100%;
        width: 46%;
        height: 50px;
    }
    #correo2,
    #telefono3,
    #correo3 {
        width: 68%;
        margin-left: 20%;
        background-size: 100%;
        height: 50px;
    }
    #adios {
        width: 53%;
        margin-left: 20%;
        background-size: 100%;
        height: 50px;
    }
    #Nombre,
    #apoyo,
    #correoP, #correo,
    #duda {
        margin-top: 2vw;
    }
    #divtel3,
    #divcorreo3 {
        height: 4vw;
    }
    #divcontactoasesor {
        margin-top: 3vw;
    }
}