@media only screen and (max-width: 700px) {
    .col-4 {
        width: 50% !important;
    }
}
@media only screen and (max-width: 475px) {
    .col-4 {
        width: 50% !important;
    }
}
@media only screen and (max-width: 475px) {
    .col-4 {
        width: 100% !important;
    }
}