html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
    
}

/* GRID */

/* CONTAINER */
.container {
    margin:0 auto;
    padding-left: 0px;
    padding-right: 0px;

}
/* ROW */
.row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 10px;

    max-width:1220px;
}
/* BORDE DE LOS DIV DE TARJETAS*/

    .tarjetas-div{
    border-bottom: solid 2px #999;
    border-top: none;
    border-left: none;
    border-right: none;
    }

.col-xs-12 { grid-column: span 12}
.col-xs-11 { grid-column: span 11}
.col-xs-10 { grid-column: span 10}
.col-xs-9 { grid-column: span 9}
.col-xs-8 { grid-column: span 8}
.col-xs-7 { grid-column: span 7}
.col-xs-6 { grid-column: span 6}
.col-xs-5 { grid-column: span 5}
.col-xs-4 { grid-column: span 4}
.col-xs-3 { grid-column: span 3}
.col-xs-2 { grid-column: span 2}
.col-xs-1 { grid-column: span 1}


.ini-1 {grid-column-start:1;}
.ini-2 {grid-column-start:1;}
.ini-3 {grid-column-start:1;}
.ini-4 {grid-column-start:1;}
.ini-5 {grid-column-start:1;}
.ini-6 {grid-column-start:1;}
.ini-7 {grid-column-start:1;}
.ini-8 {grid-column-start:1;}
.ini-9 {grid-column-start:1;}
.ini-10 {grid-column-start:1;}
.ini-11 {grid-column-start:1;}


@media (min-width: 768px) {
    .container { width: 720px;}
  .col-sm-12 { grid-column: span 12}
  .col-sm-11 { grid-column: span 11}
  .col-sm-10 { grid-column: span 10}
  .col-sm-9 { grid-column: span 9}
  .col-sm-8 { grid-column: span 8}
  .col-sm-7 { grid-column: span 7}
  .col-sm-6 { grid-column: span 6}
  .col-sm-5 { grid-column: span 5}
  .col-sm-4 { grid-column: span 4}
  .col-sm-3 { grid-column: span 3}
  .col-sm-2 { grid-column: span 2}
  .col-sm-1 { grid-column: span 1}

/* BORDE DE LOS DIV DE TARJETAS*/
    .tarjetas-div{
    border-bottom: solid 2px #999;
    border-top: none;
    border-left: none;
    border-right: none;
    }
}
@media (min-width: 992px) {
    .container {width: 960px;}
  .col-md-12 { grid-column: span 12}
  .col-md-11 { grid-column: span 11}
  .col-md-10 { grid-column: span 10}
  .col-md-9 { grid-column: span 9}
  .col-md-8 { grid-column: span 8}
  .col-md-7 { grid-column: span 7}
  .col-md-6 { grid-column: span 6}
  .col-md-5 { grid-column: span 5}
  .col-md-4 { grid-column: span 4}
  .col-md-3 { grid-column: span 3}
  .col-md-2 { grid-column: span 2}
  .col-md-1 { grid-column: span 1}
   
    /* BORDE DE LOS DIV DE TARJETAS*/
.tarjetas-div:nth-child(0n+2){
        border-left: solid 2px #999;
        border-right: solid 2px #999;
    }
    .tarjetas-div{
        border-bottom: none;
        border-top: none;
    }
}

@media (min-width: 1220px) {
    .container {width: 1220px;}
  .col-lg-12 { grid-column: span 12}
  .col-lg-11 { grid-column: span 11}
  .col-lg-10 { grid-column: span 10}
  .col-lg-9 { grid-column: span 9}
  .col-lg-8 { grid-column: span 8}
  .col-lg-7 { grid-column: span 7}
  .col-lg-6 { grid-column: span 6}
  .col-lg-5 { grid-column: span 5}
  .col-lg-4 { grid-column: span 4}
  .col-lg-3 { grid-column: span 3}
  .col-lg-2 { grid-column: span 2}
  .col-lg-1 { grid-column: span 1}

/* BORDE DE LOS DIV DE TARJETAS*/
    .tarjetas-div:nth-child(0n+2){
        border-left: solid 2px #999;
        border-right: solid 2px #999;
    }
    .tarjetas-div{
    border-bottom: none;
    border-top: none;
    }
}