/*Responsive*/
@media(max-width:1920px)  and (min-width:1701px){
  #contabilidad {  min-height: 545px; }
  #contabilidad h3 {margin-top: 37%; }
  #asesoria-fiscal {  min-height: 545px; }
  #asesoria-fiscal h3 {margin-top: 20%; }
  #planeacion-fiscal-legal {  min-height: 545px; }
  #planeacion-fiscal-legal h3 {margin-top: 38%; }

  #der-fis {  min-height: 545px; }
  #der-fis h3 {margin-top: 38%; }

  #der-admin {  min-height: 545px; }
  #der-admin h3 {margin-top: 40%; }

  #der-corpo {  min-height: 545px; }
  #der-corpo h3 {margin-top: 61%; }

  #der-lab{  min-height: 545px; }
  #der-lab h3 {margin-top: 39%; }
  #ges-tram{  min-height: 545px; }
  #ges-tram h3 {margin-top: 19%; }

  #derecho-familiar{  min-height: 545px; }
  #derecho-familiar h3 {margin-top: 38%; }
  #derecho-civil{  min-height: 545px; }
  #derecho-civil h3 {margin-top: 19%; }
  #derecho-mercantil{  min-height: 545px; }
  #derecho-mercantil h3 {margin-top: 38%; }

  #capacitacion-consultoria{  min-height: 545px; }
  #capacitacion-consultoria h3 {margin-top: 38%; }
}

@media(max-width:1700px) and (min-width:1400px) {
  #contabilidad {  min-height: 480px; }
  #contabilidad h3 {margin-top: 32%; }
  #asesoria-fiscal {  min-height: 480px; }
  #asesoria-fiscal h3 {margin-top: 16%; }
  #planeacion-fiscal-legal {  min-height: 480px; }
  #planeacion-fiscal-legal h3 {margin-top: 32%; }

  #der-fis {  min-height: 480px; }
  #der-fis h3 {margin-top: 32%; }

  #der-admin {  min-height: 480px; }
  #der-admin h3 {margin-top: 34%; }

  #der-corpo {  min-height: 480px; }
  #der-corpo h3 {margin-top: 52%; }

  #der-lab{  min-height: 480px; }
  #der-lab h3 {margin-top: 32%; }
  #ges-tram{  min-height: 480px; }
  #ges-tram h3 {margin-top: 16%; }

  #derecho-familiar{  min-height: 480px; }
  #derecho-familiar h3 {margin-top: 32%; }
  #derecho-civil{  min-height: 480px; }
  #derecho-civil h3 {margin-top: 16%; }
  #derecho-mercantil{  min-height: 480px; }
  #derecho-mercantil h3 {margin-top: 32%; }

  #capacitacion-consultoria{  min-height: 480px; }
  #capacitacion-consultoria h3 {margin-top: 32%; }
}

@media(max-width: 1199px){
  #alianzas .col-md-4{width: 100%; margin-bottom: 30px;}
  #alianzas .moviles{display: block;}
  #alianzas .moviles .col-md-3, #alianzas .moviles .col-md-6{height: 82px; text-align: center; margin-top: 10px; margin-bottom: 10px;}
  #alianzas .escritorio{display: none;}
  #alianzas .container{padding: 0px 0 30px 0;}

  #soluciones .col-lg-6 {
    padding: 30px;
  }
  #servicios .cont-servicios{
    margin-top: 10px;
    float: left;
  }
  #porqueus button {
    background-color: #f3af00;
    color: #fff;
    margin: 23px 0 0 2px;
  }
  footer .footer-head .col-md-8 {
    padding: 5px;
  }
  footer .col-md-4 {
    padding: 0 0 0 0;
  }

  /*Formatos y links*/
  .formatos #formatosylinks .opcion {
    width: 75%;
    margin: 8px 0 8px 12.5%;
  }

  /*Empresa*/
  .empresa #valores #gris4 p {
    margin-top: 1px;
  }
  /*SErvicios*/
  #soluciones-empresariales .cont-img img{
    width: 100%;
  }
  #capacitacion .cont-text { margin-top: 15px; }

  /*Página de servicios independientes*/
  #der-fis h3{margin-top: 130px; }
  #der-admin h3{margin-top: 130px; }
  #der-corpo h3{margin-top: 130px; }
  #contabilidad h3 { margin-top: 113px;}
  #asesoria-fiscal h3 { margin-top: 113px;}
  #planeacion-fiscal-legal h3 { margin-top: 113px;}
  #derecho-familiar h3{margin-top: 113px;}
  #derecho-civil h3{margin-top: 113px;}
  #derecho-mercantil h3{margin-top: 113px;}
  #capacitacion-consultoria h3{margin-top: 110px;}
  .capacitacion-consultoria .spacewhite{float: left;}
  .capacitacion-consultoria .col-lg-12{float:left;}
  .capacitacion-consultoria .col-lg-offset-3{margin-left: 25%;}

}

