@media (max-width: 1199px) {

    /* small screen  */

    .col25 {
        width: 100%;
    }


}

@media (min-width: 1200px) {

    /* larger screen */

    .col25 {
        width: 25%;
    }


}


.row {
    width: 100%;
    display: flex;
}


.col25.padright {
    width: calc(25% - 10px);
    padding-right: 10px;
}


.col50 {
    width: 50%;
}

.col75 {
    width: 75%;
}

.col75.padright {
    width: calc(75% - 10px);
    padding-right: 10px;
}