.d-flex {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.d-flex > div {
    max-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
 	-ms-flex: 0 0 25%;
    flex: 0 0 25%;
}
@media(max-width: 1199px){
	.d-flex > div {
		max-width: 33.3333333%;
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 33.3333333%;
		-ms-flex: 0 0 33.3333333%;
	 	flex: 0 0 33.3333333%;
	}
}
@media(max-width: 991px){
	.d-flex > div {
		max-width: 50%;
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 50%;
	 	-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	}
}
@media(max-width: 575px){
.d-flex > div {
	max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
  	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
	}
}