css 非自举网格

Posted 2021-05-13

.default-1-col > * {
    width: 100%
}

.default-1-1 {
    width: 100%
}

.default-prefix-1-1 {
    margin-left: 100%
}

.default-suffix-1-1 {
    margin-right: 100%
}

.default-2-col > * {
    width: 50%
}

.default-1-2 {
    width: 50%
}

.default-prefix-1-2 {
    margin-left: 50%
}

.default-suffix-1-2 {
    margin-right: 50%
}

.default-3-col > * {
    width: 33.33333%
}

.default-1-3 {
    width: 33.33333%
}

.default-prefix-1-3 {
    margin-left: 33.33333%
}

.default-suffix-1-3 {
    margin-right: 33.33333%
}

.default-2-3 {
    width: 66.66667%
}

.default-prefix-2-3 {
    margin-left: 66.66667%
}

.default-suffix-2-3 {
    margin-right: 66.66667%
}

.default-4-col > * {
    width: 25%
}

.default-1-4 {
    width: 25%
}

.default-prefix-1-4 {
    margin-left: 25%
}

.default-suffix-1-4 {
    margin-right: 25%
}

.default-3-4 {
    width: 75%
}

.default-prefix-3-4 {
    margin-left: 75%
}

.default-suffix-3-4 {
    margin-right: 75%
}

.default-5-col > * {
    width: 20%
}

.default-1-5 {
    width: 20%
}

.default-prefix-1-5 {
    margin-left: 20%
}

.default-suffix-1-5 {
    margin-right: 20%
}

.default-2-5 {
    width: 40%
}

.default-prefix-2-5 {
    margin-left: 40%
}

.default-suffix-2-5 {
    margin-right: 40%
}

.default-3-5 {
    width: 60%
}

.default-prefix-3-5 {
    margin-left: 60%
}

.default-suffix-3-5 {
    margin-right: 60%
}

.default-4-5 {
    width: 80%
}

.default-prefix-4-5 {
    margin-left: 80%
}

.default-suffix-4-5 {
    margin-right: 80%
}

.default-6-col > * {
    width: 16.66667%
}

.default-1-6 {
    width: 16.66667%
}

.default-prefix-1-6 {
    margin-left: 16.66667%
}

.default-suffix-1-6 {
    margin-right: 16.66667%
}

.default-5-6 {
    width: 83.33333%
}

.default-prefix-5-6 {
    margin-left: 83.33333%
}

.default-suffix-5-6 {
    margin-right: 83.33333%
}

.default-7-col > * {
    width: 14.28571%
}

.default-1-7 {
    width: 14.28571%
}

.default-prefix-1-7 {
    margin-left: 14.28571%
}

.default-suffix-1-7 {
    margin-right: 14.28571%
}

.default-2-7 {
    width: 28.57143%
}

.default-prefix-2-7 {
    margin-left: 28.57143%
}

.default-suffix-2-7 {
    margin-right: 28.57143%
}

.default-3-7 {
    width: 42.85714%
}

.default-prefix-3-7 {
    margin-left: 42.85714%
}

.default-suffix-3-7 {
    margin-right: 42.85714%
}

.default-4-7 {
    width: 57.14286%
}

.default-prefix-4-7 {
    margin-left: 57.14286%
}

.default-suffix-4-7 {
    margin-right: 57.14286%
}

.default-5-7 {
    width: 71.42857%
}

.default-prefix-5-7 {
    margin-left: 71.42857%
}

.default-suffix-5-7 {
    margin-right: 71.42857%
}

.default-6-7 {
    width: 85.71429%
}

.default-prefix-6-7 {
    margin-left: 85.71429%
}

.default-suffix-6-7 {
    margin-right: 85.71429%
}

.default-8-col > * {
    width: 12.5%
}

.default-1-8 {
    width: 12.5%
}

.default-prefix-1-8 {
    margin-left: 12.5%
}

.default-suffix-1-8 {
    margin-right: 12.5%
}

.default-3-8 {
    width: 37.5%
}

.default-prefix-3-8 {
    margin-left: 37.5%
}

.default-suffix-3-8 {
    margin-right: 37.5%
}

.default-5-8 {
    width: 62.5%
}

.default-prefix-5-8 {
    margin-left: 62.5%
}

.default-suffix-5-8 {
    margin-right: 62.5%
}

.default-7-8 {
    width: 87.5%
}

.default-prefix-7-8 {
    margin-left: 87.5%
}

.default-suffix-7-8 {
    margin-right: 87.5%
}

.default-9-col > * {
    width: 11.11111%
}

.default-1-9 {
    width: 11.11111%
}

.default-prefix-1-9 {
    margin-left: 11.11111%
}

.default-suffix-1-9 {
    margin-right: 11.11111%
}

.default-2-9 {
    width: 22.22222%
}

.default-prefix-2-9 {
    margin-left: 22.22222%
}

.default-suffix-2-9 {
    margin-right: 22.22222%
}

.default-3-9 {
    width: 33.33333%
}

.default-prefix-3-9 {
    margin-left: 33.33333%
}

.default-suffix-3-9 {
    margin-right: 33.33333%
}

.default-4-9 {
    width: 44.44444%
}

.default-prefix-4-9 {
    margin-left: 44.44444%
}

.default-suffix-4-9 {
    margin-right: 44.44444%
}

.default-5-9 {
    width: 55.55556%
}

.default-prefix-5-9 {
    margin-left: 55.55556%
}

.default-suffix-5-9 {
    margin-right: 55.55556%
}

.default-6-9 {
    width: 66.66667%
}

.default-prefix-6-9 {
    margin-left: 66.66667%
}

.default-suffix-6-9 {
    margin-right: 66.66667%
}

.default-7-9 {
    width: 77.77778%
}

.default-prefix-7-9 {
    margin-left: 77.77778%
}

.default-suffix-7-9 {
    margin-right: 77.77778%
}

.default-8-9 {
    width: 88.88889%
}

.default-prefix-8-9 {
    margin-left: 88.88889%
}

.default-suffix-8-9 {
    margin-right: 88.88889%
}

.default-10-col > * {
    width: 10%
}

.default-1-10 {
    width: 10%
}

.default-prefix-1-10 {
    margin-left: 10%
}

.default-suffix-1-10 {
    margin-right: 10%
}

.default-3-10 {
    width: 30%
}

.default-prefix-3-10 {
    margin-left: 30%
}

.default-suffix-3-10 {
    margin-right: 30%
}

.default-7-10 {
    width: 70%
}

.default-prefix-7-10 {
    margin-left: 70%
}

.default-suffix-7-10 {
    margin-right: 70%
}

.default-9-10 {
    width: 90%
}

.default-prefix-9-10 {
    margin-left: 90%
}

.default-suffix-9-10 {
    margin-right: 90%
}

.default-11-col > * {
    width: 9.09091%
}

