.row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

}



[class*="col-"] {

    padding: 0 15px;

}



.col-1 {

    width: 8.33%;

}



.col-2 {

    width: 16.66%;

}



.col-3 {

    width: 25%;

}



.col-4 {

    width: 33.33%;

}



.col-5 {

    width: 41.66%;

}



.col-6 {

    width: 50%;

}



.col-7 {

    width: 58.33%;

}



.col-8 {

    width: 66.66%;

}



.col-9 {

    width: 75%;

}



.col-10 {

    width: 83.33%;

}



.col-11 {

    width: 91.66%;

}



.col-12 {

    width: 100%;

}



/* MEDIUM SCREEN */



@media only screen and (max-width: 1280px) {

    .col-md-1 {

        width: 8.33%;

    }



    .col-md-2 {

        width: 16.66%;

    }



    .col-md-3 {

        width: 25%;

    }



    .col-md-4 {

        width: 33.33%;

    }



    .col-md-5 {

        width: 41.66%;

    }



    .col-md-6 {

        width: 50%;

    }



    .col-md-7 {

        width: 58.33%;

    }



    .col-md-8 {

        width: 66.66%;

    }



    .col-md-9 {

        width: 75%;

    }



    .col-md-10 {

        width: 83.33%;

    }



    .col-md-11 {

        width: 91.66%;

    }



    .col-md-12 {

        width: 100%;

    }

}



/* SMALL SCREEN */



@media only screen and (max-width: 850px) {

    .col-sm-1 {

        width: 8.33%;

    }



    .col-sm-2 {

        width: 16.66%;

    }



    .col-sm-3 {

        width: 25%;

    }



    .col-sm-4 {

        width: 33.33%;

    }



    .col-sm-5 {

        width: 41.66%;

    }



    .col-sm-6 {

        width: 50%;

    }



    .col-sm-7 {

        width: 58.33%;

    }



    .col-sm-8 {

        width: 66.66%;

    }



    .col-sm-9 {

        width: 75%;

    }



    .col-sm-10 {

        width: 83.33%;

    }



    .col-sm-11 {

        width: 91.66%;

    }



    .col-sm-12 {

        width: 100%;

    }

}