.cbp-rfgrid{
  margin:35px 0 0 0;
  padding:0;
  list-style:none;
  position:relative;
  width:100%;
}

.cbp-rfgrid li{
  position:relative;
  float:left;
  overflow:hidden;
  width:16.6666667%;
  width:-webkit-calc(100% / 6);
  width:calc(100% / 6);
}

.cbp-rfgrid li a, .cbp-rfgrid li a img{
  display:block;
  width:100%;
  cursor:pointer;
}

.cbp-rfgrid li a img{
  max-width:100%;
}

.cbp-rfgrid li a div{
  position:absolute;
  left:20px;
  top:20px;
  right:20px;
  bottom:20px;
  background:rgba(71,163,218,0.2);
  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;
}

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

.cbp-rfgrid li a div h3{
  width:100%;
  color:#fff;
  text-transform:uppercase;
  font-size:1.4em;
  letter-spacing:2px;
  padding:0 10px;
}

@media screen and (max-width: 1190px) {
  .cbp-rfgrid li{
    width:20%;
    width:-webkit-calc(100% / 5);
    width:calc(100% / 5);
  }
}

@media screen and (max-width: 945px) {
  .cbp-rfgrid li{
    width:25%;
    width:-webkit-calc(100% / 4);
    width:calc(100% / 4);
  }
}

@media screen and (max-width: 660px) {
  .cbp-rfgrid li{
    width:33.3333333%;
    width:-webkit-calc(100% / 3);
    width:calc(100% / 3);
  }
}

@media screen and (max-width: 660px) {
  .cbp-rfgrid li{
    width:33.3333333%;
    width:-webkit-calc(100% / 3);
    width:calc(100% / 3);
  }
}

@media screen and (max-width: 400px) {
  .cbp-rfgrid li{
    width:50%;
    width:-webkit-calc(100% / 2);
    width:calc(100% / 2);
  }
}

@media screen and (max-width: 300px) {
  .cbp-rfgrid li{
    width:100%;
  }
}