.default-1-11 {
    width: 9.09091%
}

.default-prefix-1-11 {
    margin-left: 9.09091%
}

.default-suffix-1-11 {
    margin-right: 9.09091%
}

.default-2-11 {
    width: 18.18182%
}

.default-prefix-2-11 {
    margin-left: 18.18182%
}

.default-suffix-2-11 {
    margin-right: 18.18182%
}

.default-3-11 {
    width: 27.27273%
}

.default-prefix-3-11 {
    margin-left: 27.27273%
}

.default-suffix-3-11 {
    margin-right: 27.27273%
}

.default-4-11 {
    width: 36.36364%
}

.default-prefix-4-11 {
    margin-left: 36.36364%
}

.default-suffix-4-11 {
    margin-right: 36.36364%
}

.default-5-11 {
    width: 45.45455%
}

.default-prefix-5-11 {
    margin-left: 45.45455%
}

.default-suffix-5-11 {
    margin-right: 45.45455%
}

.default-6-11 {
    width: 54.54545%
}

.default-prefix-6-11 {
    margin-left: 54.54545%
}

.default-suffix-6-11 {
    margin-right: 54.54545%
}

.default-7-11 {
    width: 63.63636%
}

.default-prefix-7-11 {
    margin-left: 63.63636%
}

.default-suffix-7-11 {
    margin-right: 63.63636%
}

.default-8-11 {
    width: 72.72727%
}

.default-prefix-8-11 {
    margin-left: 72.72727%
}

.default-suffix-8-11 {
    margin-right: 72.72727%
}

.default-9-11 {
    width: 81.81818%
}

.default-prefix-9-11 {
    margin-left: 81.81818%
}

.default-suffix-9-11 {
    margin-right: 81.81818%
}

.default-10-11 {
    width: 90.90909%
}

.default-prefix-10-11 {
    margin-left: 90.90909%
}

.default-suffix-10-11 {
    margin-right: 90.90909%
}

.default-12-col > * {
    width: 8.33333%
}

.default-1-12 {
    width: 8.33333%
}

.default-prefix-1-12 {
    margin-left: 8.33333%
}

.default-suffix-1-12 {
    margin-right: 8.33333%
}

.default-5-12 {
    width: 41.66667%
}

.default-prefix-5-12 {
    margin-left: 41.66667%
}

.default-suffix-5-12 {
    margin-right: 41.66667%
}

.default-7-12 {
    width: 58.33333%
}

.default-prefix-7-12 {
    margin-left: 58.33333%
}

.default-suffix-7-12 {
    margin-right: 58.33333%
}

.default-11-12 {
    width: 91.66667%
}

.default-prefix-11-12 {
    margin-left: 91.66667%
}

.default-suffix-11-12 {
    margin-right: 91.66667%
}

