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

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

    .hidden-xl {
        display:none;
    }

    .col-xl-1 {
        width: 8.33333%;
    }

    .col-xl-2 {
        width: 16.66667%;
    }

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

    .col-xl-4 {
        width: 33.33333%;
    }

    .col-xl-5 {
        width: 41.66667%;
    }

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

    .col-xl-7 {
        width: 58.33333%;
    }

    .col-xl-8 {
        width: 66.66667%;
    }

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

    .col-xl-10 {
        width: 83.33333%;
    }

    .col-xl-11 {
        width: 91.66667%;
    }

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

    .col-xl-push-1 {
        left: 8.33333%;
    }

    .col-xl-push-2 {
        left: 16.66667%;
    }

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

    .col-xl-push-4 {
        left: 33.33333%;
    }

    .col-xl-push-5 {
        left: 41.66667%;
    }

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

    .col-xl-push-7 {
        left: 58.33333%;
    }

    .col-xl-push-8 {
        left: 66.66667%;
    }

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

    .col-xl-push-10 {
        left: 83.33333%;
    }

    .col-xl-push-11 {
        left: 91.66667%;
    }

    .col-xl-pull-1 {
        right: 8.33333%;
    }

    .col-xl-pull-2 {
        right: 16.66667%;
    }

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

    .col-xl-pull-4 {
        right: 33.33333%;
    }

    .col-xl-pull-5 {
        right: 41.66667%;
    }

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

    .col-xl-pull-7 {
        right: 58.33333%;
    }

    .col-xl-pull-8 {
        right: 66.66667%;
    }

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

    .col-xl-pull-10 {
        right: 83.33333%;
    }

    .col-xl-pull-11 {
        right: 91.66667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66667%;
    }

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

    .col-xl-offset-4 {
        margin-left: 33.33333%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66667%;
    }

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

    .col-xl-offset-7 {
        margin-left: 58.33333%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66667%;
    }

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

    .col-xl-offset-10 {
        margin-left: 83.33333%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66667%;
    }
}



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

    .hidden-ms {
        display:none;
    }

    .col-xs2-1 {
        width: 8.33333%;
    }

    .col-xs2-2 {
        width: 16.66667%;
    }

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

    .col-xs2-4 {
        width: 33.33333%;
    }

    .col-xs2-5 {
        width: 41.66667%;
    }

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

    .col-xs2-7 {
        width: 58.33333%;
    }

    .col-xs2-8 {
        width: 66.66667%;
    }

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

    .col-xs2-10 {
        width: 83.33333%;
    }

    .col-xs2-11 {
        width: 91.66667%;
    }

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

    .col-xs2-push-1 {
        left: 8.33333%;
    }

    .col-xs2-push-2 {
        left: 16.66667%;
    }

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

    .col-xs2-push-4 {
        left: 33.33333%;
    }

    .col-xs2-push-5 {
        left: 41.66667%;
    }

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

    .col-xs2-push-7 {
        left: 58.33333%;
    }

    .col-xs2-push-8 {
        left: 66.66667%;
    }

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

    .col-xs2-push-10 {
        left: 83.33333%;
    }

    .col-xs2-push-11 {
        left: 91.66667%;
    }

    .col-xs2-pull-1 {
        right: 8.33333%;
    }

    .col-xs2-pull-2 {
        right: 16.66667%;
    }

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

    .col-xs2-pull-4 {
        right: 33.33333%;
    }

    .col-xs2-pull-5 {
        right: 41.66667%;
    }

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

    .col-xs2-pull-7 {
        right: 58.33333%;
    }

    .col-xs2-pull-8 {
        right: 66.66667%;
    }

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

    .col-xs2-pull-10 {
        right: 83.33333%;
    }

    .col-xs2-pull-11 {
        right: 91.66667%;
    }

    .col-xs2-offset-1 {
        margin-left: 8.33333%;
    }

    .col-xs2-offset-2 {
        margin-left: 16.66667%;
    }

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

    .col-xs2-offset-4 {
        margin-left: 33.33333%;
    }

    .col-xs2-offset-5 {
        margin-left: 41.66667%;
    }

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

    .col-xs2-offset-7 {
        margin-left: 58.33333%;
    }

    .col-xs2-offset-8 {
        margin-left: 66.66667%;
    }

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

    .col-xs2-offset-10 {
        margin-left: 83.33333%;
    }

    .col-xs2-offset-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .pull-ms-left {
        float: left;
    }
    .pull-ms-right {
        float: right;
    }
}


@media (max-width: 767px) {
    .pull-xs-left {
        float: left;
    }
    .pull-xs-right {
        float: right;
    }
}

@media (min-width: 768px) and (max-width:989px) {
    .pull-sm-left {
        float: left;
    }
    .pull-sm-right {
        float: right;
    }
}

@media (min-width: 990px) and (max-width: 1169px) {
    .pull-md-left {
        float: left;
    }
    .pull-md-right {
        float: right;
    }
}

@media (min-width: 1170px) {
    .pull-lg-left {
        float: left;
    }
    .pull-lg-right {
        float: right;
    }
}