@media(max-width:1100px){
  #en-nd .col-lg-6{width: 63%;}
  .mitad1 { width: 25%;}
  .mitad2 { width: 75%;}
  #cont-form .col-md-4 { margin-bottom: 20px; }

  #der-lab h3 { margin-top: 98px; }
  #ges-tram h3 { margin-top: 104px; }
  #derecho-familiar h3{margin-top: 98px;}
  #derecho-civil h3{margin-top: 98px;}
  #derecho-mercantil h3{margin-top: 98px;}
}

@media(max-width:1024px){
  #en-nd .col-lg-6{width: 50%;}
  #en-nd p {  margin-top: 10px;}

  /*Página de servicios independientes*/
  #der-fis h3{margin-top: 100px; }
  #der-admin h3{margin-top: 130px; }
  #der-corpo h3{margin-top: 100px; }
  #contabilidad h3 { margin-top: 87px;}
  #asesoria-fiscal h3 { margin-top: 87px;}
  #planeacion-fiscal-legal h3 { margin-top: 87px;}
 .servicios2  section { padding: 0px 20px 40px 20px; }
}

@media(max-width: 991px){
  .nav > li > a {
    padding: 14px 10px;
  }
  .navbar-custom .navbar-nav li a {
    font-size: 13px;
  }
  .carousel-caption {
    max-width: 349px;
    height: 162px;
  }
  .carousel-inner h3 {
    font-size: 26px;
  }
  .carousel-inner p {
    font-size: 14px;
  }
  #caracteristicas{padding: 80px 0 10px 0;}
  .cont-caracteristicas{
    margin-bottom: 30px;
  }
  #porqueus {
    padding: 20px 0 60px 0;
  }
  #porqueus .lista-us li{
    margin:20px 0;
  }
  #porqueus button {
    margin: 11px 0 15px 2px;
  }
  #soluciones .title br{
    display: none;
  }

  #alianzas .moviles .col-md-3, #alianzas .moviles .col-md-6 {
    text-align: center;
    width: 25%;
    float: left;
  }

  .sol-emp {
    height: 190px;
    max-width: 293px;
    margin: 10px;
    float: left;
  }
  footer .footer-head {
    background-color: #1797ed;
    height: 129px;
  }
  footer .footer-head .col-md-8 {
    padding: 0;
  }
  footer .footer-head .col-md-4 {
    text-align: center;
    padding: 0;
  }

  /*Formatos y liks*/
  .formatos #formatosylinks .col-lg-6{
    float: left;
  }
  .formatos #formatosylinks .top60{
    margin-top: 30px;
  }
  .formatos #formatosylinks .opcion {
    width: 75%;
    margin: 8px 0 8px 26.5%;
  }

  /*Empresa*/
  .empresa #valores .gris {
    height: 180px;
    padding: 15px;
    float: left;
  }
  .empresa #valores #gris1 p, .empresa #valores #gris2 p{
    margin-top: 55px;
  }
  #ntros_clientes{
    padding: 55px 0 10px 0;
  }
  .empresa #ntros_clientes .cont_client {
    width: 23%;
    margin: 10px 1%;
  }
  /*Servicios*/
  #nuestros-servicios .naranja{
    width: 50%;
    float: left;
  }
  #nuestros-servicios .verde{
    width: 50%;
    float: right;
  }
  #nuestros-servicios .naranja h1{
    font-size: 40px;
  }
  #nuestros-servicios .verde h1{
    font-size: 40px;
  }
  #soluciones-personales .cont-servicios {
    float: left;
  }
  #soluciones-empresariales .cont-img {
    width: 50%;
    float: left;
  }
  #soluciones-empresariales .cont-services{
    width: 50%;
    float: left;
    min-height: 518px;
    padding: 20px 20px 0 2px;
  }

  /*Contacto*/
  #mail {
    margin-left: 2px;
  }
  .contacto #formulario .line2 input {
    width: 39%;
  }

  .logo-top .cont-img img { max-width: 145px; }
  #en-nd {
    background-image: url();
    background-size: auto 100%;
    background-repeat: repeat-x;
    min-height: 300px;
    background-color: #143b4b;
  }
  .mov{display: block;}
  .esc{display: none;}
  .azulclaro { background-color: #c0e2f3; width: 100%; height: 30px; position: absolute; left: 0; margin-top: -40px; }
  .azulmedio { background-color: #366f8b; width: 100%; height: 50px; position: absolute; left: 0; margin-top: -10px;}
  #en-nd .container{margin-top: 60px;}
  #en-nd .container .col-lg-6{width: 100%;}
  .cont-services{width: 50%; float: left;}
  footer .footer-above .col-md-3{width: 25%; float: left; padding: 0 15px;}
  footer .footer-above .col-md-5{width: 41.66%; float: left;  padding: 0 15px;}
  footer .footer-above .col-md-4{width: 33.33%; float: left;  padding: 0 15px;}
  footer #contacto { padding-left: 15px; }
  footer #menu-prin { padding-left: 15px; }
  #mision .col-md-offset-2 { margin-left: 23%; }
  #div-vision{ width: 77%; margin-left: 23%; margin-top: 30px;}

  #capacitacion .cont-img img { max-width: 300px; }
  #capacitacion .cont-img{width: 100%; float:left; text-align: center;}
  #capacitacion .cont-text{width: 100%; border-left: 4px solid #dddddd; float: left;}

  #datos .col-lg-6{width: 50%; float: left;}
  .google{width: 50%;}

  /*Página de servicios independientes*/
  #der-fis {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #der-admin {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #der-corpo {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }

  .bicolor{background: #fafafa;}
  #parte-azul{background-color: #0f313e;}
  #parte-blanca{background-color: #fafafa;}

  #contabilidad {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #asesoria-fiscal {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #planeacion-fiscal-legal {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #parte-azul{display:none;}
  .azul-movil{display: block;list-style-image: url('../img/icons/flecha-blanca.png'); color:#fff; padding: 40px 180px; background-color: #0F313E}
  #der-lab {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #ges-tram {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #derecho-familiar {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #derecho-civil {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #derecho-mercantil {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  #capacitacion-consultoria {
    background-image:none;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 200px;
    background-color: #102d39;
  }
  .capacitacion-consultoria .col-lg-offset-3{margin-left: 0}
  .capacitacion-consultoria .col-lg-3{margin-left: 35%}
  .servicios2 section { padding: 20px 20px 40px 20px; }
}

@media(max-width:850px){
  #mision .col-md-offset-2 { margin-left: 50%; width: 50%;}
  #div-vision{ width: 50%; margin-left: 50%; margin-top: 30px;}
}

@media(max-width: 768px){
  .sol-emp {
    height: 190px;
    max-width: 293px;
    margin: 10px;
    float: left;
  }

  .carousel-inner h3 {
    font-size: 24px;
    color: #fff;
  }
  .carousel-inner p {
    font-size: 13px;
    color: #fff;
  }
  .carousel-caption {
    max-width: 265px;
    height: 162px;
  }

  #metlife img{
    width: 100%;
    margin-top: 14px;
  }
  #bxmas img{
    margin-top: 10px;
  }
  #amasfac img{
    height: 100%;
  }
  #qualitas img{
    height: 100%;
  }
  #insignia img{
    width: 100%;
    margin-top: 14px;
  }
  #mapfre img{
    width: 100%;
    margin-top: 26px;
  }
  #sisnova img{
    width: 100%;
    margin-top: 5px;
  }
  #dentegra img{
    height: 100%;
  }
  #potosi img{
    width: 100%;
    margin-top: 0px;
  }

  /*Empresa*/
  #historia{padding: 30px 0 10px 0;}

  #quienes-somos .col-lg-8 { border-left: 3px solid #1a475a; padding: 20px 20px 20px 40px; width: 100%; float: left; }
  #quienes-somos .col-lg-8 p{font-size: 14px;}
  #en-nd .container .col-lg-6 { width: 100%; }
  #en-nd .container .col-lg-6 p{ font-size: 14px;}
  .container { width: 100%; }
  #der-admin h3 { margin-top: 85px; }
  .azul-movil{padding: 40px 100px;}
}

