<commit_before>.page, .page-fluid{width: 100%; max-width: 100%;margin: 0 auto;position: relative;}
.page{width: 99%;}
/*  SECTIONS GROUPING  */
.sectionGrid {clear:both;padding:0;margin:0;width: 100%;position: relative;zoom:1;/* For IE 6/7 */}
.sectionGrid:before,.sectionGrid:after{ content:"";display:table;}
.sectionGrid:after{ clear:both;}

/*  COLUMN SETUP  */
[class^='gridBox']{
    display:block;
    float:left;
    margin:1% 0 1% 0;
    padding:0 0.5% 0 0.5% ;
    width:100%;
    background-color: transparent;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}
[class^='gridBox']:first-child{margin-left:0;}
[class^='gridBox'] .sectionGrid{padding:0;margin:0;}

/*  Small devices (landscape phones, 576px and up) */
@media only screen and (min-width :576px)
{
    .page{width: 98%;}
}

/*  Medium devices (tablets, 768px and up) */
@media only screen and (min-width :768px) and (max-width: 991.99px)
{
    .page{width: 95%;}
    [class^='gridBox']{width: 49.3%;margin:1% 0 1% 1.4%;}
    [class^='gridBox']:nth-child(2n+1){clear:both;margin-left:0;}
}
/* Large devices (desktops, 992px and up) */ 
@media only screen and (min-width: 992px) 
{ 
    .page{width: 93.8%;}
    [class^='gridBox']{margin:1% 0 1% 1.4%;}
    /*  THE GRID  */
    /*  GRID OF TWO  */
    .gridBox1_2 {width:49.3%;} 
    /*  GRID OF THREE  */
    .gridBox2_3 {width:66.2%;}
    .gridBox1_3 {width:32.4%;} 
    /*  GRID OF FOUR  */
    .gridBox3_4 {width:74.65%;}
    .gridBox2_4 {width:49.3%;}
    .gridBox1_4 {width:23.95%;}
    /*  GRID OF FIVE  */
    .gridBox4_5 {width:79.72%;}
    .gridBox3_5 {width:59.44%;}
    .gridBox2_5 {width:39.16%;}
    .gridBox1_5 {width:18.88%;}
    /*  GRID OF SIX  */
    .gridBox5_6 {width:83.1%;}
    .gridBox4_6 {width:66.2%;}
    .gridBox3_6 {width:49.3%;}
    .gridBox2_6 {width:32.4%;}
    .gridBox1_6 {width:15.5%;}
    /*  GRID OF SEVEN  */
    .gridBox6_7 {width:85.51%;}
    .gridBox5_7 {width:71.02%;}
    .gridBox4_7 {width:56.54%;}
    .gridBox3_7 {width:42.05%;}
    .gridBox2_7 {width:27.57%;}
    .gridBox1_7 {width:13.08%;}
    /*  GRID OF EIGHT  */
    .gridBox7_8 {width:87.32%;}
    .gridBox6_8 {width:74.65%;}
    .gridBox5_8 {width:61.97%;}
    .gridBox4_8 {width:49.3%;}
    .gridBox3_8 {width:36.62%;}
    .gridBox2_8 {width:23.95%;}
    .gridBox1_8 {width:11.27%;}
    /*  GRID OF NINE  */
    .gridBox8_9 {width:88.73%;}
    .gridBox7_9 {width:77.46%;}
    .gridBox6_9 {width:66.2%;}
    .gridBox5_9 {width:54.93%;}
    .gridBox4_9 {width:43.66%;}
    .gridBox3_9 {width:32.4%;}
    .gridBox2_9 {width:21.13%;}
    .gridBox1_9 {width:9.866%;}
    /*  GRID OF TEN  */
    .gridBox9_10 {width:89.86%;}
    .gridBox8_10 {width:79.72%;}
    .gridBox7_10 {width:69.58%;}
    .gridBox6_10 {width:59.44%;}
    .gridBox5_10 {width:49.3%;}
    .gridBox4_10 {width:39.16%;}
    .gridBox3_10 {width:29.02%;}
    .gridBox2_10 {width:18.88%;}
    .gridBox1_10 {width:8.74%;}
    /*  GRID OF ELEVEN  */
    .gridBox10_11 {width:90.78%;}
    .gridBox9_11 {width:81.56%;}
    .gridBox8_11 {width:72.34%;}
    .gridBox7_11 {width:63.12%;}
    .gridBox6_11 {width:53.90%;}
    .gridBox5_11 {width:44.69%;}
    .gridBox4_11 {width:35.47%;}
    .gridBox3_11 {width:26.25%;}
    .gridBox2_11 {width:17.03%;}
    .gridBox1_11 {width:7.818%;}
    /*  GRID OF Twelve  */
    .gridBox11_12 {width:91.55%;}
    .gridBox10_12 {width:83.1%;}
    .gridBox9_12 {width:74.65%;}
    .gridBox8_12 {width:66.2%;}
    .gridBox7_12 {width:57.75%;}
    .gridBox6_12 {width:49.3%;}
    .gridBox5_12 {width:40.85%;}
    .gridBox4_12 {width:32.4%;}
    .gridBox3_12 {width:23.95%;}
    .gridBox2_12 {width:15.5%;}
    .gridBox1_12 {width:7.05%;}
}

