/* ----------------------------------------------------------------
Bootstrap row colums fixes
color for geopark estrela - #006cb6
-----------------------------------------------------------------*/

.col-md-2-5 {
  width: 20%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.row .col-md-6:nth-child(2) {
  clear: right;
}

.row .col-xs-4:nth-child(3n+4),
.row .col-xs-3:nth-child(4n+5),
.row .col-xs-2:nth-child(6n+7),
.row .col-xs-1:nth-child(12n+13),
.row .col-md-4:nth-child(3n+4) {
  clear: right;
}

@media (min-width: 768px) {
  .row .col-xs-6:nth-child(2n+3),
  .row .col-xs-4:nth-child(3n+4),
  .row .col-xs-3:nth-child(4n+5),
  .row .col-xs-2:nth-child(6n+7),
  .row .col-xs-1:nth-child(12n+13) {
    clear: none;
  }
}

@media (min-width: 992px) {
  .row .col-sm-6:nth-child(2n+3),
  .row .col-sm-3:nth-child(4n+5),
  .row .col-sm-2:nth-child(6n+7),
  .row .col-sm-1:nth-child(12n+13) {
    clear: left;
  }
  .row .col-md-4:nth-child(3n+4) {
    clear: right;
  }
}

@media (min-width: 1200px) {
  .row .col-md-2:nth-child(6n+7),
  .row .col-md-1:nth-child(12n+13) {
    clear: right;
  }
  .row .col-lg-6:nth-child(2n+3),
  .row .col-lg-4:nth-child(3n+4),
  .row .col-lg-3:nth-child(4n+5),
  .row .col-lg-2:nth-child(6n+7),
  .row .col-lg-1:nth-child(12n+13) {
    clear: left;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  .row .col-md-6:nth-child(2n+3),
  .row .col-md-4:nth-child(2n+3),
  .row .col-md-3:nth-child(2n+4),
  .row .col-lg-6:nth-child(2n+3),
  .row .col-lg-4:nth-child(3n+4),
  .row .col-lg-3:nth-child(4n+5),
  .row .col-lg-2:nth-child(6n+7),
  .row .col-lg-1:nth-child(12n+13) {
    clear: left;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4 {
    clear: right !important;
    float: left;
    margin-right: 0;
    width: 49.99%;
  }
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-19,
  .col-md-11,
  .col-md-12 {
    width: 100%;
  }
  .col-md-6 .col-md-6 {
    clear: right;
    float: left;
    margin-right: 0;
    width: 50%;
  }
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-19,
  .col-sm-11,
  .col-sm-12 {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-19,
  .col-sm-11,
  .col-sm-12 {
    width: 100%;
  }
}