@media(max-width: 767px){
  .nav {
    padding-left: 15px;
    margin-bottom: 0;
    list-style: none;
  }
  #alianzas .moviles .col-md-3, #alianzas .moviles .col-md-6 {
    text-align: center;
    width: 100%;
    float: left;
    max-width: 168px;
  }
  section {
    padding: 75px 30px;
  }
  #caracteristicas {
    padding: 80px 20px 10px 20px;
  }
  #porqueus {
    padding: 20px 20px 60px 20px;
  }
  #soluciones-empre .top60 {
    margin-top: 60px;
    padding: 0 0 0 4%;
  }

  .carousel-caption {
    max-width: 244px;
    height: 147px;
    top: 0 !important;
  }
  #alianzas .moviles{
    float: left;
    padding: 0 0 0 11%;
  }

  /*Formatos y links*/
  .formatos #formatosylinks .opcion {
    width: 75%;
    margin: 8px 0 8px 17.5%;
  }

  /*Empresa*/
  .empresa #valores .gris {
    height: 199px;
  }
  /*SErvicios*/
  #nuestros-servicios{padding: 40px 30px;}
  #soluciones-personales{padding: 30px 30px;}
  #soluciones-empresariales{padding: 20px 30px;}
  #nuestros-servicios .naranja h1,#nuestros-servicios .verde h1 {
    font-size: 24px;
  }
  #nuestros-servicios .subtitle {
    font-size: 28px;
  }
  #soluciones-personales .cont-servicios {
    min-height: 220px;
  }
  /*Contacto*/
  #datos {
    padding: 20px 30px;
  }
  .contacto #datos .data #dir {
    margin-top: 0px;
  }
  .contacto #formulario .line1 .lbl_text {
    max-width: inherit;
    width: 100%;
    float: left;
  }
  .contacto #formulario .line1 input {
    width: 100%;
    float: left;
    margin-top: 10px;
  }
  .contacto #formulario .line1 #nombre{
    width: 100%;
    float: left;
    margin-left: 0;
  }
  .contacto #formulario .line2 .lbl_text {
    max-width: inherit;
    width: 100%;
    float: left;
    margin-top: 20px;
  }
  .contacto #formulario .line2 input {
    width: 100%;
    margin-top: 10px;
  }
  .contacto #formulario form {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
  }
  .contacto #datos .title {
    font-size: 24px;
    height: 38px;
    line-height: 57px;
  }
  #formulario{
    padding: 24px 30px;
  }
  .contacto #formulario .title {
    font-size: 20px;
    height: 46px;
    line-height: 49px;
  }
  .contacto #mapa .title {
    font-size: 20px;
    height: 47px;
    line-height: 49px;
  }
  #mapa iframe {
    width: 100%;
    height: 350px;
  }
  .navbar-custom .navbar-toggle { color: white; text-transform: uppercase; font-size: 10px; border-color: white; background: #1D9F7A; width: 37px; }
  .azulclaro { margin-top: -75px; height: 33px;}
  .azulmedio { margin-top: -55px; height: 33px;}
  #en-nd { min-height: 210px; padding-bottom: 37px; }
  #en-nd .container { margin-top: 20px; }
  #mision{background-image: none;}
  #mision .col-md-4{width: 100%; margin-left: 0;}
  #der-fis{padding: 23px; margin-top: 60px; min-height: 50px;}
  #der-fis .container{padding: 0; height: auto;}
  #der-fis h3 { margin-top: 0; }

  #der-admin{padding: 23px; margin-top: 60px; min-height: 50px;}
  #der-admin .container{padding: 0; height: auto;}
  #der-admin h3 { margin-top: 0; }

  #der-corpo{padding: 23px; margin-top: 60px; min-height: 50px;}
  #der-corpo .container{padding: 0; height: auto;}
  #der-corpo h3 { margin-top: 0; }

  #der-lab{padding: 23px; margin-top: 60px; min-height: 50px;}
  #der-lab .container{padding: 0; height: auto;}
  #der-lab h3 { margin-top: 0; }

  #ges-tram{padding: 23px; margin-top: 60px; min-height: 50px;}
  #ges-tram .container{padding: 0; height: auto;}
  #ges-tram h3 { margin-top: 0; }

  #derecho-familiar{padding: 23px; margin-top: 60px; min-height: 50px;}
  #derecho-familiar .container{padding: 0; height: auto;}
  #derecho-familiar h3 { margin-top: 0; }

  #derecho-civil{padding: 23px; margin-top: 60px; min-height: 50px;}
  #derecho-civil .container{padding: 0; height: auto;}
  #derecho-civil h3 { margin-top: 0; margin-left: 0}

  #derecho-mercantil{padding: 23px; margin-top: 60px; min-height: 50px;}
  #derecho-mercantil .container{padding: 0; height: auto;}
  #derecho-mercantil h3 { margin-top: 0; }

  #capacitacion-consultoria{padding: 23px; margin-top: 60px; min-height: 50px;}
  #capacitacion-consultoria .container{padding: 0; height: auto;}
  #capacitacion-consultoria h3 { margin-top: 0; }
  .capacitacion-consultoria #content{padding: 40px 30px;}

.servicios2 #content ul { text-align: left; }
  .derecho-laboral #content{padding: 35px 30px}
  .derecho-administrativo  #content{padding: 26px 30px;}
  .azul-movil {padding: 20px 80px!important;}
  .derecho-corporativo section {
    padding: 20px 30px;
  }
  #superior .enlaces {
    float: left;
    margin-top: 5px;
}
}