@media only screen and (min-width:480px) {
    .phone-1-col > * {
        width: 100%
    }
    .phone-1-1 {
        width: 100%
    }
    .phone-prefix-1-1 {
        margin-left: 100%
    }
    .phone-suffix-1-1 {
        margin-right: 100%
    }
    .phone-2-col > * {
        width: 50%
    }
    .phone-1-2 {
        width: 50%
    }
    .phone-prefix-1-2 {
        margin-left: 50%
    }
    .phone-suffix-1-2 {
        margin-right: 50%
    }
    .phone-3-col > * {
        width: 33.33333%
    }
    .phone-1-3 {
        width: 33.33333%
    }
    .phone-prefix-1-3 {
        margin-left: 33.33333%
    }
    .phone-suffix-1-3 {
        margin-right: 33.33333%
    }
    .phone-2-3 {
        width: 66.66667%
    }
    .phone-prefix-2-3 {
        margin-left: 66.66667%
    }
    .phone-suffix-2-3 {
        margin-right: 66.66667%
    }
    .phone-4-col > * {
        width: 25%
    }
    .phone-1-4 {
        width: 25%
    }
    .phone-prefix-1-4 {
        margin-left: 25%
    }
    .phone-suffix-1-4 {
        margin-right: 25%
    }
    .phone-3-4 {
        width: 75%
    }
    .phone-prefix-3-4 {
        margin-left: 75%
    }
    .phone-suffix-3-4 {
        margin-right: 75%
    }
    .phone-5-col > * {
        width: 20%
    }
    .phone-1-5 {
        width: 20%
    }
    .phone-prefix-1-5 {
        margin-left: 20%
    }
    .phone-suffix-1-5 {
        margin-right: 20%
    }
    .phone-2-5 {
        width: 40%
    }
    .phone-prefix-2-5 {
        margin-left: 40%
    }
    .phone-suffix-2-5 {
        margin-right: 40%
    }
    .phone-3-5 {
        width: 60%
    }
    .phone-prefix-3-5 {
        margin-left: 60%
    }
    .phone-suffix-3-5 {
        margin-right: 60%
    }
    .phone-4-5 {
        width: 80%
    }
    .phone-prefix-4-5 {
        margin-left: 80%
    }
    .phone-suffix-4-5 {
        margin-right: 80%
    }
    .phone-6-col > * {
        width: 16.66667%
    }
    .phone-1-6 {
        width: 16.66667%
    }
    .phone-prefix-1-6 {
        margin-left: 16.66667%
    }
    .phone-suffix-1-6 {
        margin-right: 16.66667%
    }
    .phone-5-6 {
        width: 83.33333%
    }
    .phone-prefix-5-6 {
        margin-left: 83.33333%
    }
    .phone-suffix-5-6 {
        margin-right: 83.33333%
    }
    .phone-7-col > * {
        width: 14.28571%
    }
    .phone-1-7 {
        width: 14.28571%
    }
    .phone-prefix-1-7 {
        margin-left: 14.28571%
    }
    .phone-suffix-1-7 {
        margin-right: 14.28571%
    }
    .phone-2-7 {
        width: 28.57143%
    }
    .phone-prefix-2-7 {
        margin-left: 28.57143%
    }
    .phone-suffix-2-7 {
        margin-right: 28.57143%
    }
    .phone-3-7 {
        width: 42.85714%
    }
    .phone-prefix-3-7 {
        margin-left: 42.85714%
    }
    .phone-suffix-3-7 {
        margin-right: 42.85714%
    }
    .phone-4-7 {
        width: 57.14286%
    }
    .phone-prefix-4-7 {
        margin-left: 57.14286%
    }
    .phone-suffix-4-7 {
        margin-right: 57.14286%
    }
    .phone-5-7 {
        width: 71.42857%
    }
    .phone-prefix-5-7 {
        margin-left: 71.42857%
    }
    .phone-suffix-5-7 {
        margin-right: 71.42857%
    }
    .phone-6-7 {
        width: 85.71429%
    }
    .phone-prefix-6-7 {
        margin-left: 85.71429%
    }
    .phone-suffix-6-7 {
        margin-right: 85.71429%
    }
    .phone-8-col > * {
        width: 12.5%
    }
    .phone-1-8 {
        width: 12.5%
    }
    .phone-prefix-1-8 {
        margin-left: 12.5%
    }
    .phone-suffix-1-8 {
        margin-right: 12.5%
    }
    .phone-3-8 {
        width: 37.5%
    }
    .phone-prefix-3-8 {
        margin-left: 37.5%
    }
    .phone-suffix-3-8 {
        margin-right: 37.5%
    }
    .phone-5-8 {
        width: 62.5%
    }
    .phone-prefix-5-8 {
        margin-left: 62.5%
    }
    .phone-suffix-5-8 {
        margin-right: 62.5%
    }
    .phone-7-8 {
        width: 87.5%
    }
    .phone-prefix-7-8 {
        margin-left: 87.5%
    }
    .phone-suffix-7-8 {
        margin-right: 87.5%
    }
    .phone-9-col > * {
        width: 11.11111%
    }
    .phone-1-9 {
        width: 11.11111%
    }
    .phone-prefix-1-9 {
        margin-left: 11.11111%
    }
    .phone-suffix-1-9 {
        margin-right: 11.11111%
    }
    .phone-2-9 {
        width: 22.22222%
    }
    .phone-prefix-2-9 {
        margin-left: 22.22222%
    }
    .phone-suffix-2-9 {
        margin-right: 22.22222%
    }
    .phone-3-9 {
        width: 33.33333%
    }
    .phone-prefix-3-9 {
        margin-left: 33.33333%
    }
    .phone-suffix-3-9 {
        margin-right: 33.33333%
    }
    .phone-4-9 {
        width: 44.44444%
    }
    .phone-prefix-4-9 {
        margin-left: 44.44444%
    }
    .phone-suffix-4-9 {
        margin-right: 44.44444%
    }
    .phone-5-9 {
        width: 55.55556%
    }
    .phone-prefix-5-9 {
        margin-left: 55.55556%
    }
    .phone-suffix-5-9 {
        margin-right: 55.55556%
    }
    .phone-6-9 {
        width: 66.66667%
    }
    .phone-prefix-6-9 {
        margin-left: 66.66667%
    }
    .phone-suffix-6-9 {
        margin-right: 66.66667%
    }
    .phone-7-9 {
        width: 77.77778%
    }
    .phone-prefix-7-9 {
        margin-left: 77.77778%
    }
    .phone-suffix-7-9 {
        margin-right: 77.77778%
    }
    .phone-8-9 {
        width: 88.88889%
    }
    .phone-prefix-8-9 {
        margin-left: 88.88889%
    }
    .phone-suffix-8-9 {
        margin-right: 88.88889%
    }
    .phone-10-col > * {
        width: 10%
    }
    .phone-1-10 {
        width: 10%
    }
    .phone-prefix-1-10 {
        margin-left: 10%
    }
    .phone-suffix-1-10 {
        margin-right: 10%
    }
    .phone-3-10 {
        width: 30%
    }
    .phone-prefix-3-10 {
        margin-left: 30%
    }
    .phone-suffix-3-10 {
        margin-right: 30%
    }
    .phone-7-10 {
        width: 70%
    }
    .phone-prefix-7-10 {
        margin-left: 70%
    }
    .phone-suffix-7-10 {
        margin-right: 70%
    }
    .phone-9-10 {
        width: 90%
    }
    .phone-prefix-9-10 {
        margin-left: 90%
    }
    .phone-suffix-9-10 {
        margin-right: 90%
    }
    .phone-11-col > * {
        width: 9.09091%
    }
    .phone-1-11 {
        width: 9.09091%
    }
    .phone-prefix-1-11 {
        margin-left: 9.09091%
    }
    .phone-suffix-1-11 {
        margin-right: 9.09091%
    }
    .phone-2-11 {
        width: 18.18182%
    }
    .phone-prefix-2-11 {
        margin-left: 18.18182%
    }
    .phone-suffix-2-11 {
        margin-right: 18.18182%
    }
    .phone-3-11 {
        width: 27.27273%
    }
    .phone-prefix-3-11 {
        margin-left: 27.27273%
    }
    .phone-suffix-3-11 {
        margin-right: 27.27273%
    }
    .phone-4-11 {
        width: 36.36364%
    }
    .phone-prefix-4-11 {
        margin-left: 36.36364%
    }
    .phone-suffix-4-11 {
        margin-right: 36.36364%
    }
    .phone-5-11 {
        width: 45.45455%
    }
    .phone-prefix-5-11 {
        margin-left: 45.45455%
    }
    .phone-suffix-5-11 {
        margin-right: 45.45455%
    }
    .phone-6-11 {
        width: 54.54545%
    }
    .phone-prefix-6-11 {
        margin-left: 54.54545%
    }
    .phone-suffix-6-11 {
        margin-right: 54.54545%
    }
    .phone-7-11 {
        width: 63.63636%
    }
    .phone-prefix-7-11 {
        margin-left: 63.63636%
    }
    .phone-suffix-7-11 {
        margin-right: 63.63636%
    }
    .phone-8-11 {
        width: 72.72727%
    }
    .phone-prefix-8-11 {
        margin-left: 72.72727%
    }
    .phone-suffix-8-11 {
        margin-right: 72.72727%
    }
    .phone-9-11 {
        width: 81.81818%
    }
    .phone-prefix-9-11 {
        margin-left: 81.81818%
    }
    .phone-suffix-9-11 {
        margin-right: 81.81818%
    }
    .phone-10-11 {
        width: 90.90909%
    }
    .phone-prefix-10-11 {
        margin-left: 90.90909%
    }
    .phone-suffix-10-11 {
        margin-right: 90.90909%
    }
    .phone-12-col > * {
        width: 8.33333%
    }
    .phone-1-12 {
        width: 8.33333%
    }
    .phone-prefix-1-12 {
        margin-left: 8.33333%
    }
    .phone-suffix-1-12 {
        margin-right: 8.33333%
    }
    .phone-5-12 {
        width: 41.66667%
    }
    .phone-prefix-5-12 {
        margin-left: 41.66667%
    }
    .phone-suffix-5-12 {
        margin-right: 41.66667%
    }
    .phone-7-12 {
        width: 58.33333%
    }
    .phone-prefix-7-12 {
        margin-left: 58.33333%
    }
    .phone-suffix-7-12 {
        margin-right: 58.33333%
    }
    .phone-11-12 {
        width: 91.66667%
    }
    .phone-prefix-11-12 {
        margin-left: 91.66667%
    }
    .phone-suffix-11-12 {
        margin-right: 91.66667%
    }
}

