.container {
    max-width: 1240px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

[class^="col-"], [class*=" col-"] {
	width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	position: relative;
}

.col-2 { width: 16.66667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333%; }
.col-5 { width: 41.66667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333%; }
.col-8 { width: 66.66667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.6666666667%; }
.col-12 { width: 100%; }


@media ( min-width: 768px ) {
    .md\:col-2 { width: 16.66667%; }
    .md\:col-3 { width: 25%; }
    .md\:col-4 { width: 33.33333%; }
    .md\:col-5 { width: 41.66667%; }
    .md\:col-6 { width: 50%; }
    .md\:col-7 { width: 58.33333%; }
    .md\:col-8 { width: 66.66667%; }
    .md\:col-9 { width: 75%; }
    .md\:col-10 { width: 83.33333%; }
    .md\:col-11 { width: 91.6666666667%; }
    .md\:col-12 { width: 100%; }
}

@media ( min-width: 1024px ) {
    .lg\:col-2 { width: 16.66667%; }
    .lg\:col-3 { width: 25%; }
    .lg\:col-4 { width: 33.33333%; }
    .lg\:col-5 { width: 41.66667%; }
    .lg\:col-6 { width: 50%; }
    .lg\:col-7 { width: 58.33333%; }
    .lg\:col-8 { width: 66.66667%; }
    .lg\:col-9 { width: 75%; }
    .lg\:col-10 { width: 83.33333%; }
    .lg\:col-11 { width: 91.6666666667%; }
    .lg\:col-12 { width: 100%; }

    .lg\:pull-col-2 {  left: -16.66667%; }
    .lg\:pull-col-3 {  left: -25%; }
    .lg\:pull-col-4 {  left: -33.33333%; }
    .lg\:pull-col-5 {  left: -41.66667%; }
    .lg\:pull-col-6 {  left: -50%; }
    .lg\:pull-col-7 {  left: -58.33333%; }
    .lg\:pull-col-8 {  left: -66.66667%; }
    .lg\:pull-col-9 {  left: -75%; }
    .lg\:pull-col-10 { left: -83.33333%; }
    .lg\:pull-col-11 { left: -91.6666666667%; }
    .lg\:pull-col-12 { left: -100%; }

    .lg\:push-col-2 {  right: -16.66667%; }
    .lg\:push-col-3 {  right: -25%; }
    .lg\:push-col-4 {  right: -33.33333%; }
    .lg\:push-col-5 {  right: -41.66667%; }
    .lg\:push-col-6 {  right: -50%; }
    .lg\:push-col-7 {  right: -58.33333%; }
    .lg\:push-col-8 {  right: -66.66667%; }
    .lg\:push-col-9 {  right: -75%; }
    .lg\:push-col-10 { right: -83.33333%; }
    .lg\:push-col-11 { right: -91.6666666667%; }
    .lg\:push-col-12 { right: -100%; }


}