@media(max-width: 650px){
  #servicios .cont-servicios {
    margin-top: 10px;
    float: left;
    margin-left: 9%;
  }
  #soluciones-empre .top60 {
    margin-top: 60px;
    padding: 0 0 0 1%;
  }
  footer .footer-head .col-md-4 {
    margin-top: -16px;
  }

  /*Empresa*/
  .empresa #valores .gris {
    height: 160px;
    width: 100%;
  }
  .empresa #valores #gris4 p {
    margin-top: 20px;
  }
  #valores {
    padding: 30px 30px;
  }
  .empresa #ntros_clientes .cont_client {
    width: 31%;
    margin: 10px 1%;
  }

  .big { font-size: 20px; }
  .frase p{font-size: 14px;}
  #nuestros-ser h2 { font-size: 20px;}
  #capacitacion .cont-text h2 { font-size: 20px; }
  #capacitacion { padding: 20px 30px 75px; }

  #datos .col-lg-6 { width: 100%; }
  #datos .col-lg-6 .col-lg-12{ width: 100%; float: left;}
  #datos .col-lg-6 .col-lg-12 .alto br{ display: none}
  #datos .col-lg-6 .top20{ margin-top: 0}
  #google-img{text-align: left;}
  #google-text{padding-left: 60px; }
  #cont-gmovil{display: block}
  #cont-gdesk{display: none;}
  .priv p{padding-left: 60px; color:#333}
}

