.cbp-rfgrid {
	margin: 0;
	padding: 0.5%;
	list-style: none;
	position: relative;
	width: 100%;
	text-align: center;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 13.2%; /* Fallback */
	width: -webkit-calc(92% / 7);
	width: calc(92% / 7);
	margin:0.5%;
	text-align: center;
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    justify-content: center;
}

.cbp-rfgrid li a:hover div {
	opacity: 1;
}

.cliente{
	width: 100%;
	background-color: #A31D23;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.cliente:hover{
	border-radius: 10px;
	background-color: #8E181E;
}
.cliente-parche{
	position: relative;
	float: left;
	overflow: hidden;
	width: 13.2%; /* Fallback */
	width: -webkit-calc(92% / 7);
	width: calc(92% / 7);
	margin:0.5%;
	text-align: center;
	display: block;
}
.tx-cliente{
		font-family: 'Montserrat', sans-serif;
		text-align:center;
		color:#FFF;
		font-size:1em;
}
/* Example for media query: change number of items per row */

@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 15.5%; /* Fallback */
		width: -webkit-calc(93% / 6);
		width: calc(93% / 6);
	}
	.cliente-parche{
		display: none;
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 18.8%; /* Fallback */
		width: -webkit-calc(94% / 5);
		width: calc(94% / 5);
	}
	.tx-cliente{
		font-size:0.8em;
}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 23.75%; /* Fallback */
		width: -webkit-calc(95% / 4);
		width: calc(95% / 4);
	}
	.tx-cliente{
		font-size:0.5em;
}
}

@media screen and (max-width: 400px) {
	.cbp-rfgrid li {
		width: 32%; /* Fallback */
		width: -webkit-calc(96% / 3);
		width: calc(96% / 3);
	}
}
