




@media only screen and (max-width: 767px) {

    body
{
    background-color: rgb(223, 223, 223);
}
main
{
    width: 100%;
    margin: auto;
    padding: 25px;
    max-width: 1800px;
}

.busqueda
{
    background-color: rgb(190, 190, 190);
    padding: 20px;
}
.Titulo__Busqueda
{
    font-size: 20px;
    margin: 0px;
    font-family: 'Roboto Condensed';
    text-align: center;

}

.busqueda .filtro
{
    background-color: rgb(228, 228, 228);
    width: 100%;
    height: 400px;
    padding: 10px;
}
.Select__Busqueda
{
    margin-top: 10px;
}

.Select__Busqueda select
{
    width: 100%;
    background: #fff;
    border: 3px solid transparent;
    border-radius: 3px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px 0 10px;
    transition: .3s ease all;
}

.Button__Busqueda
{
margin-top: 10px;
}

.Button__Busqueda button
{
    width: 100%;
    background: #000;
    color: #fff;
    border: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.busqueda .titulo_busqueda
{
    background-color: rgb(144, 144, 144);
    background-image: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7)), url(../images/doctor.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 400px;
}

.busqueda .titulo_busqueda .Titulo_H1_1
{
    padding-top: 100px;
    text-align: center;
    color: #fff;
    font-size: 80px;
    font-weight: 800;
    margin-bottom: 0px;
}
.busqueda .titulo_busqueda .Titulo_H1_2
{
    text-align: center;
    color: rgb(0, 146, 101);
    font-size: 50px;
    margin-top: -10px;

}

.Select__Busqueda select {
    
    font-size: 14px;
}



.Res_Usuario .Nombre__Usuario
{
    padding-top: 10px;
    font-size: 20px;
    margin: 0px;
}

.Res_Usuario .Clase__Usuario
{
    font-size: 13px;
    margin: 0px;
}

.Apartado_1
{
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    padding: 0px;
    text-align: center;
    align-self: center;
}

.Apartado_2
{
    flex: 0 0 auto;
    width: 65%;
    padding-left: 10px;
    padding-right: 0px;
}

.Res_Usuario .Grupo_Iconos
{
    margin-left: 2px;
    margin-top: 5px;
}

.Res_Usuario .iconos
{
    background-color: #000;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    padding: 0px;
    margin-right: 4px;
    text-align: center;
    place-content: center;
}

.Res_Usuario .redes
{
    color: #fff;
    text-decoration: none;
}

.Res_Usuario .redes .icon
{
    font-size: 18px;
}


.Segunda__Fila img 
{
    width: 100%;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}

.Segunda__Fila .Resultado__Usuario
{
    text-align: center;
}

.Segunda__Fila .Resultado__Usuario a
{
   text-decoration: none;
}

.Segunda__Fila .Nombre__Usuario
{
    font-size: 20px;
    margin: 0px;
}

.direcciones
{
    margin-top: 10px;
    width: 100%;
    height: auto ;
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-width: thin;
    padding: 0px;
}


.Segunda__Fila .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000;
    background-color: rgb(185, 185, 185);
    border-bottom: 3px solid #000;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.Segunda__Fila .nav-link {
    color: #000;
    background-color: rgb(185, 185, 185);
    border-radius: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}



