grid,
div[data-role="grid"] {
    position: relative;
    display: block;
    font-size: 0;
    letter-spacing: 0;
}
grid column,
div[data-role="grid"] div[data-role="column-1"],
div[data-role="grid"] div[data-role="column-2"],
div[data-role="grid"] div[data-role="column-3"],
div[data-role="grid"] div[data-role="column-4"],
div[data-role="grid"] div[data-role="column-5"],
div[data-role="grid"] div[data-role="column-5"],
div[data-role="grid"] div[data-role="column-7"],
div[data-role="grid"] div[data-role="column-6"],
div[data-role="grid"] div[data-role="column-8"],
div[data-role="grid"] div[data-role="column-9"],
div[data-role="grid"] div[data-role="column-10"],
div[data-role="grid"] div[data-role="column-11"],
div[data-role="grid"] div[data-role="column-12"]
 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 12px;
}

div[data-role="grid"] div[data-role="column-1"],grid column[rel="1"] {
    width: calc((100%/12)*1);
}
div[data-role="grid"] div[data-role="column-2"],grid column[rel="2"] {
    width: calc((100%/12)*2);
}
div[data-role="grid"] div[data-role="column-3"],grid column[rel="3"] {
    width: calc((100%/12)*3);
}
div[data-role="grid"] div[data-role="column-4"],grid column[rel="4"] {
    width: calc((100%/12)*4);
}
div[data-role="grid"] div[data-role="column-5"],grid column[rel="5"] {
    width: calc((100%/12)*5);
}
div[data-role="grid"] div[data-role="column-6"],grid column[rel="6"] {
    width: calc((100%/12)*6);
}
div[data-role="grid"] div[data-role="column-7"],grid column[rel="7"] {
    width: calc((100%/12)*7);
}
div[data-role="grid"] div[data-role="column-8"],grid column[rel="8"] {
    width: calc((100%/12)*8);
}
div[data-role="grid"] div[data-role="column-9"],grid column[rel="9"] {
    width: calc((100%/12)*9);
}
div[data-role="grid"] div[data-role="column-10"],grid column[rel="10"] {
    width: calc((100%/12)*10);
}
div[data-role="grid"] div[data-role="column-11"],grid column[rel="11"] {
    width: calc((100%/12)*11);
}
div[data-role="grid"] div[data-role="column-12"],grid column[rel="12"] {
    width: calc((100%/12)*12);
}
@media screen and (max-width: 1023px) {
    grid column[rel="1"] {
        width: 100%;
    }
    grid column[rel="2"] {
        width: 100%;
    }
    grid column[rel="3"] {
        width: 100%;
    }
    grid column[rel="4"] {
        width: 100%;
    }
    grid column[rel="5"] {
        width: 100%;
    }
    grid column[rel="6"] {
        width: 100%;
    }
    grid column[rel="7"] {
        width: 100%;
    }
    grid column[rel="8"] {
        width: 100%;
    }
    grid column[rel="9"] {
        width: 100%;
    }
    grid column[rel="10"] {
        width: 100%;
    }
    grid column[rel="11"] {
        width: 100%;
    }
    grid column[rel="12"] {
        width: 100%;
    }
    div[data-role="grid"] div[data-role="column-6"] {
        width: 100%;
    }
	div[data-role="grid"] div[data-role="column-1"],
	div[data-role="grid"] div[data-role="column-2"],
	div[data-role="grid"] div[data-role="column-3"],
	div[data-role="grid"] div[data-role="column-4"],
	div[data-role="grid"] div[data-role="column-5"],
	div[data-role="grid"] div[data-role="column-6"],
	div[data-role="grid"] div[data-role="column-7"],
	div[data-role="grid"] div[data-role="column-8"],
	div[data-role="grid"] div[data-role="column-9"],
	div[data-role="grid"] div[data-role="column-10"],
	div[data-role="grid"] div[data-role="column-11"],
	div[data-role="grid"] div[data-role="column-12"]{
		width: 100%;
	}
}