﻿/*.grid-wrapper { margin: 0 auto; text-align: left; padding: 20px 20px 40px 20px; }*/

.grid-one-col, .grid-two-col, .grid-three-col, .grid-four-col, .grid-five-col, .grid-six-col, 
.grid-seven-col, .grid-eight-col, .grid-nine-col, .grid-ten-col, .grid-eleven-col, .grid-twelve-col 
{ margin: 0 2% 0 0; padding: 0; }

.grid-one-col { width: 6.5% }
.grid-two-col { width: 15%; }
.grid-three-col { width: 23.5%; }
.grid-four-col { width: 32%; }
.grid-five-col { width: 40.5%; }
.grid-six-col { width: 49%; }
.grid-seven-col { width: 57.5%; } 
.grid-eight-col { width: 66%; }
.grid-nine-col { width: 74.5%; }
.grid-ten-col { width: 83%; }
.grid-eleven-col { width: 91.5%; }
.grid-twelve-col { width: 100%; margin-right: 0; }


.grid1-one-col, .grid1-two-col, .grid1-three-col, .grid1-four-col, .grid1-five-col, .grid1-six-col, 
.grid1-seven-col, .grid1-eight-col, .grid1-nine-col, .grid1-ten-col, .grid1-eleven-col, .grid1-twelve-col 
{ margin: 0 1.5% 0 0; padding: 0; }

.grid1-one-col { width: 6.958333% }
.grid1-two-col { width: 15.41666667%; }
.grid1-three-col { width: 23.875%; }
.grid1-four-col { width: 32.33333333%; }
.grid1-five-col { width: 40.79166667%; }
.grid1-six-col { width: 49.25%; }
.grid1-seven-col { width: 57.70833333%; } 
.grid1-eight-col { width: 66.16666667%; }
.grid1-nine-col { width: 74.625%; }
.grid1-ten-col { width: 83.08333333%; }
.grid1-eleven-col { width: 91.54166667%; }
.grid1-twelve-col { width: 100%; margin-right: 0; }


.grid2-one-col, .grid2-two-col, .grid2-three-col, .grid2-four-col, .grid2-five-col, .grid2-six-col, 
.grid2-seven-col, .grid2-eight-col, .grid2-nine-col, .grid2-ten-col, .grid2-eleven-col, .grid2-twelve-col 
{ margin: 0 20px 0 0; padding: 0; }
.grid2-one-col { width: 60px; }
.grid2-two-col { width: 140px; }
.grid2-three-col { width: 220px; }
.grid2-four-col { width: 300px; }
.grid2-five-col { width: 380px; }
.grid2-six-col { width: 460px; }
.grid2-seven-col { width: 540px; } 
.grid2-eight-col { width: 620px; }
.grid2-nine-col { width: 700px; }
.grid2-ten-col { width: 780px; }
.grid2-eleven-col { width: 860px; }
.grid2-twelve-col { width: 940px; margin-right: 0; }




/*.grid-prefix-one { margin-left: 80px; }
.grid-prefix-two { margin-left: 160px; }
.grid-prefix-three { margin-left: 240px; }
.grid-prefix-four { margin-left: 320px; }
.grid-prefix-five { margin-left: 400px; }
.grid-prefix-six { margin-left: 480px; }
.grid-prefix-seven { margin-left: 560px; }
.grid-prefix-eight { margin-left: 640px; }
.grid-prefix-nine { margin-left: 720px; }
.grid-prefix-ten { margin-left: 800px; }
.grid-prefix-eleven { margin-left: 880px; }
.grid-suffix-one { margin-right: 100px; }
.grid-suffix-two { margin-right: 180px; }
.grid-suffix-three { margin-right: 260px; }
.grid-suffix-four { margin-right: 340px; }
.grid-suffix-five { margin-right: 420px; }
.grid-suffix-six { margin-right: 500px; }
.grid-suffix-seven { margin-right: 580px; }
.grid-suffix-eight { margin-right: 660px; }
.grid-suffix-nine { margin-right: 740px; }
.grid-suffix-ten { margin-right: 820px; }
.grid-suffix-eleven { margin-right: 900px; }
.grid-last-col { margin-right: 0; }*/


@media screen and (max-width: 980px) {
    
    /*.grid-wrapper { padding: 60px 10px; }*/

    .grid-one-col, .grid-two-col, .grid-three-col, .grid-four-col, .grid-five-col, .grid-six-col, 
    .grid-seven-col, .grid-eight-col, .grid-nine-col, .grid-ten-col, .grid-eleven-col, .grid-twelve-col 
    { margin: 0; padding: 0; }

    .grid-three-col, .grid-four-col, .grid-five-col, .grid-six-col, .grid-seven-col, .grid-eight-col, .grid-nine-col, .grid-ten-col, .grid-eleven-col, .grid-twelve-col 
    { width: 100%; }


    .grid1-one-col, .grid1-two-col, .grid1-three-col, .grid1-four-col, .grid1-five-col, .grid1-six-col, 
    .grid1-seven-col, .grid1-eight-col, .grid1-nine-col, .grid1-ten-col, .grid1-eleven-col, .grid1-twelve-col 
    { margin: 0; padding: 0; }

    .grid1-three-col, .grid1-four-col, .grid1-five-col, .grid1-six-col, .grid1-seven-col, .grid1-eight-col, .grid1-nine-col, .grid1-ten-col, .grid1-eleven-col, .grid1-twelve-col 
    { width: 100%; }


    .grid2-one-col, .grid2-two-col, .grid2-three-col, .grid2-four-col, .grid2-five-col, .grid2-six-col, 
    .grid2-seven-col, .grid2-eight-col, .grid2-nine-col, .grid2-ten-col, .grid2-eleven-col, .grid2-twelve-col 
    { margin: 0; padding: 0; }

    .grid2-three-col, .grid2-four-col, .grid2-five-col, .grid2-six-col, .grid2-seven-col, .grid2-eight-col, .grid2-nine-col, .grid2-ten-col, .grid2-eleven-col, .grid2-twelve-col 
    { width: 100%; }
}