[class*='box-'] {
  float: left;
 /* border:#000 solid 0px;*/
}

.box--new {
	background: #87D37C;
}
		
.box-1 {
  width: 100%;
}

.box-2 {
  width: 50%;
}

.box-3 {
  width: 33.33333%;
}

.box-4 {
  width: 25%; box-sizing: border-box;
}

.box-5 {
  width: 20%;
}

.box-6 {
  width: 16.66667%;
}

.box-7 {
  width: 14.28571%;
}

.box-8 {
  width: 12.5%;
}

.box-9 {
  width: 11.11111%;
}

.box-10 {
  width: 10%;
}

.box-11 {
  width: 9.09091%;
}

.box-12 {
  width: 8.33333%;
}

.box-20 {
  width: 20%;
}

.box-25 {
  width: 25%;
}

.box-40 {
  width: 40%;
}

.box-50 {
  width: 50%;
}

.box-60 {
  width: 60%;
}

.box-75 {
  width: 75%;
}

.box-80 {
  width: 80%;
}

@media (max-width: 30em) {
  .box-1 {
    width: 100%;
  }
  .box-2 {
    width: 100%;
  }
  .box-3 {
    width: 100%;
  }
  .box-4 {
    width: 100%;
  }
  .box-5 {
    width: 100%;
  }
  .box-6 {
    width: 100%;
  }
  .box-7 {
    width: 100%;
  }
  .box-8 {
    width: 100%;
  }
  .box-9 {
    width: 100%;
  }
  .box-10 {
    width: 100%;
  }
  .box-11 {
    width: 100%;
  }
  .box-12 {
    width: 100%;
  }
  .box-20 {
    width: 100%;
  }
  .box-25 {
    width: 100%;
  }
  .box-40 {
    width: 100%;
  }
 .box-50 {
    width: 100%;
  }
  .box-60 {
    width: 100%;
  }
  .box-75 {
    width: 100%;
  }
  .box-80 {
    width: 100%;
  }
  .buscador{
	width:100%;
  }
}

@media (min-width: 30em) and (max-width: 50em) {
  .box-4,
  .box-6,
  .box-8,
  .box-10,
  .box-12 {
    width: 100%;
  }
  .box-1,
  .box-2,
  .box-3,
  .box-5,
  .box-7,
  .box-9,
  .box-11, .box-20, .box-25, .box-40, .box-50, .box-60, .box-75, .box-80 {
    width: 100%;
  }
  .buscador{
	width:100%;
  }
}

@media (min-width: 50em) and (max-width: 68.75em) {
  /*.box-2,*/
  .box-7 {
    width: 100%;
  }
  .box-4,
  .box-8,
  .box-10,
  .box-12 {
    width: 50%;
  }
}