@-ms-viewport {
    width: device-width;
}

.row {
    clear: both;
}

.row .col {
    /*outline: 1px solid red;*/
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    /*margin-left:1%;*/
    /*padding:0 0.5%;*/
}

.row .col:first-child {
    margin-left: 0;
}

.row:after {
    clear: both;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.span_1 {
    width: 8.333333333333334%;
}

.span_2 {
    width: 16.666666666666668%;
}

.span_3 {
    width: 25%;
}

.span_4 {
    width: 33.333333333333336%;
}

.span_5 {
    width: 41.66666666666667%;
}

.span_6 {
    width: 50%;
}

.span_7 {
    width: 58.333333333333336%;
}

.span_8 {
    width: 66.66666666666667%;
}

.span_9 {
    width: 75%;
}

.span_10 {
    width: 83.33333333333334%;
}

.span_11 {
    width: 91.66666666666667%;
}

.span_12 {
    width: 100%;
    margin-left: 0;
}