@media(max-width: 600px){
  .cont-phones i{
    display: none;
  }
  .cont-logo {
    width: 100%;
    text-align: center;
  }
  .cont-phones {
    float: none;
    width: 270px;
    font-size: 13px;
    margin-top: 74px;
    margin: 73px auto 0;
  }
  .cont-phones .quince{
    display: none;
  }
  .cont-phones .veinticinco{width: 35%;}
  .cont-phones .treinta{width: 40%;}
  .cont-phones .veinte{width: 25%}

  .carousel-caption {
    max-width: 243px;
    height: 138px;
    left: 12% !important;
    top: 0!important;
  }
  .carousel-inner h3 {
    font-size: 18px;
    color: #fff;
  }
  #alianzas .moviles {
    padding: 0 0 0 9%;
  }
  #servicios .cont-servicios {
    margin-left: 7%;
  }
  .sol-emp {
    margin: 20px auto;
    float: none;
  }
  #soluciones-empre .top60 {
    margin-top: 25px;
    padding: 0 0 0 1%;
  }

  footer .footer-head {
    background-color: #1797ed;
    height: 108px;
  }
  footer .footer-head h3 {
    font-size: 21px;
  }
  footer h3 {
    margin-bottom: 30px;
    margin-left: 0;
  }
  footer .footer-above h3 {
    margin-bottom: 30px;
    margin-left: 16px;
  }

  /*Servicios*/
  #nuestros-servicios .col-lg-6 {
    margin-top: 40px;
  }
  #nuestros-servicios .naranja h1, #nuestros-servicios .verde h1 {
    font-size: 20px;
  }
  #nuestros-servicios .subtitle {
    font-size: 24px;
  }
  #nuestros-servicios .naranja, #nuestros-servicios .verde  {
    width: 100%;
  }
  #soluciones-personales .cont-servicios{
    min-height: inherit;
    width: 100%;
  }
  #soluciones-personales .col-centrada {
    margin-left: 0;
  }
  #soluciones-empresariales .cont-img {
    width: 100%;
    float: left;
    padding: 20px;
  }
  #soluciones-empresariales .cont-services {
    width: 100%;
    float: left;
    min-height: inherit;
    padding: 20px 20px 10px 20px;
  }
  #soluciones-empresariales .cont-services img {
    width: 100%;
    margin: 20px auto 0;
    max-width: 300px;
  }
  #soluciones-empresariales .cont-services h3 br{
    display: none;
  }
  /*Contacto*/
  #formulario .col-lg-12{
    padding: 0;
  }

  footer .footer-above .col-md-3 {width: 100% }
  footer #contacto { width: 100%!important; }
  footer #contacto br{display: none;}
  footer #menu-prin{width: 100%!important; }

  #valores .col-lg-12{display: none;}
  #valores .moviles{display: block;}
  .valores {width: 100%; max-width: 450px;  color:#fff; margin: 10px auto; text-transform: uppercase; font-weight: 600}
  .valores .val-header {width: 100%; height: 30px;  max-width: 450px;}
  .valores .val-content{padding: 20px; width: 100%;}
  #valores .moviles h2{color:#1E7EC3;text-transform: uppercase; font-size: 25px; margin-bottom: 30px;}
  .claro{background-color: #34B2E3;}
  .claro .val-header{background-color: #0A97CF;}
  .oscuro{background-color: #065380;}
  .oscuro .val-header{background-color: #0A4367}
  #quienes-somos .col-lg-8 h2 { color: #222021; font-size: 20px; }
  #mision h2 { font-size: 20px; color: #fff; }
  #mision p { font-size: 14px;}

  #contabilidad h3 { margin-top: 0; font-size: 20px}
  #contabilidad, #asesoria-fiscal, #planeacion-fiscal-legal{padding: 23px 30px; margin-top: 60px; min-height: auto;}
  #asesoria-fiscal h3 { margin-top: 0; font-size: 20px; margin-left: 0px;}
  #planeacion-fiscal-legal h3 { margin-top: 0; font-size: 20px}
  #derecho-familiar h3{margin-top: 0; font-size: 20px}
    #der-lab h3{margin-top: 0; font-size: 20px}
        #ges-tram h3{margin-top: 0; font-size: 20px}
        #der-fis h3{margin-top: 0; font-size: 20px}
        #der-admin h3{margin-top: 0; font-size: 20px}
        #der-corpo h3{margin-top: 0; font-size: 20px}
  #derecho-civil h3{margin-top: 0; font-size: 20px}
  #derecho-mercantil h3{margin-top: 0; font-size: 20px}
  #capacitacion-consultoria h3{margin-top: 0; font-size: 20px}
  .capacitacion-consultoria .col-lg-3{margin-left: 0%}
}

@media(max-width: 550px){
  #parte-azul{background-color: #0f313e; padding: 20px;}
  #parte-blanca{background-color: #fafafa; padding: 20px;}
  #alianzas {
    background: #f2f2f2;
    padding: 0px 19px;
  }
  /*Formatos y links*/
  .formatos #formatosylinks .opcion {
    width: 100%;
    margin: 8px 0 8px 11%;
  }
  /*Empresa*/
  .empresa #valores #gris4 p{
    margin-top: 5px;
  }
  #ntros_clientes .top60{
    margin-top: 30px;
  }
  .empresa #ntros_clientes .cont_client {
    width: 48%;
    margin: 5px 1%;
  }
  .empresa #valores #gris4{
    height: auto;
  }

  .slider-resp{display: block!important;}
  .slider-esc{display: none!important;}
}

