/******************** row, cols, col ********************/
/* apply a natural box layout model to all elements */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.row,
.cols {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/******************** row ********************/
.row {
    /*width: 960px;*/
    width: 100%;
    max-width: 100%;
}
.row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -10px;
}

.row .cols {
    float: left; /*min-height: 1px;*/
    padding: 0 20px;
    position: relative;
}

.row .row .cols {
    float: left; /*min-height: 1px;*/
    padding: 0 10px;
    position: relative;
}

[class="cols"]:last-child
{
    /*float: right;*/
    float: left;
}

[class="cols"].end
{
    float: left;
}


/******************** cols ********************/
.row .span1  { width: 8.33% }
.row .span2  { width: 16.66% }
.row .span3  { width: 25% }
.row .span4  { width: 33.33% }
.row .span5  { width: 41.66% }
.row .span6  { width: 50% }
.row .span7  { width: 58.33% }
.row .span8  { width: 66.66% }
.row .span9  { width: 75% }
.row .span10 { width: 83.33% }
.row .span11 { width: 91.66% }
.row .span12 { width: 100% }

/* Nicolas Gallagher's micro clearfix */
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.row:after,
.clearfix:after {
    clear: both;
}
.row,
.clearfix {
    zoom: 1;
}

.row img {
    max-width: 100%;
    height: auto;
}

/******************** mobile ********************/
/*
@media only screen and (max-width: 767px) {
    body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .container {
    }

    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .cols {
        width: auto !important;
        float: none;
    }

    .cols:last-child {
        float: none;
    }

    [class="cols"]:last-child {
        float: none;
    }

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

    .cols:after {
        clear: both;
    }

}*/