/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 1200px){
.masonry {-webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px;}
.banners { margin-top: 20px; height: auto!important;}
.banners article { height: 200px; margin-bottom: 20px;}
}

@media screen and (max-width: 991px){
  .pure-pusher-container { height: auto; padding-top: 0px;}
  header { position: relative;}
  .col-xs-12 { margin-bottom: 20px;}
  .col-xs-12:last-child { margin-bottom: 0px;}
  .banners { height: auto!important;}
  .masonry, .tolvas .masonry {-webkit-column-count: 3; column-count: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; -moz-columns: 3 auto;}
  #slider::after { height: 600px;}
  .btBack { top: 25px;}
}

@media screen and (max-width: 768px){
  header .logo img { width: 80%; margin-bottom: 10px; margin-left: 0;}
  header > div { overflow: hidden; height: auto!important;}
  .det figure { min-height: 200px; border-right: 0; border-bottom: 5px solid #FFCB00;}
  .cat article a { height: 100px;}
  .cat img { width: 100%; bottom: -90%; right: -40%;}
  iframe { height: 250px;}
  footer p { text-align: center;}
  footer div > * { width: 100%; float: left;}
  footer div iframe { position: relative!important; width: 98px; height: 68px; float: none; margin-left: 50%; left: -44px;}
  footer i { width: 100%; margin-top: 10px;}
  h1 { text-align: center;}
  #slider::after { width: 90px; height: 200px;}
  .info > article > div:last-child { position: relative;}
  .btBack { top: inherit; bottom: -60px; right: 0; left: 0; width: auto; text-align: center; margin: 0 15px;}
  .contenido { padding-top: 0;}
  .carousel-indicators { bottom: -10px;}
  #slider #detalle { padding-bottom: 60px;}
  .masonry, .tolvas .masonry {-webkit-column-count: 1; column-count: 1; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; -moz-columns: 1 auto;}
}