@media(max-width: 500px){
  #superior a {
    padding: 0 5px;
}
  .carousel-inner h3 {
    font-size: 14px;
  }
  .carousel-inner p {
    font-size: 12px;
    color: #fff;
  }
  .carousel-caption {
    max-width: 158px;
    height: 138px;
    left: 12% !important;
    top: -29px !important;
  }
  #alianzas .moviles {
    padding: 0 0 0 15%;
  }
  #servicios .cont-servicios {
    margin: 20px auto;
    float: none;
  }
  #servicios .top60{
    margin-top: 30px;
  }
  .extras{
    display: none;
  }
  footer .footer-head .col-md-8 {
    padding: 0 20px;
  }
  footer .footer-head {
    height: 128px;
  }
  section {
    padding: 31px 30px;
  }

  /*Formatos y links*/
  .formatos #formatosylinks .opcion {
    width: 100%;
    margin: 8px 0 8px 0%;
    max-width: 500px;
  }
  /*Empresa*/
  .empresa #historia .title {
    background-color: #1d9f7a;
    color: #fff;
    text-align: center;
    font-size: 20px;
    height: 60px;
    line-height: 58px;
  }
  .empresa #valores .title {
    background-color: #2f6dc0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    height: 53px;
    line-height: 52px;
  }
  .empresa #valores .gris p {
    color: #727070;
    font-size: 14px;
  }
  .empresa #valores .gris {
    height: 135px;
    width: 100%;
  }
  .empresa #valores #gris1 p, .empresa #valores #gris2 p, .empresa #valores #gris3 p  {
    margin-top: 41px;
  }
  .empresa #ntros_clientes .title {
    background-color: #1d9f7a;
    color: #fff;
    text-align: center;
    font-size: 20px;
    height: 55px;
    line-height: 52px;
  }
  .empresa #preguntas .title {
    background-color: #2f6dc0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    height: 55px;
    line-height: 52px;
  }
  .empresa #preguntas .panel-title {
    font-size: 16px;
    border-radius: 0;
    padding-left: 36px;
    padding-top: 2px;
  }
  .empresa #preguntas .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
    color: #5c5959;
    font-size: 14px;
  }

  #quienes-somos .col-lg-8 { margin-bottom: 40px; }
  .cont-services { width: 100%; float: left; }
  #aviso-priv{width: 100%; text-align: left!important; padding: 10px 15px;}
  .carousel-indicators{z-index: 5;}

  #capacitacion .cont-text ul { width: 100%; margin-bottom: 0; margin-top: 20px;}
  #der-fis h3{font-size: 20px;}
  #der-admin h3{font-size: 20px;}
  #der-corpo h3{font-size: 20px;}
  .azul-movil {
    padding: 20px 30px !important;
  }
  .titulo-gris {min-height: 50px; height: auto;}
}

