.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

 .no-gutters > .col,
 .no-gutters > [class*="col-"] {
      padding-right: 0;
      padding-left: 0;
}


.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 578px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xxs-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
} 


@media (max-width: 384px) {
    .col-1, .col-2, .col-3, .col-4,
    .col-5, .col-6, .col-7, .col-8,
    .col-9, .col-10, .col-11, .col-12 {
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .col-1 { width: 8.3333333333%; }
    .col-2 { width: 16.6666666667%; }
    .col-3 { width: 25%; }
    .col-4 { width: 33.3333333333%; }
    .col-5 { width: 41.6666666667%; }
    .col-6 { width: 50%; }
    .col-7 { width: 58.3333333333%; }
    .col-8 { width: 66.6666666667%; }
    .col-9 { width: 75%; }
    .col-10 { width: 83.3333333333%; }
    .col-11 { width: 91.6666666667%; }
    .col-12 { width: 100%; }

    /* Offsets */
    .col-offset-0 { margin-left: 0; }
    .col-offset-1 { margin-left: 8.3333333333%; }
    .col-offset-2 { margin-left: 16.6666666667%; }
    .col-offset-3 { margin-left: 25%; }
    .col-offset-4 { margin-left: 33.3333333333%; }
    .col-offset-5 { margin-left: 41.6666666667%; }
    .col-offset-6 { margin-left: 50%; }
    .col-offset-7 { margin-left: 58.3333333333%; }
    .col-offset-8 { margin-left: 66.6666666667%; }
    .col-offset-9 { margin-left: 75%; }
    .col-offset-10 { margin-left: 83.3333333333%; }
    .col-offset-11 { margin-left: 91.6666666667%; }
    .col-offset-12 { margin-left: 100%; }

    /* Pull */
    .col-pull-0 { right: auto; }
    .col-pull-1 { right: 8.3333333333%; }
    .col-pull-2 { right: 16.6666666667%; }
    .col-pull-3 { right: 25%; }
    .col-pull-4 { right: 33.3333333333%; }
    .col-pull-5 { right: 41.6666666667%; }
    .col-pull-6 { right: 50%; }
    .col-pull-7 { right: 58.3333333333%; }
    .col-pull-8 { right: 66.6666666667%; }
    .col-pull-9 { right: 75%; }
    .col-pull-10 { right: 83.3333333333%; }
    .col-pull-11 { right: 91.6666666667%; }
    .col-pull-12 { right: 100%; }

    /* Push */
    .col-push-0 { left: auto; }
    .col-push-1 { left: 8.3333333333%; }
    .col-push-2 { left: 16.6666666667%; }
    .col-push-3 { left: 25%; }
    .col-push-4 { left: 33.3333333333%; }
    .col-push-5 { left: 41.6666666667%; }
    .col-push-6 { left: 50%; }
    .col-push-7 { left: 58.3333333333%; }
    .col-push-8 { left: 66.6666666667%; }
    .col-push-9 { left: 75%; }
    .col-push-10 { left: 83.3333333333%; }
    .col-push-11 { left: 91.6666666667%; }
    .col-push-12 { left: 100%; }

}