/*
==============================
Page Grid
Section: Boxes
==============================
*/

.grid-boxes .card-servicios {
  box-shadow:0 2px 4px 0 rgba(0,0,0,.2);
  top:-25%;
  position:relative;
  z-index:2;
  margin-right:1.5rem;
  margin-left:1.5rem;
}

/*
==============================
Page Grid
Section: Structure
==============================
*/

.grid-boxes .row .col-lg-4 {
  order:2;
}
.grid-boxes .row .col-lg-8 {
  order:1;
}

/*
==============================
Media Queries
==============================
*/

@media (min-width: 992px) {
  .grid-boxes .row .col-lg-6:nth-child(1) {
    order:1;
  }
  .grid-boxes .row .col-lg-6:nth-child(2) {
    order:2;
  }
  .grid-boxes .row .col-lg-6:nth-child(3) {
    order:4;
  }
  .grid-boxes .row .col-lg-6:nth-child(4) {
    order:3;
  }
  .grid-boxes .row .col-lg-6:nth-child(5) {
    order:5;
  }
  .grid-boxes .row .col-lg-6:nth-child(6) {
    order:6;
  }
  .grid-boxes .row .col-lg-6:nth-child(7) {
    order:8;
  }
  .grid-boxes .row .col-lg-6:nth-child(8) {
    order:7;
  }
  .grid-boxes .row .col-lg-6:nth-child(9) {
    order:9;
  }
  .grid-boxes .row .col-lg-6:nth-child(10) {
    order:10;
  }
  .grid-boxes .row .col-lg-6:nth-child(11) {
    order:12;
  }
  .grid-boxes .row .col-lg-6:nth-child(12) {
    order:11;
  }  

  .columna-textos-empresa.col-texto-empresa-0 .conten-grid-textos ,
  .columna-textos-empresa.col-texto-empresa-0 .content-btn-grid,
  .columna-textos-empresa.col-texto-empresa-2 .conten-grid-textos ,
  .columna-textos-empresa.col-texto-empresa-2 .content-btn-grid,
  .columna-textos-empresa.col-texto-empresa-4 .conten-grid-textos ,
  .columna-textos-empresa.col-texto-empresa-4 .content-btn-grid,
  .columna-textos-empresa.col-texto-empresa-6 .conten-grid-textos ,
  .columna-textos-empresa.col-texto-empresa-6 .content-btn-grid{
    padding-left: 8%;
    text-align: left;
    width: 100%;
  }

  .columna-textos-empresa.col-texto-empresa-0 .conten-grid-textos .texto-simple-empresa-grid,  
  .columna-textos-empresa.col-texto-empresa-2 .conten-grid-textos .texto-simple-empresa-grid,  
  .columna-textos-empresa.col-texto-empresa-4 .conten-grid-textos .texto-simple-empresa-grid,  
  .columna-textos-empresa.col-texto-empresa-6 .conten-grid-textos .texto-simple-empresa-grid{
    max-width: 80%;
  }

  .columna-textos-empresa.col-texto-empresa-1 .conten-grid-textos ,
  .columna-textos-empresa.col-texto-empresa-1 .content-btn-grid, 
  .columna-textos-empresa.col-texto-empresa-3 .conten-grid-textos ,
  .columna-textos-empresa.col-texto-empresa-3 .content-btn-grid,
  .columna-textos-empresa.col-texto-empresa-5 .conten-grid-textos ,
  .columna-textos-empresa.col-texto-empresa-5 .content-btn-grid{
    padding-right: 8%;
    text-align: right;
    width: 100%;
  }

  .columna-textos-empresa.col-texto-empresa-1 .conten-grid-textos .texto-simple-empresa-grid,  
  .columna-textos-empresa.col-texto-empresa-3 .conten-grid-textos .texto-simple-empresa-grid,  
  .columna-textos-empresa.col-texto-empresa-5 .conten-grid-textos .texto-simple-empresa-grid,  
  .columna-textos-empresa.col-texto-empresa-7 .conten-grid-textos .texto-simple-empresa-grid{
    max-width: 80%;
    margin-left: 20%;
  }

  .columna-textos-empresa.col-texto-empresa-1 .titulos-grid{
    justify-content: flex-end;
  }

}

@media (max-width: 991px) {

  .columna-textos-empresa.col-texto-empresa-0 .conten-grid-textos .titulos-grid,
  .columna-textos-empresa.col-texto-empresa-1 .conten-grid-textos .titulos-grid,
  .columna-textos-empresa.col-texto-empresa-2 .conten-grid-textos .titulos-grid,
  .columna-textos-empresa.col-texto-empresa-3 .conten-grid-textos .titulos-grid{    
    justify-content: flex-start;
    width: 100%;
  }
  .columna-textos-empresa.col-texto-empresa-0 .conten-grid-textos .texto-simple-empresa-grid,
  .columna-textos-empresa.col-texto-empresa-1 .conten-grid-textos .texto-simple-empresa-grid,
  .columna-textos-empresa.col-texto-empresa-2 .conten-grid-textos .texto-simple-empresa-grid,
  .columna-textos-empresa.col-texto-empresa-3 .conten-grid-textos .texto-simple-empresa-grid{
    text-align: flex-start;
  }

}