@media(max-width: 400px){
  #alianzas .moviles {
    padding: 0 0 0 8%;
  }
  #servicios {
    padding: 40px 10px 30px 10px;
    background-color: #f4f4f4;
  }
  #servicios .title {
    color: #24226a;
    font-size: 28.5px;
  }
  .carousel-caption {
    max-width: 158px;
    height: 138px;
    left: 11% !important;
    top: -37px !important;
  }
  #soluciones .title {
    font-size: 26px;
  }
  #soluciones .top60 {
    margin-top: 30px;
  }
  #servicios .bef-title {
    font-size: 17px;
  }
  #servicios .subtitle {
    font-size: 18.5px;
  }
  #soluciones-empre .title {
    font-size: 18.5px;
  }
  #superior a {
    padding: 0 6px;
  }

  /*Formatos y links*/
  .formatos #formatosylinks .opcion label {
    margin-left: 8px;
    font-size: 13px;
    max-width: 200px;
  }
  .formatos #formatosylinks .opcion img {
    width: 40px;
    height: 34px;
  }

  #google-text { padding-left: 25px;}
  .priv p{padding-left: 25px;}
  .derecho-corporativo #content ul { text-align: left;; }
  .derecho-corporativo .lista-gris { padding: 10px 10px; }
  #superior a {
    padding: 0 2px!important;
}
}