@media only screen and (min-width:768px) {
    .tablet-1-col > * {
        width: 100%
    }
    .tablet-1-1 {
        width: 100%
    }
    .tablet-prefix-1-1 {
        margin-left: 100%
    }
    .tablet-suffix-1-1 {
        margin-right: 100%
    }
    .tablet-2-col > * {
        width: 50%
    }
    .tablet-1-2 {
        width: 50%
    }
    .tablet-prefix-1-2 {
        margin-left: 50%
    }
    .tablet-suffix-1-2 {
        margin-right: 50%
    }
    .tablet-3-col > * {
        width: 33.33333%
    }
    .tablet-1-3 {
        width: 33.33333%
    }
    .tablet-prefix-1-3 {
        margin-left: 33.33333%
    }
    .tablet-suffix-1-3 {
        margin-right: 33.33333%
    }
    .tablet-2-3 {
        width: 66.66667%
    }
    .tablet-prefix-2-3 {
        margin-left: 66.66667%
    }
    .tablet-suffix-2-3 {
        margin-right: 66.66667%
    }
    .tablet-4-col > * {
        width: 25%
    }
    .tablet-1-4 {
        width: 25%
    }
    .tablet-prefix-1-4 {
        margin-left: 25%
    }
    .tablet-suffix-1-4 {
        margin-right: 25%
    }
    .tablet-3-4 {
        width: 75%
    }
    .tablet-prefix-3-4 {
        margin-left: 75%
    }
    .tablet-suffix-3-4 {
        margin-right: 75%
    }
    .tablet-5-col > * {
        width: 20%
    }
    .tablet-1-5 {
        width: 20%
    }
    .tablet-prefix-1-5 {
        margin-left: 20%
    }
    .tablet-suffix-1-5 {
        margin-right: 20%
    }
    .tablet-2-5 {
        width: 40%
    }
    .tablet-prefix-2-5 {
        margin-left: 40%
    }
    .tablet-suffix-2-5 {
        margin-right: 40%
    }
    .tablet-3-5 {
        width: 60%
    }
    .tablet-prefix-3-5 {
        margin-left: 60%
    }
    .tablet-suffix-3-5 {
        margin-right: 60%
    }
    .tablet-4-5 {
        width: 80%
    }
    .tablet-prefix-4-5 {
        margin-left: 80%
    }
    .tablet-suffix-4-5 {
        margin-right: 80%
    }
    .tablet-6-col > * {
        width: 16.66667%
    }
    .tablet-1-6 {
        width: 16.66667%
    }
    .tablet-prefix-1-6 {
        margin-left: 16.66667%
    }
    .tablet-suffix-1-6 {
        margin-right: 16.66667%
    }
    .tablet-5-6 {
        width: 83.33333%
    }
    .tablet-prefix-5-6 {
        margin-left: 83.33333%
    }
    .tablet-suffix-5-6 {
        margin-right: 83.33333%
    }
    .tablet-7-col > * {
        width: 14.28571%
    }
    .tablet-1-7 {
        width: 14.28571%
    }
    .tablet-prefix-1-7 {
        margin-left: 14.28571%
    }
    .tablet-suffix-1-7 {
        margin-right: 14.28571%
    }
    .tablet-2-7 {
        width: 28.57143%
    }
    .tablet-prefix-2-7 {
        margin-left: 28.57143%
    }
    .tablet-suffix-2-7 {
        margin-right: 28.57143%
    }
    .tablet-3-7 {
        width: 42.85714%
    }
    .tablet-prefix-3-7 {
        margin-left: 42.85714%
    }
    .tablet-suffix-3-7 {
        margin-right: 42.85714%
    }
    .tablet-4-7 {
        width: 57.14286%
    }
    .tablet-prefix-4-7 {
        margin-left: 57.14286%
    }
    .tablet-suffix-4-7 {
        margin-right: 57.14286%
    }
    .tablet-5-7 {
        width: 71.42857%
    }
    .tablet-prefix-5-7 {
        margin-left: 71.42857%
    }
    .tablet-suffix-5-7 {
        margin-right: 71.42857%
    }
    .tablet-6-7 {
        width: 85.71429%
    }
    .tablet-prefix-6-7 {
        margin-left: 85.71429%
    }
    .tablet-suffix-6-7 {
        margin-right: 85.71429%
    }
    .tablet-8-col > * {
        width: 12.5%
    }
    .tablet-1-8 {
        width: 12.5%
    }
    .tablet-prefix-1-8 {
        margin-left: 12.5%
    }
    .tablet-suffix-1-8 {
        margin-right: 12.5%
    }
    .tablet-3-8 {
        width: 37.5%
    }
    .tablet-prefix-3-8 {
        margin-left: 37.5%
    }
    .tablet-suffix-3-8 {
        margin-right: 37.5%
    }
    .tablet-5-8 {
        width: 62.5%
    }
    .tablet-prefix-5-8 {
        margin-left: 62.5%
    }
    .tablet-suffix-5-8 {
        margin-right: 62.5%
    }
    .tablet-7-8 {
        width: 87.5%
    }
    .tablet-prefix-7-8 {
        margin-left: 87.5%
    }
    .tablet-suffix-7-8 {
        margin-right: 87.5%
    }
    .tablet-9-col > * {
        width: 11.11111%
    }
    .tablet-1-9 {
        width: 11.11111%
    }
    .tablet-prefix-1-9 {
        margin-left: 11.11111%
    }
    .tablet-suffix-1-9 {
        margin-right: 11.11111%
    }
    .tablet-2-9 {
        width: 22.22222%
    }
    .tablet-prefix-2-9 {
        margin-left: 22.22222%
    }
    .tablet-suffix-2-9 {
        margin-right: 22.22222%
    }
    .tablet-3-9 {
        width: 33.33333%
    }
    .tablet-prefix-3-9 {
        margin-left: 33.33333%
    }
    .tablet-suffix-3-9 {
        margin-right: 33.33333%
    }
    .tablet-4-9 {
        width: 44.44444%
    }
    .tablet-prefix-4-9 {
        margin-left: 44.44444%
    }
    .tablet-suffix-4-9 {
        margin-right: 44.44444%
    }
    .tablet-5-9 {
        width: 55.55556%
    }
    .tablet-prefix-5-9 {
        margin-left: 55.55556%
    }
    .tablet-suffix-5-9 {
        margin-right: 55.55556%
    }
    .tablet-6-9 {
        width: 66.66667%
    }
    .tablet-prefix-6-9 {
        margin-left: 66.66667%
    }
    .tablet-suffix-6-9 {
        margin-right: 66.66667%
    }
    .tablet-7-9 {
        width: 77.77778%
    }
    .tablet-prefix-7-9 {
        margin-left: 77.77778%
    }
    .tablet-suffix-7-9 {
        margin-right: 77.77778%
    }
    .tablet-8-9 {
        width: 88.88889%
    }
    .tablet-prefix-8-9 {
        margin-left: 88.88889%
    }
    .tablet-suffix-8-9 {
        margin-right: 88.88889%
    }
    .tablet-10-col > * {
        width: 10%
    }
    .tablet-1-10 {
        width: 10%
    }
    .tablet-prefix-1-10 {
        margin-left: 10%
    }
    .tablet-suffix-1-10 {
        margin-right: 10%
    }
    .tablet-3-10 {
        width: 30%
    }
    .tablet-prefix-3-10 {
        margin-left: 30%
    }
    .tablet-suffix-3-10 {
        margin-right: 30%
    }
    .tablet-7-10 {
        width: 70%
    }
    .tablet-prefix-7-10 {
        margin-left: 70%
    }
    .tablet-suffix-7-10 {
        margin-right: 70%
    }
    .tablet-9-10 {
        width: 90%
    }
    .tablet-prefix-9-10 {
        margin-left: 90%
    }
    .tablet-suffix-9-10 {
        margin-right: 90%
    }
    .tablet-11-col > * {
        width: 9.09091%
    }
    .tablet-1-11 {
        width: 9.09091%
    }
    .tablet-prefix-1-11 {
        margin-left: 9.09091%
    }
    .tablet-suffix-1-11 {
        margin-right: 9.09091%
    }
    .tablet-2-11 {
        width: 18.18182%
    }
    .tablet-prefix-2-11 {
        margin-left: 18.18182%
    }
    .tablet-suffix-2-11 {
        margin-right: 18.18182%
    }
    .tablet-3-11 {
        width: 27.27273%
    }
    .tablet-prefix-3-11 {
        margin-left: 27.27273%
    }
    .tablet-suffix-3-11 {
        margin-right: 27.27273%
    }
    .tablet-4-11 {
        width: 36.36364%
    }
    .tablet-prefix-4-11 {
        margin-left: 36.36364%
    }
    .tablet-suffix-4-11 {
        margin-right: 36.36364%
    }
    .tablet-5-11 {
        width: 45.45455%
    }
    .tablet-prefix-5-11 {
        margin-left: 45.45455%
    }
    .tablet-suffix-5-11 {
        margin-right: 45.45455%
    }
    .tablet-6-11 {
        width: 54.54545%
    }
    .tablet-prefix-6-11 {
        margin-left: 54.54545%
    }
    .tablet-suffix-6-11 {
        margin-right: 54.54545%
    }
    .tablet-7-11 {
        width: 63.63636%
    }
    .tablet-prefix-7-11 {
        margin-left: 63.63636%
    }
    .tablet-suffix-7-11 {
        margin-right: 63.63636%
    }
    .tablet-8-11 {
        width: 72.72727%
    }
    .tablet-prefix-8-11 {
        margin-left: 72.72727%
    }
    .tablet-suffix-8-11 {
        margin-right: 72.72727%
    }
    .tablet-9-11 {
        width: 81.81818%
    }
    .tablet-prefix-9-11 {
        margin-left: 81.81818%
    }
    .tablet-suffix-9-11 {
        margin-right: 81.81818%
    }
    .tablet-10-11 {
        width: 90.90909%
    }
    .tablet-prefix-10-11 {
        margin-left: 90.90909%
    }
    .tablet-suffix-10-11 {
        margin-right: 90.90909%
    }
    .tablet-12-col > * {
        width: 8.33333%
    }
    .tablet-1-12 {
        width: 8.33333%
    }
    .tablet-prefix-1-12 {
        margin-left: 8.33333%
    }
    .tablet-suffix-1-12 {
        margin-right: 8.33333%
    }
    .tablet-5-12 {
        width: 41.66667%
    }
    .tablet-prefix-5-12 {
        margin-left: 41.66667%
    }
    .tablet-suffix-5-12 {
        margin-right: 41.66667%
    }
    .tablet-7-12 {
        width: 58.33333%
    }
    .tablet-prefix-7-12 {
        margin-left: 58.33333%
    }
    .tablet-suffix-7-12 {
        margin-right: 58.33333%
    }
    .tablet-11-12 {
        width: 91.66667%
    }
    .tablet-prefix-11-12 {
        margin-left: 91.66667%
    }
    .tablet-suffix-11-12 {
        margin-right: 91.66667%
    }
}

