.certificates-wrap .items {
  margin-left: -15px;
  margin-right: -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-line-pack: stretch;
	    align-content: stretch;
}

.certificates-wrap .items .item {
  width: calc(33.3% - 30px);
  margin: 0 15px 30px;
  height: 400px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 10px solid #f0f0f0 !important;
  background-color: #f0f0f0;
  transition: all .2s ease !important;
  opacity: 1;
}

.certificates-wrap .items .item:hover {
  opacity: .6;
}

@media screen and (max-width: 1150px) {
  .certificates-wrap .items .item {
    height: 300px;
  }
}

@media screen and (max-width: 1040px) {
  .certificates-wrap .items .item {
    height: 290px;
  }
}

@media screen and (max-width: 640px) {
  .certificates-wrap .items {
    margin-left: -5px;
    margin-right: -5px;
  }
  .certificates-wrap .items .item {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    width: calc(50% - 10px);
    height: 320px;
    border-width: 5px !important;
    background-position: center top;
    background-size: cover;
  }
}

@media screen and (max-width: 480px) {
  .certificates-wrap .items .item {
    height: 215px;
  }
}