/*Extra large devices (large desktops, 1200px and up)*/ 
@media only screen and(min-width: 1200px) 
{
    .page{width: 92.5%;}
}

.gridBox2_2,.gridBox3_3,.gridBox4_4,.gridBox5_5,.gridBox6_6,
.gridBox7_7,.gridBox8_8,.gridBox9_9,.gridBox10_10,
.gridBox11_11,.gridBox12_12{width:100%;}
<commit_msg>Update IrivenResponsiveCssGrid.css<commit_after>.page, .page-fluid{width: 100%; max-width: 100%;margin: 0 auto;position: relative;}
.page{width: 99%;}
/*  SECTIONS GROUPING  */
.sectionGrid {clear:both;padding:0;margin:0;width: 100%;position: relative;zoom:1;/* For IE 6/7 */}
.sectionGrid:before,.sectionGrid:after{ content:"";display:table;}
.sectionGrid:after{ clear:both;}

/*  COLUMN SETUP  */
[class^='gridBox']{
    display:block;
    float:left;
    margin:1% 0 1% 0;
    padding:0 0.5% 0 0.5% ;
    width:100%;
    background-color: transparent;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}
[class^='gridBox']:first-child{margin-left:0;}
.no-marging{margin:0;}
.no-padding{padding:0;}

/*  Small devices (landscape phones, 576px and up) */
@media only screen and (min-width :576px)
{
    .page{width: 98%;}
}

