
#ViewClients .boxTeam{
    background-color: rgb(34,62,78);
    width: 100%;
    height: 100px;
    box-shadow: 0 0 0 3px rgb(224,224,224);
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#ViewClients .boxTeam:hover{
    transition: all 0.3s;
    transform: scale(1.1);
    z-index: 2;
    filter: alpha(opacity=100);
    opacity: 1;

}

#ViewClients .h1Titulo{
    margin-left: 0px !important;
    margin-bottom: 0px;
}


#ViewClients .boxBig{
    height: 200px;
}


#ViewClients .boxTeam .box{
    width: 80%;
    height: 80%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(34,62,78);;
}

#ViewClients .boxBig .box{
    width: 67%;
    height: 80%;
}

#ViewClients .boxTeam .boxLarge{
    width: 67% !important;
    height: 70% !important;
}

#ViewClients .boxTeam .logoPersonal{
    width: 50%;
    height: 100%;
}

#ViewClients .boxTeam .boxHeight{
    width: 60% !important;
    height: 85% !important;
}

/* css responsivo para tablets */
@media (min-width: 600px) and (max-width: 959px){
    #ViewClients .boxTeam .box{
        width: 50%;
        height: 100%;
    }

    #ViewClients .boxBig .box{
        width: 35%;
        height: 100%;
    }

    #ViewClients .boxTeam .boxLarge{
        width: 38% !important;
        height: 100% !important;
    }

    #ViewClients .boxTeam .logoPersonal{
        width: 20%;
        height: 100%;
    }

    #ViewClients .boxTeam .boxHeight{
        width: 28% !important;
        height: 85% !important;
    }
}

@media (min-height: 745px) and (max-height: 1080px){
    /* css responsivo para tablets */
    @media (min-width: 960px){

        #ViewClients .boxTeam{
            background-color: rgb(34,62,78);
            width: 100%;
            height: 150px;
            box-shadow: 0 0 0 3px rgb(224,224,224);
        }

        #ViewClients .boxBig{
            height: 300px;
        }

        #ViewClients .boxTeam .box{
            width: 70%;
            height: 90%;
        }

        #ViewClients .boxBig .box{
            width: 70%;
            height: 100%;
        }

        #ViewClients .boxTeam .boxLarge{
            width: 60% !important;
            height: 100% !important;
        }

        #ViewClients .boxTeam .logoPersonal{
            width: 50%;
            height: 95%!important;
        }

        #ViewClients .boxTeam .boxHeight{
            width: 50% !important;
            height: 85% !important;
        }

        #ViewClients .spaceTopFooter{
            height: 41px;
        }
    }
}

/* css responsivo para celulares */
@media (max-width: 599px){
    #ViewClients .h1Titulo{
        margin-left: 0px !important;
        text-align: center;
    }

    #ViewClients .pDescripcion{
        line-height: 16px;
    }
}

#ViewClients .premex{
    background-image: url('/modules/core/client/img/clients/premex_logo.svg');
}

#ViewClients .indra{
    background-image: url('/modules/core/client/img/clients/indra_logo.svg');
}

#ViewClients .cim{
    background-image: url('/modules/core/client/img/clients/cim_logo.svg');
}

#ViewClients .eafit{
    background-image: url('/modules/core/client/img/clients/eafit_logo.svg');
}

#ViewClients .cincel{
    background-image: url('/modules/core/client/img/clients/cincel_logo.svg');
}

#ViewClients .alcaldiaMede{
    background-image: url('/modules/core/client/img/clients/alcaldia_logo.svg');
}

#ViewClients .viveLab{
    background-image: url('/modules/core/client/img/clients/vivelab_logo.svg');
}

#ViewClients .parqueE{
    background-image: url('/modules/core/client/img/clients/parque_logo.svg');
}

#ViewClients .satrack{
    background-image: url('/modules/core/client/img/clients/satrack_logo.svg');
}

#ViewClients .personalSoft{
    background-image: url('/modules/core/client/img/clients/personal_soft_logo.svg');
}

#ViewClients .tecnnova{
    background-image: url('/modules/core/client/img/clients/teccnova_logo.svg');
}

#ViewClients .fundacion{
    background-image: url('/modules/core/client/img/clients/sapiencia_logo.svg');
}

#ViewClients .fandeal{
    background-image: url('/modules/core/client/img/clients/fandeal_logo.svg');
}
#ViewClients .tecnow{
    background-image: url('/modules/core/client/img/clients/tecknlowge_logo.svg');
}

#ViewClients .interllantas{
    background-image: url('/modules/core/client/img/clients/interllantas_logo.svg');
}

#ViewClients .fanalca{
    background-image: url('/modules/core/client/img/clients/fanalca_logo.svg');
}

#ViewClients .idLink{
    background-image: url('/modules/core/client/img/clients/idlink_logo.svg');
}

#ViewClients .stop{
    background-image: url('/modules/core/client/img/clients/stop_logo.svg');
}

#ViewClients .yoyo{
    background-image: url('/modules/core/client/img/clients/yoyo_logo.svg');
}

#ViewClients .diseno{
    background-image: url('/modules/core/client/img/clients/mas_diseno_logo.svg');
}

#ViewClients .inalde{
    background-image: url('/modules/core/client/img/clients/inalde_logo.svg');
}

#ViewClients .high{
    background-image: url('/modules/core/client/img/clients/high_innovation_logo.svg');
}

#ViewClients .g2{
    background-image: url('/modules/core/client/img/clients/g2_logo.svg');
}

#ViewClients .bolivariana{
    background-image: url('/modules/core/client/img/clients/upb_logo.svg');
}

#ViewClients .sapiencia{
    background-image: url('/modules/core/client/img/clients/fundacion_logo.svg');
}

#ViewClients .ingieneria{
    background-image: url('/modules/core/client/img/clients/ing_apropiada_logo.svg');
}

#ViewClients .wcw{
    background-image: url('/modules/core/client/img/clients/wcw_logo.svg');
}

#ViewClients .eleinco{
    background-image: url('/modules/core/client/img/clients/eleinco_logo.svg');
}

#ViewClients .clientsImg{
  width: 100%;
}