@media(max-width: 360px){
  .carousel-caption {
    max-width: 178px;
    height: 121px;
    left: 11% !important;
    top: -19px !important;
    background: #34383780;
    padding: 5px;
    padding-bottom: 5px;
    padding-bottom: 5px;
    border: none;

  }
  .font-blue h3{
    color:#fff!important;
  }
  .font-blue p{
    color:#fff!important;
  }
  #alianzas .moviles {
    padding: 0 0 0 4%;
  }

  .btn-azul { padding: 8px 30px; }
  #en-nd .cont-btn{text-align: left; padding: 0}
  footer .footer-head { height: 163px; }
  #nuestros-ser h2 { font-size: 22px; }
  #en-nd p span { font-size: 20px; }
  #quienes-somos .col-lg-8 h2 { color: #222021; font-size: 20px; }
  .logo-top .cont-img img { max-width: 100px; }
  #quienes-somos .col-lg-8 { border-left: transparent; padding: 20px 20px 20px 20px; width: 100%; float: left; }
  #quienes-somos .cont-btn { text-align: left; margin-top: 30px; padding: 0;}

  #datos .alto { height: 78px; }
}

@media(max-width: 320px){
  .carousel-caption {
    width: 249px;
    height: 250px;
    left: 11% !important;
    top: -19px !important;
    background: #34383780;
    padding: 5px;
    padding-bottom: 5px;
    padding-bottom: 5px;
    padding-bottom: 5px;
    border: none;
    max-width: 249px;
  }
  #caracteristicas {
    padding: 55px 10px 10px 10px;
  }
  #porqueus hr{
    margin-top: 0;
  }
  #alianzas .moviles {
    padding: 0 0 0 4%;
  }
  #alianzas .moviles {
    padding: 0 0 0 0%;
  }
  footer .footer-head {
    height: 150px;
  }


  /*Formatos y links*/
  .formatos #formatosylinks .opcion label {
    margin-left: 8px;
    font-size: 13px;
    max-width: 150px;
  }
  /*Empresa*/
  .empresa #valores #gris1 p, .empresa #valores #gris2 p, .empresa #valores #gris3 p {
    margin-top: 25px;
  }
  .empresa #ntros_clientes .cont_client {
    width: 98%;
    margin: 0px 1%;
  }

  #google-text { padding-left: 12px; }
  .priv p{padding-left: 12px; }
  .form-inline div{padding: 0;}
  div < .form-inline{padding: 0;}
  #datos { padding: 20px 10px; }

  #content{padding: 31px 15px;}
  #content ul{text-align: left;}
}