/*  Medium devices (tablets, 768px and up) */
@media only screen and (min-width :768px) and (max-width: 991.99px)
{
    .page{width: 95%;}
    [class^='gridBox']{width: 49.3%;margin:1% 0 1% 1.4%;}
    [class^='gridBox']:nth-child(2n+1){clear:both;margin-left:0;}
}
/* Large devices (desktops, 992px and up) */ 
@media only screen and (min-width: 992px) 
{ 
    .page{width: 93.8%;}
    [class^='gridBox']{margin:1% 0 1% 1.4%;}
    /*  THE GRID  */
    /*  GRID OF TWO  */
    .gridBox1_2 {width:49.3%;} 
    /*  GRID OF THREE  */
    .gridBox2_3 {width:66.2%;}
    .gridBox1_3 {width:32.4%;} 
    /*  GRID OF FOUR  */
    .gridBox3_4 {width:74.65%;}
    .gridBox2_4 {width:49.3%;}
    .gridBox1_4 {width:23.95%;}
    /*  GRID OF FIVE  */
    .gridBox4_5 {width:79.72%;}
    .gridBox3_5 {width:59.44%;}
    .gridBox2_5 {width:39.16%;}
    .gridBox1_5 {width:18.88%;}
    /*  GRID OF SIX  */
    .gridBox5_6 {width:83.1%;}
    .gridBox4_6 {width:66.2%;}
    .gridBox3_6 {width:49.3%;}
    .gridBox2_6 {width:32.4%;}
    .gridBox1_6 {width:15.5%;}
    /*  GRID OF SEVEN  */
    .gridBox6_7 {width:85.51%;}
    .gridBox5_7 {width:71.02%;}
    .gridBox4_7 {width:56.54%;}
    .gridBox3_7 {width:42.05%;}
    .gridBox2_7 {width:27.57%;}
    .gridBox1_7 {width:13.08%;}
    /*  GRID OF EIGHT  */
    .gridBox7_8 {width:87.32%;}
    .gridBox6_8 {width:74.65%;}
    .gridBox5_8 {width:61.97%;}
    .gridBox4_8 {width:49.3%;}
    .gridBox3_8 {width:36.62%;}
    .gridBox2_8 {width:23.95%;}
    .gridBox1_8 {width:11.27%;}
    /*  GRID OF NINE  */
    .gridBox8_9 {width:88.73%;}
    .gridBox7_9 {width:77.46%;}
    .gridBox6_9 {width:66.2%;}
    .gridBox5_9 {width:54.93%;}
    .gridBox4_9 {width:43.66%;}
    .gridBox3_9 {width:32.4%;}
    .gridBox2_9 {width:21.13%;}
    .gridBox1_9 {width:9.866%;}
    /*  GRID OF TEN  */
    .gridBox9_10 {width:89.86%;}
    .gridBox8_10 {width:79.72%;}
    .gridBox7_10 {width:69.58%;}
    .gridBox6_10 {width:59.44%;}
    .gridBox5_10 {width:49.3%;}
    .gridBox4_10 {width:39.16%;}
    .gridBox3_10 {width:29.02%;}
    .gridBox2_10 {width:18.88%;}
    .gridBox1_10 {width:8.74%;}
    /*  GRID OF ELEVEN  */
    .gridBox10_11 {width:90.78%;}
    .gridBox9_11 {width:81.56%;}
    .gridBox8_11 {width:72.34%;}
    .gridBox7_11 {width:63.12%;}
    .gridBox6_11 {width:53.90%;}
    .gridBox5_11 {width:44.69%;}
    .gridBox4_11 {width:35.47%;}
    .gridBox3_11 {width:26.25%;}
    .gridBox2_11 {width:17.03%;}
    .gridBox1_11 {width:7.818%;}
    /*  GRID OF Twelve  */
    .gridBox11_12 {width:91.55%;}
    .gridBox10_12 {width:83.1%;}
    .gridBox9_12 {width:74.65%;}
    .gridBox8_12 {width:66.2%;}
    .gridBox7_12 {width:57.75%;}
    .gridBox6_12 {width:49.3%;}
    .gridBox5_12 {width:40.85%;}
    .gridBox4_12 {width:32.4%;}
    .gridBox3_12 {width:23.95%;}
    .gridBox2_12 {width:15.5%;}
    .gridBox1_12 {width:7.05%;}
}

/*Extra large devices (large desktops, 1200px and up)*/ 
@media only screen and(min-width: 1200px) 
{
    .page{width: 92.5%;}
}

.gridBox2_2,.gridBox3_3,.gridBox4_4,.gridBox5_5,.gridBox6_6,
.gridBox7_7,.gridBox8_8,.gridBox9_9,.gridBox10_10,
.gridBox11_11,.gridBox12_12{width:100%;}

{'fraction_non_alphanumeric': 0.20206712344675415, 'fraction_numerical': 0.1254209731738474, 'mean_word_length': 2.968663594470046, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6320749', 'n_tokens_mistral': 4307, 'n_tokens_neox': 3831, 'n_words': 631}