@media only screen and (min-width:940px) {
    .desktop-1-col > * {
        width: 100%
    }
    .desktop-1-1 {
        width: 100%
    }
    .desktop-prefix-1-1 {
        margin-left: 100%
    }
    .desktop-suffix-1-1 {
        margin-right: 100%
    }
    .desktop-2-col > * {
        width: 50%
    }
    .desktop-1-2 {
        width: 50%
    }
    .desktop-prefix-1-2 {
        margin-left: 50%
    }
    .desktop-suffix-1-2 {
        margin-right: 50%
    }
    .desktop-3-col > * {
        width: 33.33333%
    }
    .desktop-1-3 {
        width: 33.33333%
    }
    .desktop-prefix-1-3 {
        margin-left: 33.33333%
    }
    .desktop-suffix-1-3 {
        margin-right: 33.33333%
    }
    .desktop-2-3 {
        width: 66.66667%
    }
    .desktop-prefix-2-3 {
        margin-left: 66.66667%
    }
    .desktop-suffix-2-3 {
        margin-right: 66.66667%
    }
    .desktop-4-col > * {
        width: 25%
    }
    .desktop-1-4 {
        width: 25%
    }
    .desktop-prefix-1-4 {
        margin-left: 25%
    }
    .desktop-suffix-1-4 {
        margin-right: 25%
    }
    .desktop-3-4 {
        width: 75%
    }
    .desktop-prefix-3-4 {
        margin-left: 75%
    }
    .desktop-suffix-3-4 {
        margin-right: 75%
    }
    .desktop-5-col > * {
        width: 20%
    }
    .desktop-1-5 {
        width: 20%
    }
    .desktop-prefix-1-5 {
        margin-left: 20%
    }
    .desktop-suffix-1-5 {
        margin-right: 20%
    }
    .desktop-2-5 {
        width: 40%
    }
    .desktop-prefix-2-5 {
        margin-left: 40%
    }
    .desktop-suffix-2-5 {
        margin-right: 40%
    }
    .desktop-3-5 {
        width: 60%
    }
    .desktop-prefix-3-5 {
        margin-left: 60%
    }
    .desktop-suffix-3-5 {
        margin-right: 60%
    }
    .desktop-4-5 {
        width: 80%
    }
    .desktop-prefix-4-5 {
        margin-left: 80%
    }
    .desktop-suffix-4-5 {
        margin-right: 80%
    }
    .desktop-6-col > * {
        width: 16.66667%
    }
    .desktop-1-6 {
        width: 16.66667%
    }
    .desktop-prefix-1-6 {
        margin-left: 16.66667%
    }
    .desktop-suffix-1-6 {
        margin-right: 16.66667%
    }
    .desktop-5-6 {
        width: 83.33333%
    }
    .desktop-prefix-5-6 {
        margin-left: 83.33333%
    }
    .desktop-suffix-5-6 {
        margin-right: 83.33333%
    }
    .desktop-7-col > * {
        width: 14.28571%
    }
    .desktop-1-7 {
        width: 14.28571%
    }
    .desktop-prefix-1-7 {
        margin-left: 14.28571%
    }
    .desktop-suffix-1-7 {
        margin-right: 14.28571%
    }
    .desktop-2-7 {
        width: 28.57143%
    }
    .desktop-prefix-2-7 {
        margin-left: 28.57143%
    }
    .desktop-suffix-2-7 {
        margin-right: 28.57143%
    }
    .desktop-3-7 {
        width: 42.85714%
    }
    .desktop-prefix-3-7 {
        margin-left: 42.85714%
    }
    .desktop-suffix-3-7 {
        margin-right: 42.85714%
    }
    .desktop-4-7 {
        width: 57.14286%
    }
    .desktop-prefix-4-7 {
        margin-left: 57.14286%
    }
    .desktop-suffix-4-7 {
        margin-right: 57.14286%
    }
    .desktop-5-7 {
        width: 71.42857%
    }
    .desktop-prefix-5-7 {
        margin-left: 71.42857%
    }
    .desktop-suffix-5-7 {
        margin-right: 71.42857%
    }
    .desktop-6-7 {
        width: 85.71429%
    }
    .desktop-prefix-6-7 {
        margin-left: 85.71429%
    }
    .desktop-suffix-6-7 {
        margin-right: 85.71429%
    }
    .desktop-8-col > * {
        width: 12.5%
    }
    .desktop-1-8 {
        width: 12.5%
    }
    .desktop-prefix-1-8 {
        margin-left: 12.5%
    }
    .desktop-suffix-1-8 {
        margin-right: 12.5%
    }
    .desktop-3-8 {
        width: 37.5%
    }
    .desktop-prefix-3-8 {
        margin-left: 37.5%
    }
    .desktop-suffix-3-8 {
        margin-right: 37.5%
    }
    .desktop-5-8 {
        width: 62.5%
    }
    .desktop-prefix-5-8 {
        margin-left: 62.5%
    }
    .desktop-suffix-5-8 {
        margin-right: 62.5%
    }
    .desktop-7-8 {
        width: 87.5%
    }
    .desktop-prefix-7-8 {
        margin-left: 87.5%
    }
    .desktop-suffix-7-8 {
        margin-right: 87.5%
    }
    .desktop-9-col > * {
        width: 11.11111%
    }
    .desktop-1-9 {
        width: 11.11111%
    }
    .desktop-prefix-1-9 {
        margin-left: 11.11111%
    }
    .desktop-suffix-1-9 {
        margin-right: 11.11111%
    }
    .desktop-2-9 {
        width: 22.22222%
    }
    .desktop-prefix-2-9 {
        margin-left: 22.22222%
    }
    .desktop-suffix-2-9 {
        margin-right: 22.22222%
    }
    .desktop-3-9 {
        width: 33.33333%
    }
    .desktop-prefix-3-9 {
        margin-left: 33.33333%
    }
    .desktop-suffix-3-9 {
        margin-right: 33.33333%
    }
    .desktop-4-9 {
        width: 44.44444%
    }
    .desktop-prefix-4-9 {
        margin-left: 44.44444%
    }
    .desktop-suffix-4-9 {
        margin-right: 44.44444%
    }
    .desktop-5-9 {
        width: 55.55556%
    }
    .desktop-prefix-5-9 {
        margin-left: 55.55556%
    }
    .desktop-suffix-5-9 {
        margin-right: 55.55556%
    }
    .desktop-6-9 {
        width: 66.66667%
    }
    .desktop-prefix-6-9 {
        margin-left: 66.66667%
    }
    .desktop-suffix-6-9 {
        margin-right: 66.66667%
    }
    .desktop-7-9 {
        width: 77.77778%
    }
    .desktop-prefix-7-9 {
        margin-left: 77.77778%
    }
    .desktop-suffix-7-9 {
        margin-right: 77.77778%
    }
    .desktop-8-9 {
        width: 88.88889%
    }
    .desktop-prefix-8-9 {
        margin-left: 88.88889%
    }
    .desktop-suffix-8-9 {
        margin-right: 88.88889%
    }
    .desktop-10-col > * {
        width: 10%
    }
    .desktop-1-10 {
        width: 10%
    }
    .desktop-prefix-1-10 {
        margin-left: 10%
    }
    .desktop-suffix-1-10 {
        margin-right: 10%
    }
    .desktop-3-10 {
        width: 30%
    }
    .desktop-prefix-3-10 {
        margin-left: 30%
    }
    .desktop-suffix-3-10 {
        margin-right: 30%
    }
    .desktop-7-10 {
        width: 70%
    }
    .desktop-prefix-7-10 {
        margin-left: 70%
    }
    .desktop-suffix-7-10 {
        margin-right: 70%
    }
    .desktop-9-10 {
        width: 90%
    }
    .desktop-prefix-9-10 {
        margin-left: 90%
    }
    .desktop-suffix-9-10 {
        margin-right: 90%
    }
    .desktop-11-col > * {
        width: 9.09091%
    }
    .desktop-1-11 {
        width: 9.09091%
    }
    .desktop-prefix-1-11 {
        margin-left: 9.09091%
    }
    .desktop-suffix-1-11 {
        margin-right: 9.09091%
    }
    .desktop-2-11 {
        width: 18.18182%
    }
    .desktop-prefix-2-11 {
        margin-left: 18.18182%
    }
    .desktop-suffix-2-11 {
        margin-right: 18.18182%
    }
    .desktop-3-11 {
        width: 27.27273%
    }
    .desktop-prefix-3-11 {
        margin-left: 27.27273%
    }
    .desktop-suffix-3-11 {
        margin-right: 27.27273%
    }
    .desktop-4-11 {
        width: 36.36364%
    }
    .desktop-prefix-4-11 {
        margin-left: 36.36364%
    }
    .desktop-suffix-4-11 {
        margin-right: 36.36364%
    }
    .desktop-5-11 {
        width: 45.45455%
    }
    .desktop-prefix-5-11 {
        margin-left: 45.45455%
    }
    .desktop-suffix-5-11 {
        margin-right: 45.45455%
    }
    .desktop-6-11 {
        width: 54.54545%
    }
    .desktop-prefix-6-11 {
        margin-left: 54.54545%
    }
    .desktop-suffix-6-11 {
        margin-right: 54.54545%
    }
    .desktop-7-11 {
        width: 63.63636%
    }
    .desktop-prefix-7-11 {
        margin-left: 63.63636%
    }
    .desktop-suffix-7-11 {
        margin-right: 63.63636%
    }
    .desktop-8-11 {
        width: 72.72727%
    }
    .desktop-prefix-8-11 {
        margin-left: 72.72727%
    }
    .desktop-suffix-8-11 {
        margin-right: 72.72727%
    }
    .desktop-9-11 {
        width: 81.81818%
    }
    .desktop-prefix-9-11 {
        margin-left: 81.81818%
    }
    .desktop-suffix-9-11 {
        margin-right: 81.81818%
    }
    .desktop-10-11 {
        width: 90.90909%
    }
    .desktop-prefix-10-11 {
        margin-left: 90.90909%
    }
    .desktop-suffix-10-11 {
        margin-right: 90.90909%
    }
    .desktop-12-col > * {
        width: 8.33333%
    }
    .desktop-1-12 {
        width: 8.33333%
    }
    .desktop-prefix-1-12 {
        margin-left: 8.33333%
    }
    .desktop-suffix-1-12 {
        margin-right: 8.33333%
    }
    .desktop-5-12 {
        width: 41.66667%
    }
    .desktop-prefix-5-12 {
        margin-left: 41.66667%
    }
    .desktop-suffix-5-12 {
        margin-right: 41.66667%
    }
    .desktop-7-12 {
        width: 58.33333%
    }
    .desktop-prefix-7-12 {
        margin-left: 58.33333%
    }
    .desktop-suffix-7-12 {
        margin-right: 58.33333%
    }
    .desktop-11-12 {
        width: 91.66667%
    }
    .desktop-prefix-11-12 {
        margin-left: 91.66667%
    }
    .desktop-suffix-11-12 {
        margin-right: 91.66667%
    }
}