.Segunda__Fila .nav-link:hover {
    border-radius: 0px;
    border-bottom: 3px solid #000;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.Nav_Dir
{
    width: max-content;
    font-size: 14px;
}

.Tab__Dir
{
    padding: 0px;
}

.Titulo_Principal_Direccion__Usuario
{
    font-size: 25px;
    margin-top: 5px;
    margin-bottom: 0px;
}


.Titulo_Direccion__Usuario
{
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 0px;

}

.Tab__Dir .Descripcion_Busqueda
{
    font-size: 14px;
    font-weight: 400;
}

.Link__Descripcion
{
    margin-top: 5px;
    width: 100%;
    background-color: #000;
    color: #fff;
    border: 0px;
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page-item .page-link
{
    font-size: 14px;
    color: #009265;
}

.disabled>.page-link
{
    color: #7c7c7c;
}

.active>.page-link
{
    background-color: #009265;
    color: #fff;
    border-color: #009265;
}


    .Res_Usuario
    {
        background-color: rgb(218, 218, 218);
        margin: 10px;
        padding: 20px;
    }

    body
    {
    background-color: rgb(197, 197, 197);
    }
    main
    {
    width: 100%;
    margin: auto;
    padding: 10px;
    max-width: 500px;
    }

    .busqueda .filtro
    {
        background-color: rgb(228, 228, 228);
        width: 100%;
        height: 400px;
    }

    .busqueda
    {
        background-color: rgb(181 181 181);
        padding: 5px;
    }

    
    .titulo_busqueda
    {
        display: none;
    }

    .Segunda__Fila .info
    {
        margin-top: 20px;
        background-color: #b5b5b5;
    }

    .Segunda__Fila .info img 
    {
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .info .Nombre__Usuario
    {
        padding-top: 10px;
        padding-left: 8px;
        font-size: 16px;
        margin: 0px;
    }

    .info .Clase__Usuario
    {
        padding-left: 8px;
        font-size: 13px;
        margin: 0px;
    }

    .info .Apartado_2
    {
        padding-left: 0px;
    }

    /*.Apartado_1
    {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .Apartado_2
    {
        flex: 0 0 auto;
        width: 66.66666667%;
    }*/


}

@media only screen and (min-width: 768px) {

    body
{
    background-color: rgb(223, 223, 223);
}
main
{
    width: 100%;
    margin: auto;
    padding: 25px;
    max-width: 1800px;
}

.busqueda
{
    background-color: rgb(190, 190, 190);
    padding: 20px;
}
.Titulo__Busqueda
{
    font-size: 20px;
    margin: 0px;
    font-family: 'Roboto Condensed';
    text-align: center;

}

.busqueda .filtro
{
    background-color: rgb(228, 228, 228);
    width: 100%;
    height: 400px;
    padding: 10px;
}
.Select__Busqueda
{
    margin-top: 10px;
}

.Select__Busqueda select
{
    width: 100%;
    background: #fff;
    border: 3px solid transparent;
    border-radius: 3px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px 0 10px;
    transition: .3s ease all;
}

.Button__Busqueda
{
margin-top: 10px;
}

.Button__Busqueda button
{
    width: 100%;
    background: #000;
    color: #fff;
    border: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.busqueda .titulo_busqueda
{
    background-color: rgb(144, 144, 144);
    background-image: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7)), url(../images/doctor.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 400px;
}

.busqueda .titulo_busqueda .Titulo_H1_1
{
    padding-top: 100px;
    text-align: center;
    color: #fff;
    font-size: 80px;
    font-weight: 800;
    margin-bottom: 0px;
}
.busqueda .titulo_busqueda .Titulo_H1_2
{
    text-align: center;
    color: rgb(0, 146, 101);
    font-size: 50px;
    margin-top: -10px;

}

.Select__Busqueda select {
    
    font-size: 14px;
}



.Res_Usuario .Nombre__Usuario
{
    padding-top: 10px;
    font-size: 20px;
    margin: 0px;
}

.Res_Usuario .Clase__Usuario
{
    font-size: 13px;
    margin: 0px;
}


.Res_Usuario .Grupo_Iconos
{
    margin-left: 2px;
    margin-top: 5px;
}

.Res_Usuario .iconos
{
    background-color: #000;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0px;
    margin-right: 5px;
    text-align: center;
    place-content: center;
}

.Res_Usuario .redes
{
    color: #fff;
    text-decoration: none;
}

.Res_Usuario .redes .icon
{
    font-size: 23px;
}


.Segunda__Fila img 
{
    width: 100%;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}

.Segunda__Fila .Resultado__Usuario
{
    text-align: center;
}

.Segunda__Fila .Resultado__Usuario a
{
   text-decoration: none;
}

.Segunda__Fila .Nombre__Usuario
{
    font-size: 20px;
    margin: 0px;
}

.direcciones
{
    margin-top: 10px;
    width: 100%;
    height: auto ;
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #7e7e7e #ffffff;
    padding: 0px;
}


.Segunda__Fila .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000;
    background-color: rgb(185, 185, 185);
    border-bottom: 3px solid #000;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.Segunda__Fila .nav-link {
    color: #000;
    background-color: rgb(185, 185, 185);
    border-radius: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}



.Segunda__Fila .nav-link:hover {
    border-radius: 0px;
    border-bottom: 3px solid #000;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.Nav_Dir
{
    width: max-content;
    font-size: 14px;
}

.Tab__Dir
{
    padding: 0px;
}

.Titulo_Principal_Direccion__Usuario
{
    font-size: 25px;
    margin-top: 5px;
    margin-bottom: 0px;
}


.Titulo_Direccion__Usuario
{
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 0px;

}

.Tab__Dir .Descripcion_Busqueda
{
    font-size: 14px;
    font-weight: 400;
}

.Link__Descripcion
{
    margin-top: 5px;
    width: 100%;
    background-color: #000;
    color: #fff;
    border: 0px;
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
}

.page-item .page-link
{
    font-size: 14px;
    color: #009265;
}

.disabled>.page-link
{
    color: #7c7c7c;
}

.active>.page-link
{
    background-color: #009265;
    color: #fff;
    border-color: #009265;
}


    .Res_Usuario
    {
        background-color: rgb(218, 218, 218);
        margin: 10px;
        padding: 20px;
        height: 390px;
    }

    body
    {
    background-color: rgb(197, 197, 197);
    }
    main
    {
    width: 100%;
    margin: auto;
    padding: 10px;
    }

    .busqueda
    {
        background-color: rgb(197 197 197);
        padding: 5px;
    }

    .busqueda .filtro
    {
        background-color: rgb(228, 228, 228);
        width: 100%;
        height: 400px;
    }

    .Select__Busqueda select {
    
        font-size: 14px;
    }

    .busqueda .titulo_busqueda .Titulo_H1_1
    {
        padding-top: 130px;
        text-align: center;
        color: #fff;
        font-size: 60px;
        font-weight: 800;
        margin-bottom: 0px;
    }
    .busqueda .titulo_busqueda .Titulo_H1_2
    {
        text-align: center;
        color: rgb(0, 146, 101);
        font-size: 40px;
        margin-top: -10px;

    }



    .Segunda__Fila .info
    {
        margin-top: 20px;
        background-color: #bebebe;
    }

    .Segunda__Fila .info img 
    {
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .info .Nombre__Usuario
    {
        padding-top: 10px;
        font-size: 20px;
        margin: 0px;
    }

    .info .Clase__Usuario
    {
        font-size: 13px;
        margin: 0px;
    }

    .info .Apartado_2
    {
        padding-left: 0px;
    }

    .Apartado_1
    {
        flex: 0 0 auto;
        align-content: center;
        height: 100px;
        width: 100px;
        margin-right: 5px;
        padding: 0px;
        text-align: center;
    }

    .Apartado_2
    {
        flex: 0 0 auto;
        width: 66.66666667%;
        padding-left: 10px;
        padding-right: 0px;
    }




    .Res_Usuario .iconos
    {
        background-color: #000;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        padding: 0px;
        margin-right: 2px;
        text-align: center;
        place-content: center;
    }
    .Res_Usuario .redes .icon
    {
        font-size: 15px;
    }

}



@media only screen and (min-width: 1024px) {


    body
    {
        background-color: rgb(223, 223, 223);
    }
    main
    {
        width: 100%;
        margin: auto;
        padding: 25px;
        max-width: 1800px;
    }
    
    .busqueda
    {
        background-color: rgb(190, 190, 190);
        padding: 20px;
    }
    .Titulo__Busqueda
    {
        font-size: 20px;
        margin: 0px;
        font-family: 'Roboto Condensed';
        text-align: center;
    
    }
    
    .busqueda .filtro
    {
        background-color: rgb(228, 228, 228);
        width: 100%;
        height: 400px;
        padding: 10px;
    }
    .Select__Busqueda
    {
        margin-top: 10px;
    }
    
    .Select__Busqueda select
    {
        width: 100%;
        background: #fff;
        border: 3px solid transparent;
        border-radius: 3px;
        height: 45px;
        line-height: 45px;
        padding: 0 20px 0 10px;
        transition: .3s ease all;
    }
    
    .Button__Busqueda
    {
    margin-top: 10px;
    }
    
    .Button__Busqueda button
    {
        width: 100%;
        background: #000;
        color: #fff;
        border: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .busqueda .titulo_busqueda
    {
        background-color: rgb(144, 144, 144);
        background-image: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7)), url(../images/doctor.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
        height: 400px;
    }
    
    .busqueda .titulo_busqueda .Titulo_H1_1
    {
        padding-top: 100px;
        text-align: center;
        color: #fff;
        font-size: 80px;
        font-weight: 800;
        margin-bottom: 0px;
    }
    .busqueda .titulo_busqueda .Titulo_H1_2
    {
        text-align: center;
        color: rgb(0, 146, 101);
        font-size: 50px;
        margin-top: -10px;
    
    }
    
    .Select__Busqueda select {
        
        font-size: 14px;
    }
    
    
    
    .Res_Usuario .Nombre__Usuario
    {
        padding-top: 10px;
        font-size: 20px;
        margin: 0px;
    }
    
    .Res_Usuario .Clase__Usuario
    {
        font-size: 13px;
        margin: 0px;
    }
    
    .Apartado_1
    {
        flex: 0 0 auto;
        padding: 0px;
        text-align: center;
        height: 120px;
        width: 120px;
        margin-right: 10px;
    }
    
    .Apartado_2
    {
        flex: 0 0 auto;
        width: 60%;
        padding-left: 10px;
        padding-right: 0px;
    
    }
    
    .Res_Usuario .Grupo_Iconos
    {
        margin-left: 2px;
        margin-top: 5px;
    }
    
    .Res_Usuario .iconos
    {
        background-color: #000;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        padding: 0px;
        margin-right: 5px;
        text-align: center;
        place-content: center;
    }
    
    .Res_Usuario .redes
    {
        color: #fff;
        text-decoration: none;
    }
    
    .Res_Usuario .redes .icon
    {
        font-size: 23px;
    }
    
    
    .Segunda__Fila img 
    {
        width: 100%;
        height: auto;
        border-radius: 50%;
        object-fit: cover;
    }
    
    .Segunda__Fila .Resultado__Usuario
    {
        text-align: center;
    }
    
    .Segunda__Fila .Resultado__Usuario a
    {
       text-decoration: none;
    }
    
    .Segunda__Fila .Nombre__Usuario
    {
        font-size: 20px;
        margin: 0px;
    }
    
    .direcciones
    {
        margin-top: 10px;
        width: 100%;
        height: auto ;
        overflow-y: hidden;
        overflow-x: scroll;
        scrollbar-width: thin;
        scrollbar-color: #7e7e7e #ffffff;
        padding: 0px;
    }
    
    
    .Segunda__Fila .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #000;
        background-color: rgb(185, 185, 185);
        border-bottom: 3px solid #000;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
    }
    
    .Segunda__Fila .nav-link {
        color: #000;
        background-color: rgb(185, 185, 185);
        border-radius: 0px;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
    }
    
    
    
    .Segunda__Fila .nav-link:hover {
        border-radius: 0px;
        border-bottom: 3px solid #000;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
    }
    
    .Nav_Dir
    {
        width: max-content;
        font-size: 14px;
    }
    
    .Tab__Dir
    {
        padding: 0px;
    }
    
    .Titulo_Principal_Direccion__Usuario
    {
        font-size: 25px;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    
    
    .Titulo_Direccion__Usuario
    {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 0px;
    
    }
    
    .Tab__Dir .Descripcion_Busqueda
    {
        font-size: 14px;
        font-weight: 400;
    }
    
    .Link__Descripcion
    {
        margin-top: 5px;
        width: 100%;
        background-color: #000;
        color: #fff;
        border: 0px;
        font-size: 14px;
        font-weight: 300;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .page-item .page-link
    {
        font-size: 14px;
        color: #009265;
    }
    
    .disabled>.page-link
    {
        color: #7c7c7c;
    }
    
    .active>.page-link
    {
        background-color: #009265;
        color: #fff;
        border-color: #009265;
    }

}

