/* All */

.col-1,    .col-2,    .col-3,    .col-4,    .col-5,    .col-6,    .col-7,    .col-8,    .col-9,    .col-10,    .col-11,    .col-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.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 {
    padding-right: 15px;
	padding-left: 15px;
	position: relative;
    min-height: 1px;
	box-sizing: border-box;
}


/* Normal */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    display: inline-block;
    float:  left;
}

.col-1  { width:  8.333333333333333%; }
.col-2  { width: 16.666666666666667%; }
.col-3  { width: 25.000000000000000%; }
.col-4  { width: 33.333333333333333%; }
.col-5  { width: 41.666666666666667%; }
.col-6  { width: 50.000000000000000%; }
.col-7  { width: 58.333333333333333%; }
.col-8  { width: 66.666666666666666%; }
.col-9  { width: 75.000000000000000%; }
.col-10 { width: 83.333333333333333%; }
.col-11 { width: 91.666666666666666%; }
.col-12 { width: 100.00000000000000%; }

/* Small */

.row {
    clear: both;
    overflow: hidden;
}

@media (min-width:576px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        display: inline-block;
        float:  left;
    }
    
    .col-sm-1  { width:  8.333333333333333%; }
    .col-sm-2  { width: 16.666666666666667%; }
    .col-sm-3  { width: 25.000000000000000%; }
    .col-sm-4  { width: 33.333333333333333%; }
    .col-sm-5  { width: 41.666666666666667%; }
    .col-sm-6  { width: 50.000000000000000%; }
    .col-sm-7  { width: 58.333333333333333%; }
    .col-sm-8  { width: 66.666666666666666%; }
    .col-sm-9  { width: 75.000000000000000%; }
    .col-sm-10 { width: 83.333333333333333%; }
    .col-sm-11 { width: 91.666666666666666%; }
    .col-sm-12 { width: 100.00000000000000%; }
}

/* Medium */

@media (min-width:768px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        display: inline-block;
        float:  left;
    }
    
    .col-md-1  { width:  8.333333333333333%; }
    .col-md-2  { width: 16.666666666666667%; }
    .col-md-3  { width: 25.000000000000000%; }
    .col-md-4  { width: 33.333333333333333%; }
    .col-md-5  { width: 41.666666666666667%; }
    .col-md-6  { width: 50.000000000000000%; }
    .col-md-7  { width: 58.333333333333333%; }
    .col-md-8  { width: 66.666666666666666%; }
    .col-md-9  { width: 75.000000000000000%; }
    .col-md-10 { width: 83.333333333333333%; }
    .col-md-11 { width: 91.666666666666666%; }
    .col-md-12 { width: 100.00000000000000%; }
}

/* Large */

@media (min-width:992px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        display: inline-block;
        float:  left;
    }
    
    .col-lg-1  { width:  8.333333333333333%; }
    .col-lg-2  { width: 16.666666666666667%; }
    .col-lg-3  { width: 25.000000000000000%; }
    .col-lg-4  { width: 33.333333333333333%; }
    .col-lg-5  { width: 41.666666666666667%; }
    .col-lg-6  { width: 50.000000000000000%; }
    .col-lg-7  { width: 58.333333333333333%; }
    .col-lg-8  { width: 66.666666666666666%; }
    .col-lg-9  { width: 75.000000000000000%; }
    .col-lg-10 { width: 83.333333333333333%; }
    .col-lg-11 { width: 91.666666666666666%; }
    .col-lg-12 { width: 100.00000000000000%; }
}

/* Extra Large */

@media (min-width:1200px) {
    .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 {
        display: inline-block;
        float:  left;
    }
    
    .col-xl-1  { width:  8.333333333333333%; }
    .col-xl-2  { width: 16.666666666666667%; }
    .col-xl-3  { width: 25.000000000000000%; }
    .col-xl-4  { width: 33.333333333333333%; }
    .col-xl-5  { width: 41.666666666666667%; }
    .col-xl-6  { width: 50.000000000000000%; }
    .col-xl-7  { width: 58.333333333333333%; }
    .col-xl-8  { width: 66.666666666666666%; }
    .col-xl-9  { width: 75.000000000000000%; }
    .col-xl-10 { width: 83.333333333333333%; }
    .col-xl-11 { width: 91.666666666666666%; }
    .col-xl-12 { width: 100.00000000000000%; }
}