.cbp-rfgrid {

	margin: 0px 0 0 0;

	padding: 0;

	list-style: none;

	position: relative;

	width: 100%;

	overflow:hidden;

}



.cbp-rfgrid li {

	position: relative;

	float: left;

	overflow: hidden;

	width: 33.33333%; /* Fallback */

	width: -webkit-calc(100% / 5);

	width: calc(100% / 5);

}



.cbp-rfgrid li a,

.cbp-rfgrid li a img {

	display: block;

	width: 100%;

	cursor: pointer;

}



.cbp-rfgrid li a img {

	max-width: 100%;

}



/* Flexbox is used for centering the heading */

.cbp-rfgrid li a div {

	position: absolute;

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;

	

	/*display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: flex;*/

	-webkit-align-items: center;

	-moz-align-items: center;

	-ms-align-items: center;

    align-items: center;

    text-align: center;

    opacity: 0;

	-webkit-transition: all 0.300s ease-in-out;

    -moz-transition: all 0.300s ease-in-out;

    -ms-transition: all 0.300s ease-in-out;

    -o-transition: all 0.300s ease-in-out;

    transition: all 0.300s ease-in-out;

	padding-top:59%;

}

.cbp-rfgrid li:hover a div

{

padding-top:35%;

}

.cbp-rfgrid li:hover a div {

    background:rgba(17, 17, 17, 0.9);

}

/*.cbp-rfgrid li:nth-child(even):hover a div {

      background: rgba(210, 10, 10, 0.78);

}*/

.cbp-rfgrid li a:hover div {

	opacity: 1;

}



.cbp-rfgrid li a div h3 {

	    width: 100%;

    color: #fff;

    text-transform: uppercase;

    font-size: 18px;

    letter-spacing: 0px;

    padding: 0 10px;

    

    font-weight: 700;

}

.cbp-rfgrid li a div p.cap .cap-txt

{

display:none;

}

@media(min-width:992px)

{

.cbp-rfgrid li a div p.cap .cap-txt

{

display:block;

}

}





.cbp-rfgrid li a div p.cap

{

        text-align: center;

    visibility: hidden;

    color: #fff;

    font-size: 15px;

    padding: 0 15px;

    width: 50px;

    height: 50px;

    margin: 2% auto;

    background: #e2221d;

    border-radius: 50%;

    padding-top: 17px;

	

}



.cbp-rfgrid li:hover a div p.cap

{

visibility:visible;

}

/* Example for media query: change number of items per row */



@media screen and (max-width: 1190px) {

	.cbp-rfgrid li {

		width: 20%; /* Fallback */

		width: -webkit-calc(100% / 3);

		width: calc(100% / 3);

	}

}



@media screen and (max-width: 945px) {

	.cbp-rfgrid li {

		width: 25%; /* Fallback */

		width: -webkit-calc(100% / 3);

		width: calc(100% / 3);

	}

}



@media screen and (max-width: 660px) {

	.cbp-rfgrid li {

		width: 33.3333333%; /* Fallback */

		width: -webkit-calc(100% / 2);

		width: calc(100% / 2);

	}

}



@media screen and (max-width: 660px) {

	.cbp-rfgrid li {

		width: 33.3333333%; /* Fallback */

		width: -webkit-calc(100% / 2);

		width: calc(100% / 1);

	}

}



@media screen and (max-width: 400px) {

	.cbp-rfgrid li {

		width: 50%; /* Fallback */

		width: -webkit-calc(100% / 1);

		width: calc(100% / 1);

	}

}



@media screen and (max-width: 300px) {

	.cbp-rfgrid li {

		width: 100%;

	}

}

.readmore

{

background: transparent;

    display: inline-block;

    padding: 5px 22px;

    color: #fff;

    border: 1px solid #fff;

    margin-top: 20px;

	    border-radius: 4px;

}

.readmore:hover

{

background:#fff;

color:#000;

}