@media only screen and (min-width:1500px) {
    .large-desktop-1-col > * {
        width: 100%
    }
    .large-desktop-1-1 {
        width: 100%
    }
    .large-desktop-prefix-1-1 {
        margin-left: 100%
    }
    .large-desktop-suffix-1-1 {
        margin-right: 100%
    }
    .large-desktop-2-col > * {
        width: 50%
    }
    .large-desktop-1-2 {
        width: 50%
    }
    .large-desktop-prefix-1-2 {
        margin-left: 50%
    }
    .large-desktop-suffix-1-2 {
        margin-right: 50%
    }
    .large-desktop-3-col > * {
        width: 33.33333%
    }
    .large-desktop-1-3 {
        width: 33.33333%
    }
    .large-desktop-prefix-1-3 {
        margin-left: 33.33333%
    }
    .large-desktop-suffix-1-3 {
        margin-right: 33.33333%
    }
    .large-desktop-2-3 {
        width: 66.66667%
    }
    .large-desktop-prefix-2-3 {
        margin-left: 66.66667%
    }
    .large-desktop-suffix-2-3 {
        margin-right: 66.66667%
    }
    .large-desktop-4-col > * {
        width: 25%
    }
    .large-desktop-1-4 {
        width: 25%
    }
    .large-desktop-prefix-1-4 {
        margin-left: 25%
    }
    .large-desktop-suffix-1-4 {
        margin-right: 25%
    }
    .large-desktop-3-4 {
        width: 75%
    }
    .large-desktop-prefix-3-4 {
        margin-left: 75%
    }
    .large-desktop-suffix-3-4 {
        margin-right: 75%
    }
    .large-desktop-5-col > * {
        width: 20%
    }
    .large-desktop-1-5 {
        width: 20%
    }
    .large-desktop-prefix-1-5 {
        margin-left: 20%
    }
    .large-desktop-suffix-1-5 {
        margin-right: 20%
    }
    .large-desktop-2-5 {
        width: 40%
    }
    .large-desktop-prefix-2-5 {
        margin-left: 40%
    }
    .large-desktop-suffix-2-5 {
        margin-right: 40%
    }
    .large-desktop-3-5 {
        width: 60%
    }
    .large-desktop-prefix-3-5 {
        margin-left: 60%
    }
    .large-desktop-suffix-3-5 {
        margin-right: 60%
    }
    .large-desktop-4-5 {
        width: 80%
    }
    .large-desktop-prefix-4-5 {
        margin-left: 80%
    }
    .large-desktop-suffix-4-5 {
        margin-right: 80%
    }
    .large-desktop-6-col > * {
        width: 16.66667%
    }
    .large-desktop-1-6 {
        width: 16.66667%
    }
    .large-desktop-prefix-1-6 {
        margin-left: 16.66667%
    }
    .large-desktop-suffix-1-6 {
        margin-right: 16.66667%
    }
    .large-desktop-5-6 {
        width: 83.33333%
    }
    .large-desktop-prefix-5-6 {
        margin-left: 83.33333%
    }
    .large-desktop-suffix-5-6 {
        margin-right: 83.33333%
    }
    .large-desktop-7-col > * {
        width: 14.28571%
    }
    .large-desktop-1-7 {
        width: 14.28571%
    }
    .large-desktop-prefix-1-7 {
        margin-left: 14.28571%
    }
    .large-desktop-suffix-1-7 {
        margin-right: 14.28571%
    }
    .large-desktop-2-7 {
        width: 28.57143%
    }
    .large-desktop-prefix-2-7 {
        margin-left: 28.57143%
    }
    .large-desktop-suffix-2-7 {
        margin-right: 28.57143%
    }
    .large-desktop-3-7 {
        width: 42.85714%
    }
    .large-desktop-prefix-3-7 {
        margin-left: 42.85714%
    }
    .large-desktop-suffix-3-7 {
        margin-right: 42.85714%
    }
    .large-desktop-4-7 {
        width: 57.14286%
    }
    .large-desktop-prefix-4-7 {
        margin-left: 57.14286%
    }
    .large-desktop-suffix-4-7 {
        margin-right: 57.14286%
    }
    .large-desktop-5-7 {
        width: 71.42857%
    }
    .large-desktop-prefix-5-7 {
        margin-left: 71.42857%
    }
    .large-desktop-suffix-5-7 {
        margin-right: 71.42857%
    }
    .large-desktop-6-7 {
        width: 85.71429%
    }
    .large-desktop-prefix-6-7 {
        margin-left: 85.71429%
    }
    .large-desktop-suffix-6-7 {
        margin-right: 85.71429%
    }
    .large-desktop-8-col > * {
        width: 12.5%
    }
    .large-desktop-1-8 {
        width: 12.5%
    }
    .large-desktop-prefix-1-8 {
        margin-left: 12.5%
    }
    .large-desktop-suffix-1-8 {
        margin-right: 12.5%
    }
    .large-desktop-3-8 {
        width: 37.5%
    }
    .large-desktop-prefix-3-8 {
        margin-left: 37.5%
    }
    .large-desktop-suffix-3-8 {
        margin-right: 37.5%
    }
    .large-desktop-5-8 {
        width: 62.5%
    }
    .large-desktop-prefix-5-8 {
        margin-left: 62.5%
    }
    .large-desktop-suffix-5-8 {
        margin-right: 62.5%
    }
    .large-desktop-7-8 {
        width: 87.5%
    }
    .large-desktop-prefix-7-8 {
        margin-left: 87.5%
    }
    .large-desktop-suffix-7-8 {
        margin-right: 87.5%
    }
    .large-desktop-9-col > * {
        width: 11.11111%
    }
    .large-desktop-1-9 {
        width: 11.11111%
    }
    .large-desktop-prefix-1-9 {
        margin-left: 11.11111%
    }
    .large-desktop-suffix-1-9 {
        margin-right: 11.11111%
    }
    .large-desktop-2-9 {
        width: 22.22222%
    }
    .large-desktop-prefix-2-9 {
        margin-left: 22.22222%
    }
    .large-desktop-suffix-2-9 {
        margin-right: 22.22222%
    }
    .large-desktop-3-9 {
        width: 33.33333%
    }
    .large-desktop-prefix-3-9 {
        margin-left: 33.33333%
    }
    .large-desktop-suffix-3-9 {
        margin-right: 33.33333%
    }
    .large-desktop-4-9 {
        width: 44.44444%
    }
    .large-desktop-prefix-4-9 {
        margin-left: 44.44444%
    }
    .large-desktop-suffix-4-9 {
        margin-right: 44.44444%
    }
    .large-desktop-5-9 {
        width: 55.55556%
    }
    .large-desktop-prefix-5-9 {
        margin-left: 55.55556%
    }
    .large-desktop-suffix-5-9 {
        margin-right: 55.55556%
    }
    .large-desktop-6-9 {
        width: 66.66667%
    }
    .large-desktop-prefix-6-9 {
        margin-left: 66.66667%
    }
    .large-desktop-suffix-6-9 {
        margin-right: 66.66667%
    }
    .large-desktop-7-9 {
        width: 77.77778%
    }
    .large-desktop-prefix-7-9 {
        margin-left: 77.77778%
    }
    .large-desktop-suffix-7-9 {
        margin-right: 77.77778%
    }
    .large-desktop-8-9 {
        width: 88.88889%
    }
    .large-desktop-prefix-8-9 {
        margin-left: 88.88889%
    }
    .large-desktop-suffix-8-9 {
        margin-right: 88.88889%
    }
    .large-desktop-10-col > * {
        width: 10%
    }
    .large-desktop-1-10 {
        width: 10%
    }
    .large-desktop-prefix-1-10 {
        margin-left: 10%
    }
    .large-desktop-suffix-1-10 {
        margin-right: 10%
    }
    .large-desktop-3-10 {
        width: 30%
    }
    .large-desktop-prefix-3-10 {
        margin-left: 30%
    }
    .large-desktop-suffix-3-10 {
        margin-right: 30%
    }
    .large-desktop-7-10 {
        width: 70%
    }
    .large-desktop-prefix-7-10 {
        margin-left: 70%
    }
    .large-desktop-suffix-7-10 {
        margin-right: 70%
    }
    .large-desktop-9-10 {
        width: 90%
    }
    .large-desktop-prefix-9-10 {
        margin-left: 90%
    }
    .large-desktop-suffix-9-10 {
        margin-right: 90%
    }
    .large-desktop-11-col > * {
        width: 9.09091%
    }
    .large-desktop-1-11 {
        width: 9.09091%
    }
    .large-desktop-prefix-1-11 {
        margin-left: 9.09091%
    }
    .large-desktop-suffix-1-11 {
        margin-right: 9.09091%
    }
    .large-desktop-2-11 {
        width: 18.18182%
    }
    .large-desktop-prefix-2-11 {
        margin-left: 18.18182%
    }
    .large-desktop-suffix-2-11 {
        margin-right: 18.18182%
    }
    .large-desktop-3-11 {
        width: 27.27273%
    }
    .large-desktop-prefix-3-11 {
        margin-left: 27.27273%
    }
    .large-desktop-suffix-3-11 {
        margin-right: 27.27273%
    }
    .large-desktop-4-11 {
        width: 36.36364%
    }
    .large-desktop-prefix-4-11 {
        margin-left: 36.36364%
    }
    .large-desktop-suffix-4-11 {
        margin-right: 36.36364%
    }
    .large-desktop-5-11 {
        width: 45.45455%
    }
    .large-desktop-prefix-5-11 {
        margin-left: 45.45455%
    }
    .large-desktop-suffix-5-11 {
        margin-right: 45.45455%
    }
    .large-desktop-6-11 {
        width: 54.54545%
    }
    .large-desktop-prefix-6-11 {
        margin-left: 54.54545%
    }
    .large-desktop-suffix-6-11 {
        margin-right: 54.54545%
    }
    .large-desktop-7-11 {
        width: 63.63636%
    }
    .large-desktop-prefix-7-11 {
        margin-left: 63.63636%
    }
    .large-desktop-suffix-7-11 {
        margin-right: 63.63636%
    }
    .large-desktop-8-11 {
        width: 72.72727%
    }
    .large-desktop-prefix-8-11 {
        margin-left: 72.72727%
    }
    .large-desktop-suffix-8-11 {
        margin-right: 72.72727%
    }
    .large-desktop-9-11 {
        width: 81.81818%
    }
    .large-desktop-prefix-9-11 {
        margin-left: 81.81818%
    }
    .large-desktop-suffix-9-11 {
        margin-right: 81.81818%
    }
    .large-desktop-10-11 {
        width: 90.90909%
    }
    .large-desktop-prefix-10-11 {
        margin-left: 90.90909%
    }
    .large-desktop-suffix-10-11 {
        margin-right: 90.90909%
    }
    .large-desktop-12-col > * {
        width: 8.33333%
    }
    .large-desktop-1-12 {
        width: 8.33333%
    }
    .large-desktop-prefix-1-12 {
        margin-left: 8.33333%
    }
    .large-desktop-suffix-1-12 {
        margin-right: 8.33333%
    }
    .large-desktop-5-12 {
        width: 41.66667%
    }
    .large-desktop-prefix-5-12 {
        margin-left: 41.66667%
    }
    .large-desktop-suffix-5-12 {
        margin-right: 41.66667%
    }
    .large-desktop-7-12 {
        width: 58.33333%
    }
    .large-desktop-prefix-7-12 {
        margin-left: 58.33333%
    }
    .large-desktop-suffix-7-12 {
        margin-right: 58.33333%
    }
    .large-desktop-11-12 {
        width: 91.66667%
    }
    .large-desktop-prefix-11-12 {
        margin-left: 91.66667%
    }
    .large-desktop-suffix-11-12 {
        margin-right: 91.66667%
    }
}