@media all and (max-width: 768px) {
    .global-grid {
        display: grid;
        grid-template-columns: repeat(8, 32px);
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 12px;
        /*margin: 0 25px;*/
        justify-content: center;
    }
}

@media all and (max-width: 1200px) and (min-width: 768px) {
    .global-grid {
        display: grid;
        grid-template-columns: repeat(8, 64px);
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        margin: 0 auto;
        justify-content: center;
    }
}

@media all and (max-width: 1400px) and (min-width: 1200px) {
    .global-grid {
        display: grid;
        grid-template-columns: repeat(8, 118px);
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        margin: 0 auto;
        justify-content: center;
    }
}

@media all and (min-width: 1400px) {
    .global-grid {
        display: grid;
        grid-template-columns: repeat(12, 64px);
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px;
        max-width: 1280px;
        margin: 0 auto;
        justify-content: center;
    }
}

.global-grid .global-grid-col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto/span 1;
}
.global-grid .global-grid-col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto/span 1;
}
.global-grid .global-grid-col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto/span 1;
}
.global-grid .global-grid-col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto/span 1;
}
.global-grid .global-grid-col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto/span 1;
}
.global-grid .global-grid-col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto/span 1;
}
.global-grid .global-grid-col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto/span 1;
}
.global-grid .global-grid-col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto/span 1;
}

@media all and (max-width: 1200px) and (min-width: 768px) {
    .global-grid .global-grid-col-md-1 {
        grid-column: auto/span 1;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-md-2 {
        grid-column: auto/span 2;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-md-3 {
        grid-column: auto/span 3;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-md-4 {
        grid-column: auto/span 4;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-md-5 {
        grid-column: auto/span 5;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-md-6 {
        grid-column: auto/span 6;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-md-7 {
        grid-column: auto/span 7;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-md-8 {
        grid-column: auto/span 8;
        grid-row: auto/span 1;
    }
}

@media all and (max-width: 1400px) and (min-width: 1200px) {
    .global-grid .global-grid-col-lg-1 {
        grid-column: auto/span 1;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-lg-2 {
        grid-column: auto/span 2;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-lg-3 {
        grid-column: auto/span 3;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-lg-4 {
        grid-column: auto/span 4;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-lg-5 {
        grid-column: auto/span 5;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-lg-6 {
        grid-column: auto/span 6;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-lg-7 {
        grid-column: auto/span 7;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-lg-8 {
        grid-column: auto/span 8;
        grid-row: auto/span 1;
    }
}

@media all and (min-width: 1400px) {
    .global-grid .global-grid-col-xl-1 {
        grid-column: auto/span 1;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-2 {
        grid-column: auto/span 2;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-3 {
        grid-column: auto/span 3;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-4 {
        grid-column: auto/span 4;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-5 {
        grid-column: auto/span 5;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-6 {
        grid-column: auto/span 6;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-7 {
        grid-column: auto/span 7;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-8 {
        grid-column: auto/span 8;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-9 {
        grid-column: auto/span 9;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-10 {
        grid-column: auto/span 10;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-11 {
        grid-column: auto/span 11;
        grid-row: auto/span 1;
    }
    .global-grid .global-grid-col-xl-12 {
        grid-column: auto/span 12;
        grid-row: auto/span 1;
    }
}