/*----------------------------------------------------------*/
/*-------- GRID SETTINGS --------*/
/*----------------------------------------------------------*/

.row {
	display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-gap: 32px 32px;
    width: 100%;
}

@media (max-width: 1060px) {
.row {
    grid-template-columns: repeat(6,1fr);
}
}

@media (max-width: 600px) {
.row {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 16px 16px;
}
}

.big-gap-64 {
	grid-gap: 32px 64px;
}

.no-gap {
    grid-gap: 0;
}

/*----------------------------------------------------------*/
/*-------- GRID SETTING NORMAL --------*/
/*----------------------------------------------------------*/

.col-1 {
	grid-column-end: span 1;
    margin-right: 0;
    width: auto;
}

.col-2 {
	grid-column-end: span 2;
    margin-right: 0;
    width: auto;
}

.col-3 {
	grid-column-end: span 3;
    margin-right: 0;
    width: auto;
}

.col-4 {
	grid-column-end: span 4;
    margin-right: 0;
    width: auto;
}

.col-5 {
	grid-column-end: span 5;
    margin-right: 0;
    width: auto;
}

.col-6 {
	grid-column-end: span 6;
    margin-right: 0;
    width: auto;
}

.col-7 {
	grid-column-end: span 7;
    margin-right: 0;
    width: auto;
}

.col-8 {
    grid-column-end: span 8;
    margin-right: 0;
    width: auto;
}

.col-9 {
    grid-column-end: span 9;
    margin-right: 0;
    width: auto;
}

.col-10 {
    grid-column-end: span 10;
    margin-right: 0;
    width: auto;
}

.col-11 {
    grid-column-end: span 11;
    margin-right: 0;
    width: auto;
}

.col-12 {
    grid-column-end: span 12;
    margin-right: 0;
    width: auto;
}

/*----------------------------------------------------------*/
/*-------- GRID SETTINGS MEDIUM --------*/
/*----------------------------------------------------------*/

@media (max-width: 1060px) {
.col-md-1 {
    grid-column-end: span 1;
    margin-right: 0;
    width: auto;
}
}

@media (max-width: 1060px) {
.col-md-2 {
    grid-column-end: span 2;
    margin-right: 0;
    width: auto;
}
}

@media (max-width: 1060px) {
.col-md-3 {
    grid-column-end: span 3;
    margin-right: 0;
    width: auto;
}
}

@media (max-width: 1060px) {
.col-md-4 {
    grid-column-end: span 4;
    margin-right: 0;
    width: auto;
}
}

@media (max-width: 1060px) {
.col-md-5 {
    grid-column-end: span 5;
    margin-right: 0;
    width: auto;
}
}

@media (max-width: 1060px) {
.col-md-6 {
    grid-column-end: span 6;
    margin-right: 0;
    width: auto;
}
}

/*----------------------------------------------------------*/
/*-------- GRID SETTINGS SMALL --------*/
/*----------------------------------------------------------*/

@media (max-width: 600px) {
.col-sm-1 {
    grid-column-end: span 2;
    margin-right: 0;
    width: auto;
}
}

@media (max-width: 600px) {
.col-sm-2 {
    grid-column-end: span 1;
    margin-right: 0;
    width: auto;
}
}