* { margin: 0; padding: 0; position: relative; } /* #Base 960 Grid ================================================== */ /* Universals */ .gs960 { display:block; } .gs1200, .gs768, .gs480, .gs520, .gs320 { display:none; } .row { margin: 0px 0; position: relative; } /* Wrapper */ .wrapper{ position: relative; width: 960px; margin: 0px auto; padding: 0px; } /* Percentages */ .w100 { width:100%; } .w90 { width:90%; } .w80 { width:80%; } .w70 { width:70%; } .w60 { width:60%; } .w50 { width:50%; } .w40 { width:40%; } .w30 { width:30%; } .w20 { width:20%; } .w10 { width:10%; } /* Columns */ .wrapper .column, .wrapper .column2-3, .wrapper .column2-4, .wrapper .column3-4, .wrapper .column2-5, .wrapper .column3-5, .wrapper .column4-5, .wrapper .column2-6, .wrapper .column3-6, .wrapper .column4-6, .wrapper .column5-6, .wrapper .column2-7, .wrapper .column3-7, .wrapper .column4-7, .wrapper .column5-7, .wrapper .column6-7, .wrapper .column2-8, .wrapper .column3-8, .wrapper .column4-8, .wrapper .column5-8, .wrapper .column6-8, .wrapper .column7-8, .wrapper .column2-9, .wrapper .column3-9, .wrapper .column4-9, .wrapper .column5-9, .wrapper .column6-9, .wrapper .column7-9, .wrapper .column8-9, .wrapper .column2-10, .wrapper .column3-10, .wrapper .column4-10, .wrapper .column5-10, .wrapper .column6-10, .wrapper .column7-10, .wrapper .column8-10, .wrapper .column9-10, .wrapper .column2-11, .wrapper .column3-11, .wrapper .column4-11, .wrapper .column5-11, .wrapper .column6-11, .wrapper .column7-11, .wrapper .column8-11, .wrapper .column9-11, .wrapper .column10-11, .wrapper .column2-12, .wrapper .column3-12, .wrapper .column4-12, .wrapper .column5-12, .wrapper .column6-12, .wrapper .column7-12, .wrapper .column8-12, .wrapper .column9-12, .wrapper .column10-12, .wrapper .column11-12 { float: left; display:inline; margin: 0 0 10px 0; padding: 0 8px; position:relative; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* No Left */ .column.no-left, .column2-3.no-left, .column2-4.no-left, .column3-4.no-left, .column2-5.no-left, .column3-5.no-left, .column4-5.no-left, .column2-6.no-left, .column3-6.no-left, .column4-6.no-left, .column5-6.no-left, .column2-7.no-left, .column3-7.no-left, .column4-7.no-left, .column5-7.no-left, .column6-7.no-left, .column2-8.no-left, .column3-8.no-left, .column4-8.no-left, .column5-8.no-left, .column6-8.no-left, .column7-8.no-left, .column2-9.no-left, .column3-9.no-left, .column4-9.no-left, .column5-9.no-left, .column6-9.no-left, .column7-9.no-left, .column8-9.no-left, .column2-10.no-left, .column3-10.no-left, .column4-10.no-left, .column5-10.no-left, .column6-10.no-left, .column7-10.no-left, .column8-10.no-left, .column9-10.no-left, .column2-11.no-left, .column3-11.no-left, .column4-11.no-left, .column5-11.no-left, .column6-11.no-left, .column7-11.no-left, .column8-11.no-left, .column9-11.no-left, .column10-11.no-left, .column2-12.no-left, .column3-12.no-left, .column4-12.no-left, .column5-12.no-left, .column6-12.no-left, .column7-12.no-left, .column8-12.no-left, .column9-12.no-left, .column10-12.no-left, .column11-12.no-left { margin-left:0; margin-right:0; padding-left:0; padding-right:8px; } /* No Right */ .column.no-right, .column2-3.no-right, .column2-4.no-right, .column3-4.no-right, .column2-5.no-right, .column3-5.no-right, .column4-5.no-right, .column2-6.no-right, .column3-6.no-right, .column4-6.no-right, .column5-6.no-right, .column2-7.no-right, .column3-7.no-right, .column4-7.no-right, .column5-7.no-right, .column6-7.no-right, .column2-8.no-right, .column3-8.no-right, .column4-8.no-right, .column5-8.no-right, .column6-8.no-right, .column7-8.no-right, .column2-9.no-right, .column3-9.no-right, .column4-9.no-right, .column5-9.no-right, .column6-9.no-right, .column7-9.no-right, .column8-9.no-right, .column2-10.no-right, .column3-10.no-right, .column4-10.no-right, .column5-10.no-right, .column6-10.no-right, .column7-10.no-right, .column8-10.no-right, .column9-10.no-right, .column2-11.no-right, .column3-11.no-right, .column4-11.no-right, .column5-11.no-right, .column6-11.no-right, .column7-11.no-right, .column8-11.no-right, .column9-11.no-right, .column10-11.no-right, .column2-12.no-right, .column3-12.no-right, .column4-12.no-right, .column5-12.no-right, .column6-12.no-right, .column7-12.no-right, .column8-12.no-right, .column9-12.no-right, .column10-12.no-right, .column11-12.no-right { margin-left:0; margin-right:0; padding-left:8px; padding-right:0%; } /* No Margin */ .column.no-margin, .column2-3.no-margin, .column2-4.no-margin, .column3-4.no-margin, .column2-5.no-margin, .column3-5.no-margin, .column4-5.no-margin, .column2-6.no-margin, .column3-6.no-margin, .column4-6.no-margin, .column5-6.no-margin, .column2-7.no-margin, .column3-7.no-margin, .column4-7.no-margin, .column5-7.no-margin, .column6-7.no-margin, .column2-8.no-margin, .column3-8.no-margin, .column4-8.no-margin, .column5-8.no-margin, .column6-8.no-margin, .column7-8.no-margin, .column2-9.no-margin, .column3-9.no-margin, .column4-9.no-margin, .column5-9.no-margin, .column6-9.no-margin, .column7-9.no-margin, .column8-9.no-margin, .column2-10.no-margin, .column3-10.no-margin, .column4-10.no-margin, .column5-10.no-margin, .column6-10.no-margin, .column7-10.no-margin, .column8-10.no-margin, .column9-10.no-margin, .column2-11.no-margin, .column3-11.no-margin, .column4-11.no-margin, .column5-11.no-margin, .column6-11.no-margin, .column7-11.no-margin, .column8-11.no-margin, .column9-11.no-margin, .column10-11.no-margin, .column2-12.no-margin, .column3-12.no-margin, .column4-12.no-margin, .column5-12.no-margin, .column6-12.no-margin, .column7-12.no-margin, .column8-12.no-margin, .column9-12.no-margin, .column10-12.no-margin, .column11-12.no-margin { margin-left:0; margin-right:0; padding-left:0%; padding-right:0%; } /* Border */ .column.border, .column2-3.border, .column2-4.border, .column3-4.border, .column2-5.border, .column3-5.border, .column4-5.border, .column2-6.border, .column3-6.border, .column4-6.border, .column5-6.border, .column2-7.border, .column3-7.border, .column4-7.border, .column5-7.border, .column6-7.border, .column2-8.border, .column3-8.border, .column4-8.border, .column5-8.border, .column6-8.border, .column7-8.border, .column2-9.border, .column3-9.border, .column4-9.border, .column5-9.border, .column6-9.border, .column7-9.border, .column8-9.border, .column2-10.border, .column3-10.border, .column4-10.border, .column5-10.border, .column6-10.border, .column7-10.border, .column8-10.border, .column9-10.border, .column2-11.border, .column3-11.border, .column4-11.border, .column5-11.border, .column6-11.border, .column7-11.border, .column8-11.border, .column9-11.border, .column10-11.border, .column2-12.border, .column3-12.border, .column4-12.border, .column5-12.border, .column6-12.border, .column7-12.border, .column8-12.border, .column9-12.border, .column10-12.border, .column11-12.border { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 2px solid #000; border-top: 0; border-bottom: 0; padding: 0 8px; margin: 0; } .column.border-left, .column2-3.border-left, .column2-4.border-left, .column3-4.border-left, .column2-5.border-left, .column3-5.border-left, .column4-5.border-left, .column2-6.border-left, .column3-6.border-left, .column4-6.border-left, .column5-6.border-left, .column2-7.border-left, .column3-7.border-left, .column4-7.border-left, .column5-7.border-left, .column6-7.border-left, .column2-8.border-left, .column3-8.border-left, .column4-8.border-left, .column5-8.border-left, .column6-8.border-left, .column7-8.border-left, .column2-9.border-left, .column3-9.border-left, .column4-9.border-left, .column5-9.border-left, .column6-9.border-left, .column7-9.border-left, .column8-9.border-left, .column2-10.border-left, .column3-10.border-left, .column4-10.border-left, .column5-10.border-left, .column6-10.border-left, .column7-10.border-left, .column8-10.border-left, .column9-10.border-left, .column2-11.border-left, .column3-11.border-left, .column4-11.border-left, .column5-11.border-left, .column6-11.border-left, .column7-11.border-left, .column8-11.border-left, .column9-11.border-left, .column10-11.border-left, .column2-12.border-left, .column3-12.border-left, .column4-12.border-left, .column5-12.border-left, .column6-12.border-left, .column7-12.border-left, .column8-12.border-left, .column9-12.border-left, .column10-12.border-left, .column11-12.border-left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-left: 2px solid #000; margin:0px; padding:0 8px; } .column.border-right, .column2-3.border-right, .column2-4.border-right, .column3-4.border-right, .column2-5.border-right, .column3-5.border-right, .column4-5.border-right, .column2-6.border-right, .column3-6.border-right, .column4-6.border-right, .column5-6.border-right, .column2-7.border-right, .column3-7.border-right, .column4-7.border-right, .column5-7.border-right, .column6-7.border-right, .column2-8.border-right, .column3-8.border-right, .column4-8.border-right, .column5-8.border-right, .column6-8.border-right, .column7-8.border-right, .column2-9.border-right, .column3-9.border-right, .column4-9.border-right, .column5-9.border-right, .column6-9.border-right, .column7-9.border-right, .column8-9.border-right, .column2-10.border-right, .column3-10.border-right, .column4-10.border-right, .column5-10.border-right, .column6-10.border-right, .column7-10.border-right, .column8-10.border-right, .column9-10.border-right, .column2-11.border-right, .column3-11.border-right, .column4-11.border-right, .column5-11.border-right, .column6-11.border-right, .column7-11.border-right, .column8-11.border-right, .column9-11.border-right, .column10-11.border-right, .column2-12.border-right, .column3-12.border-right, .column4-12.border-right, .column5-12.border-right, .column6-12.border-right, .column7-12.border-right, .column8-12.border-right, .column9-12.border-right, .column10-12.border-right, .column11-12.border-right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-right: 2px solid #000; margin:0px; padding:0 8px; } /* Row Classes */ .wrapper .row, { position:relative; } /* Vertical Margin & Padding Classes */ .margin5 { margin:5px 0px; } .margin10 { margin:10px 0px; } .margin15 { margin:15px 0px; } .margin20 { margin:20px 0px; } .margin25 { margin:25px 0px; } .margin30 { margin:30px 0px; } .margin-top5 { margin-top:5px; } .margin-top10 { margin-top:10px; } .margin-top15 { margin-top:15px; } .margin-top20 { margin-top:20px; } .margin-top25 { margin-top:25px; } .margin-top30 { margin-top:30px; } .margin-bottom5 { margin-bottom:5px; } .margin-bottom10 { margin-bottom:10px; } .margin-bottom15 { margin-bottom:15px; } .margin-bottom20 { margin-bottom:20px; } .margin-bottom25 { margin-bottom:25px; } .margin-bottom30 { margin-bottom:30px; } .padding5 { padding:5px 0px; } .padding10 { padding:10px 0px; } .padding15 { padding:15px 0px; } .padding20 { padding:20px 0px; } .padding25 { padding:25px 0px; } .padding30 { padding:30px 0px; } .padding-top5 { padding-top:5px; } .padding-top10 { padding-top:10px; } .padding-top15 { padding-top:15px; } .padding-top20 { padding-top:20px; } .padding-top25 { padding-top:25px; } .padding-top30 { padding-top:30px; } .padding-bottom5 { padding-bottom:5px; } .padding-bottom10 { padding-bottom:10px; } .padding-bottom15 { padding-bottom:15px; } .padding-bottom20 { padding-bottom:20px; } .padding-bottom25 { padding-bottom:25px; } .padding-bottom30 { padding-bottom:30px; } /* Base Grid */ /* One Column */ .one-column .column.no-margin, .one-columns .column.no-margin, .one-column .column.no-left, .one-columns .column.no-left, .one-column .column.no-right, .one-columns .column.no-right, .one-column .column, .one-column .column, .one-column.nested .column.no-margin, .one-column.nested .column.no-left, .one-column.nested .column.no-right, .one-column.nested .column { width:100%; } /* Two Columns */ .two-columns .column.no-margin, .two-columns .column.no-left, .two-columns .column.no-right, .two-columns .column, .two-columns.nested .column.no-margin, .two-columns.nested .column.no-left, .two-columns.nested .column.no-right, .two-columns.nested .column { width:50%; } /* Three Columns */ .three-columns .column.no-margin, .three-columns .column.no-left, .three-columns .column.no-right, .three-columns .column, .three-columns.nested .column.no-margin, .three-columns.nested .column.no-left, .three-columns.nested .column.no-right, .three-columns.nested .column { width:33.3%; } .three-columns .column2-3.no-margin, .three-columns .column2-3.no-left, .three-columns .column2-3.no-right, .three-columns .column2-3, .three-columns.nested .column2-3.no-margin, .three-columns.nested .column2-3.no-left, .three-columns.nested .column2-3.no-right, .three-columns.nested .column2-3 { width:66.6%; } /* Four Columns */ .four-columns .column.no-margin, .four-columns .column.no-left, .four-columns .column.no-right, .four-columns .column, .four-columns.nested .column.no-margin, .four-columns.nested .column.no-left, .four-columns.nested .column.no-right, .four-columns.nested .column { width:25%; } .four-columns .column2-4.no-margin, .four-columns .column2-4.no-left, .four-columns .column2-4.no-right, .four-columns .column2-4, .four-columns.nested .column2-4.no-margin, .four-columns.nested .column2-4.no-left, .four-columns.nested .column2-4.no-right, .four-columns.nested .column2-4 { width:50%; } .four-columns .column3-4.no-margin, .four-columns .column3-4.no-left, .four-columns .column3-4.no-right, .four-columns .column3-4, .four-columns.nested .column3-4.no-margin, .four-columns.nested .column3-4.no-left, .four-columns.nested .column3-4.no-right, .four-columns.nested .column3-4 { width:75%; } /* Five Columns */ .five-columns .column.no-margin, .five-columns .column.no-left, .five-columns .column.no-right, .five-columns .column, .five-columns.nested .column.no-margin, .five-columns.nested .column.no-left, .five-columns.nested .column.no-right, .five-columns.nested .column { width:20%; } .five-columns .column2-5.no-margin, .five-columns .column2-5.no-left, .five-columns .column2-5.no-right, .five-columns .column2-5, .five-columns.nested .column2-5.no-margin, .five-columns.nested .column2-5.no-left, .five-columns.nested .column2-5.no-right, .five-columns.nested .column2-5 { width:40%; } .five-columns .column3-5.no-margin, .five-columns .column3-5.no-left, .five-columns .column3-5.no-right, .five-columns .column3-5, .five-columns.nested .column3-5.no-margin, .five-columns.nested .column3-5.no-left, .five-columns.nested .column3-5.no-right, .five-columns.nested .column3-5 { width:60%; } .five-columns .column4-5.no-margin, .five-columns .column4-5.no-left, .five-columns .column4-5.no-right, .five-columns .column4-5, .five-columns.nested .column4-5.no-margin, .five-columns.nested .column4-5.no-left, .five-columns.nested .column4-5.no-right, .five-columns.nested .column4-5 { width:80%; } /* Six Columns */ .six-columns .column.no-margin, .six-columns .column.no-left, .six-columns .column.no-right, .six-columns .column, .six-columns.nested .column.no-margin, .six-columns.nested .column.no-left, .six-columns.nested .column.no-right, .six-columns.nested .column { width:16.65%; } .six-columns .column2-6.no-margin, .six-columns .column2-6.no-left, .six-columns .column2-6.no-right, .six-columns .column2-6, .six-columns.nested .column2-6.no-margin, .six-columns.nested .column2-6.no-left, .six-columns.nested .column2-6.no-right, .six-columns.nested .column2-6 { width:33.3%; } .six-columns .column3-6.no-margin, .six-columns .column3-6.no-left, .six-columns .column3-6.no-right, .six-columns .column3-6, .six-columns.nested .column3-6.no-margin, .six-columns.nested .column3-6.no-left, .six-columns.nested .column3-6.no-right, .six-columns.nested .column3-6 { width:49.95%; } .six-columns .column4-6.no-margin, .six-columns .column4-6.no-left, .six-columns .column4-6.no-right, .six-columns .column4-6, .six-columns.nested .column4-6.no-margin, .six-columns.nested .column4-6.no-left, .six-columns.nested .column4-6.no-right, .six-columns.nested .column4-6 { width:66.6%; } .six-columns .column5-6.no-margin, .six-columns .column5-6.no-left, .six-columns .column5-6.no-right, .six-columns .column5-6, .six-columns.nested .column5-6.no-margin, .six-columns.nested .column5-6.no-left, .six-columns.nested .column5-6.no-right, .six-columns.nested .column5-6 { width:83.25%; } /* Seven Columns */ .seven-columns .column.no-margin, .seven-columns .column.no-left, .seven-columns .column.no-right, .seven-columns .column, .seven-columns.nested .column.no-margin, .seven-columns.nested .column.no-left, .seven-columns.nested .column.no-right, .seven-columns.nested .column { width: 14.28%;} .seven-columns .column2-7.no-margin, .seven-columns .column2-7.no-left, .seven-columns .column2-7.no-right, .seven-columns .column2-7, .seven-columns.nested .column2-7.no-margin, .seven-columns.nested .column2-7.no-left, .seven-columns.nested .column2-7.no-right, .seven-columns.nested .column2-7 { width: 28.57%;} .seven-columns .column3-7.no-margin, .seven-columns .column3-7.no-left, .seven-columns .column3-7.no-right, .seven-columns .column3-7, .seven-columns.nested .column3-7.no-margin, .seven-columns.nested .column3-7.no-left, .seven-columns.nested .column3-7.no-right, .seven-columns.nested .column3-7 { width: 42.85%;} .seven-columns .column4-7.no-margin, .seven-columns .column4-7.no-left, .seven-columns .column4-7.no-right, .seven-columns .column4-7, .seven-columns.nested .column4-7.no-margin, .seven-columns.nested .column4-7.no-left, .seven-columns.nested .column4-7.no-right, .seven-columns.nested .column4-7 { width: 57.14%;} .seven-columns .column5-7.no-margin, .seven-columns .column5-7.no-left, .seven-columns .column5-7.no-right, .seven-columns .column5-7, .seven-columns.nested .column5-7.no-margin, .seven-columns.nested .column5-7.no-left, .seven-columns.nested .column5-7.no-right, .seven-columns.nested .column5-7 { width: 71.42%;} .seven-columns .column6-7.no-margin, .seven-columns .column6-7.no-left, .seven-columns .column6-7.no-right, .seven-columns .column6-7, .seven-columns.nested .column6-7.no-margin, .seven-columns.nested .column6-7.no-left, .seven-columns.nested .column6-7.no-right, .seven-columns.nested .column6-7 { width: 85.71%;} /* Eight Columns */ .eight-columns .column.no-margin, .eight-columns .column.no-left, .eight-columns .column.no-right, .eight-columns .column, .eight-columns.nested .column.no-margin, .eight-columns.nested .column.no-left, .eight-columns.nested .column.no-right, .eight-columns.nested .column { width: 12.5%;} .eight-columns .column2-8.no-margin, .eight-columns .column2-8.no-left, .eight-columns .column2-8.no-right, .eight-columns .column2-8, .eight-columns.nested .column2-8.no-margin, .eight-columns.nested .column2-8.no-left, .eight-columns.nested .column2-8.no-right, .eight-columns.nested .column2-8 { width: 25%;} .eight-columns .column3-8.no-margin, .eight-columns .column3-8.no-left, .eight-columns .column3-8.no-right, .eight-columns .column3-8, .eight-columns.nested .column3-8.no-margin, .eight-columns.nested .column3-8.no-left, .eight-columns.nested .column3-8.no-right, .eight-columns.nested .column3-8 { width: 37.5%;} .eight-columns .column4-8.no-margin, .eight-columns .column4-8.no-left, .eight-columns .column4-8.no-right, .eight-columns .column4-8, .eight-columns.nested .column4-8.no-margin, .eight-columns.nested .column4-8.no-left, .eight-columns.nested .column4-8.no-right, .eight-columns.nested .column4-8 { width: 50%;} .eight-columns .column5-8.no-margin, .eight-columns .column5-8.no-left, .eight-columns .column5-8.no-right, .eight-columns .column5-8, .eight-columns.nested .column5-8.no-margin, .eight-columns.nested .column5-8.no-left, .eight-columns.nested .column5-8.no-right, .eight-columns.nested .column5-8 { width: 62.5%;} .eight-columns .column6-8.no-margin, .eight-columns .column6-8.no-left, .eight-columns .column6-8.no-right, .eight-columns .column6-8, .eight-columns.nested .column6-8.no-margin, .eight-columns.nested .column6-8.no-left, .eight-columns.nested .column6-8.no-right, .eight-columns.nested .column6-8 { width: 75%;} .eight-columns .column7-8.no-margin, .eight-columns .column7-8.no-left, .eight-columns .column7-8.no-right, .eight-columns .column7-8, .eight-columns.nested .column7-8.no-margin, .eight-columns.nested .column7-8.no-left, .eight-columns.nested .column7-8.no-right, .eight-columns.nested .column7-8 { width: 87.5%;} /* Nine Columns */ .nine-columns .column.no-margin, .nine-columns .column.no-left, .nine-columns .column.no-right, .nine-columns .column, .nine-columns.nested .column.no-margin, .nine-columns.nested .column.no-left, .nine-columns.nested .column.no-right, .nine-columns.nested .column { width: 11.1%;} .nine-columns .column2-9.no-margin, .nine-columns .column2-9.no-left, .nine-columns .column2-9.no-right, .nine-columns .column2-9, .nine-columns.nested .column2-9.no-margin, .nine-columns.nested .column2-9.no-left, .nine-columns.nested .column2-9.no-right, .nine-columns.nested .column2-9 { width: 22.2%;} .nine-columns .column3-9.no-margin, .nine-columns .column3-9.no-left, .nine-columns .column3-9.no-right, .nine-columns .column3-9, .nine-columns.nested .column3-9.no-margin, .nine-columns.nested .column3-9.no-left, .nine-columns.nested .column3-9.no-right, .nine-columns.nested .column3-9 { width: 33.3%;} .nine-columns .column4-9.no-margin, .nine-columns .column4-9.no-left, .nine-columns .column4-9.no-right, .nine-columns .column4-9, .nine-columns.nested .column4-9.no-margin, .nine-columns.nested .column4-9.no-left, .nine-columns.nested .column4-9.no-right, .nine-columns.nested .column4-9 { width: 44.4%;} .nine-columns .column5-9.no-margin, .nine-columns .column5-9.no-left, .nine-columns .column5-9.no-right, .nine-columns .column5-9, .nine-columns.nested .column5-9.no-margin, .nine-columns.nested .column5-9.no-left, .nine-columns.nested .column5-9.no-right, .nine-columns.nested .column5-9 { width: 55.5%;} .nine-columns .column6-9.no-margin, .nine-columns .column6-9.no-left, .nine-columns .column6-9.no-right, .nine-columns .column6-9, .nine-columns.nested .column6-9.no-margin, .nine-columns.nested .column6-9.no-left, .nine-columns.nested .column6-9.no-right, .nine-columns.nested .column6-9 { width: 66.6%;} .nine-columns .column7-9.no-margin, .nine-columns .column7-9.no-left, .nine-columns .column7-9.no-right, .nine-columns .column7-9, .nine-columns.nested .column7-9.no-margin, .nine-columns.nested .column7-9.no-left, .nine-columns.nested .column7-9.no-right, .nine-columns.nested .column7-9 { width: 77.7%;} .nine-columns .column8-9.no-margin, .nine-columns .column8-9.no-left, .nine-columns .column8-9.no-right, .nine-columns .column8-9, .nine-columns.nested .column8-9.no-margin, .nine-columns.nested .column8-9.no-left, .nine-columns.nested .column8-9.no-right, .nine-columns.nested .column8-9 { width: 88.8%;} /* Ten Columns */ .ten-columns .column.no-margin, .ten-columns .column.no-left, .ten-columns .column.no-right, .ten-columns .column, .ten-columns.nested .column.no-margin, .ten-columns.nested .column.no-left, .ten-columns.nested .column.no-right, .ten-columns.nested .column { width: 10%;} .ten-columns .column2-10.no-margin, .ten-columns .column2-10.no-left, .ten-columns .column2-10.no-right, .ten-columns .column2-10, .ten-columns.nested .column2-10.no-margin, .ten-columns.nested .column2-10.no-left, .ten-columns.nested .column2-10.no-right, .ten-columns.nested .column2-10 { width: 20%;} .ten-columns .column3-10.no-margin, .ten-columns .column3-10.no-left, .ten-columns .column3-10.no-right, .ten-columns .column3-10, .ten-columns.nested .column3-10.no-margin, .ten-columns.nested .column3-10.no-left, .ten-columns.nested .column3-10.no-right, .ten-columns.nested .column3-10 { width: 30%;} .ten-columns .column4-10.no-margin, .ten-columns .column4-10.no-left, .ten-columns .column4-10.no-right, .ten-columns .column4-10, .ten-columns.nested .column4-10.no-margin, .ten-columns.nested .column4-10.no-left, .ten-columns.nested .column4-10.no-right, .ten-columns.nested .column4-10 { width: 40%;} .ten-columns .column5-10.no-margin, .ten-columns .column5-10.no-left, .ten-columns .column5-10.no-right, .ten-columns .column5-10, .ten-columns.nested .column5-10.no-margin, .ten-columns.nested .column5-10.no-left, .ten-columns.nested .column5-10.no-right, .ten-columns.nested .column5-10 { width: 50%;} .ten-columns .column6-10.no-margin, .ten-columns .column6-10.no-left, .ten-columns .column6-10.no-right, .ten-columns .column6-10, .ten-columns.nested .column6-10.no-margin, .ten-columns.nested .column6-10.no-left, .ten-columns.nested .column6-10.no-right, .ten-columns.nested .column6-10 { width: 60%;} .ten-columns .column7-10.no-margin, .ten-columns .column7-10.no-left, .ten-columns .column7-10.no-right, .ten-columns .column7-10, .ten-columns.nested .column7-10.no-margin, .ten-columns.nested .column7-10.no-left, .ten-columns.nested .column7-10.no-right, .ten-columns.nested .column7-10 { width: 70%;} .ten-columns .column8-10.no-margin, .ten-columns .column8-10.no-left, .ten-columns .column8-10.no-right, .ten-columns .column8-10, .ten-columns.nested .column8-10.no-margin, .ten-columns.nested .column8-10.no-left, .ten-columns.nested .column8-10.no-right, .ten-columns.nested .column8-10 { width: 80%;} .ten-columns .column9-10.no-margin, .ten-columns .column9-10.no-left, .ten-columns .column9-10.no-right, .ten-columns .column9-10, .ten-columns.nested .column9-10.no-margin, .ten-columns.nested .column9-10.no-left, .ten-columns.nested .column9-10.no-right, .ten-columns.nested .column9-10 { width: 90%;} /* Eleven Columns */ .eleven-columns .column.no-margin, .eleven-columns .column.no-left, .eleven-columns .column.no-right, .eleven-columns .column, .eleven-columns.nested .column.no-margin, .eleven-columns.nested .column.no-left, .eleven-columns.nested .column.no-right, .eleven-columns.nested .column { width: 9.09%;} .eleven-columns .column2-11.no-margin, .eleven-columns .column2-11.no-left, .eleven-columns .column2-11.no-right, .eleven-columns .column2-11, .eleven-columns.nested .column2-11.no-margin, .eleven-columns.nested .column2-11.no-left, .eleven-columns.nested .column2-11.no-right, .eleven-columns.nested .column2-11 { width: 18.18%;} .eleven-columns .column3-11.no-margin, .eleven-columns .column3-11.no-left, .eleven-columns .column3-11.no-right, .eleven-columns .column3-11, .eleven-columns.nested .column3-11.no-margin, .eleven-columns.nested .column3-11.no-left, .eleven-columns.nested .column3-11.no-right, .eleven-columns.nested .column3-11 { width: 27.27%;} .eleven-columns .column4-11.no-margin, .eleven-columns .column4-11.no-left, .eleven-columns .column4-11.no-right, .eleven-columns .column4-11, .eleven-columns.nested .column4-11.no-margin, .eleven-columns.nested .column4-11.no-left, .eleven-columns.nested .column4-11.no-right, .eleven-columns.nested .column4-11 { width: 36.36%;} .eleven-columns .column5-11.no-margin, .eleven-columns .column5-11.no-left, .eleven-columns .column5-11.no-right, .eleven-columns .column5-11, .eleven-columns.nested .column5-11.no-margin, .eleven-columns.nested .column5-11.no-left, .eleven-columns.nested .column5-11.no-right, .eleven-columns.nested .column5-11 { width: 45.45%;} .eleven-columns .column6-11.no-margin, .eleven-columns .column6-11.no-left, .eleven-columns .column6-11.no-right, .eleven-columns .column6-11, .eleven-columns.nested .column6-11.no-margin, .eleven-columns.nested .column6-11.no-left, .eleven-columns.nested .column6-11.no-right, .eleven-columns.nested .column6-11 { width: 54.54%;} .eleven-columns .column7-11.no-margin, .eleven-columns .column7-11.no-left, .eleven-columns .column7-11.no-right, .eleven-columns .column7-11, .eleven-columns.nested .column7-11.no-margin, .eleven-columns.nested .column7-11.no-left, .eleven-columns.nested .column7-11.no-right, .eleven-columns.nested .column7-11 { width: 63.63%;} .eleven-columns .column8-11.no-margin, .eleven-columns .column8-11.no-left, .eleven-columns .column8-11.no-right, .eleven-columns .column8-11, .eleven-columns.nested .column8-11.no-margin, .eleven-columns.nested .column8-11.no-left, .eleven-columns.nested .column8-11.no-right, .eleven-columns.nested .column8-11 { width: 72.72%;} .eleven-columns .column9-11.no-margin, .eleven-columns .column9-11.no-left, .eleven-columns .column9-11.no-right, .eleven-columns .column9-11, .eleven-columns.nested .column9-11.no-margin, .eleven-columns.nested .column9-11.no-left, .eleven-columns.nested .column9-11.no-right, .eleven-columns.nested .column9-11 { width: 81.81%;} .eleven-columns .column10-11.no-margin, .eleven-columns .column10-11.no-left, .eleven-columns .column10-11.no-right, .eleven-columns .column10-11, .eleven-columns.nested .column10-11.no-margin, .eleven-columns.nested .column10-11.no-left, .eleven-columns.nested .column10-11.no-right, .eleven-columns.nested .column10-11 { width: 90.9%;} /* Twelve Columns */ .twelve-columns .column.no-margin, .twelve-columns .column.no-left, .twelve-columns .column.no-right, .twelve-columns .column, .twelve-columns.nested .column.no-margin, .twelve-columns.nested .column.no-left, .twelve-columns.nested .column.no-right, .twelve-columns.nested .column { width: 8.33%;} .twelve-columns .column2-12.no-margin, .twelve-columns .column2-12.no-left, .twelve-columns .column2-12.no-right, .twelve-columns .column2-12, .twelve-columns.nested .column2-12.no-margin, .twelve-columns.nested .column2-12.no-left, .twelve-columns.nested .column2-12.no-right, .twelve-columns.nested .column2-12 { width: 16.66%;} .twelve-columns .column3-12.no-margin, .twelve-columns .column3-12.no-left, .twelve-columns .column3-12.no-right, .twelve-columns .column3-12, .twelve-columns.nested .column3-12.no-margin, .twelve-columns.nested .column3-12.no-left, .twelve-columns.nested .column3-12.no-right, .twelve-columns.nested .column3-12 { width: 24.99%;} .twelve-columns .column4-12.no-margin, .twelve-columns .column4-12.no-left, .twelve-columns .column4-12.no-right, .twelve-columns .column4-12, .twelve-columns.nested .column4-12.no-margin, .twelve-columns.nested .column4-12.no-left, .twelve-columns.nested .column4-12.no-right, .twelve-columns.nested .column4-12 { width: 33.33%;} .twelve-columns .column5-12.no-margin, .twelve-columns .column5-12.no-left, .twelve-columns .column5-12.no-right, .twelve-columns .column5-12, .twelve-columns.nested .column5-12.no-margin, .twelve-columns.nested .column5-12.no-left, .twelve-columns.nested .column5-12.no-right, .twelve-columns.nested .column5-12 { width: 41.66%;} .twelve-columns .column6-12.no-margin, .twelve-columns .column6-12.no-left, .twelve-columns .column6-12.no-right, .twelve-columns .column6-12, .twelve-columns.nested .column6-12.no-margin, .twelve-columns.nested .column6-12.no-left, .twelve-columns.nested .column6-12.no-right, .twelve-columns.nested .column6-12 { width: 49.99%;} .twelve-columns .column7-12.no-margin, .twelve-columns .column7-12.no-left, .twelve-columns .column7-12.no-right, .twelve-columns .column7-12, .twelve-columns.nested .column7-12.no-margin, .twelve-columns.nested .column7-12.no-left, .twelve-columns.nested .column7-12.no-right, .twelve-columns.nested .column7-12 { width: 58.33%;} .twelve-columns .column8-12.no-margin, .twelve-columns .column8-12.no-left, .twelve-columns .column8-12.no-right, .twelve-columns .column8-12, .twelve-columns.nested .column8-12.no-margin, .twelve-columns.nested .column8-12.no-left, .twelve-columns.nested .column8-12.no-right, .twelve-columns.nested .column8-12 { width: 66.66%;} .twelve-columns .column9-12.no-margin, .twelve-columns .column9-12.no-left, .twelve-columns .column9-12.no-right, .twelve-columns .column9-12, .twelve-columns.nested .column9-12.no-margin, .twelve-columns.nested .column9-12.no-left, .twelve-columns.nested .column9-12.no-right, .twelve-columns.nested .column9-12 { width: 74.99%;} .twelve-columns .column10-12.no-margin, .twelve-columns .column10-12.no-left, .twelve-columns .column10-12.no-right, .twelve-columns .column10-12, .twelve-columns.nested .column10-12.no-margin, .twelve-columns.nested .column10-12.no-left, .twelve-columns.nested .column10-12.no-right, .twelve-columns.nested .column10-12 { width: 83.33%;} .twelve-columns .column11-12.no-margin, .twelve-columns .column11-12.no-left, .twelve-columns .column11-12.no-right, .twelve-columns .column11-12, .twelve-columns.nested .column11-12.no-margin, .twelve-columns.nested .column11-12.no-left, .twelve-columns.nested .column11-12.no-right, .twelve-columns.nested .column11-12 { width: 91.66%;} /* #1024x768 (1200px) ================================================== */ @media only screen and (min-width: 1200px) { /* Wrapper */ .wrapper{ position: relative; width: 1200px; margin: 0px auto; padding: 0px; } /* Universals */ .gs1200 { display:block; } .gs960, .gs768, .gs480, .gs520, .gs320 { display:none; } } /* #iPad (Landscape) ================================================== */ @media only screen and (min-width : 768px) and (max-width : 959px) { /* Universals */ .gs768 { display:block; } .gs960, .gs1200, .gs480, .gs520, .gs320 { display:none; } /* Wrapper */ .wrapper{ position: relative; width: 768px; margin: 0px auto; padding: 0px; overflow: hidden; } } /* #iPhone5 (Landscape 520px) ================================================== */ @media only screen and (min-width: 520px) and (max-width: 767px) { /* Universals */ .gs520 { display:block; } .gs960, .gs768, .gs1200, .gs480, .gs320 { display:none; } /* Wrapper */ .wrapper{ position: relative; width: 520px; margin: 0px auto; padding: 0px; } /* Columns */ .wrapper .mobile .column, .wrapper .mobile .column.no-right, .wrapper .mobile .column.no-left, .wrapper .mobile .column2-3, .wrapper .mobile .column2-3.no-right, .wrapper .mobile .column2-3.no-left, .wrapper .mobile .column2-4, .wrapper .mobile .column2-4.no-right, .wrapper .mobile .column2-4.no-left, .wrapper .mobile .column3-4, .wrapper .mobile .column3-4.no-right, .wrapper .mobile .column3-4.no-left, .wrapper .mobile .column2-5, .wrapper .mobile .column2-5.no-right, .wrapper .mobile .column2-5.no-left, .wrapper .mobile .column3-5, .wrapper .mobile .column3-5.no-right, .wrapper .mobile .column3-5.no-left, .wrapper .mobile .column4-5, .wrapper .mobile .column4-5.no-right, .wrapper .mobile .column4-5.no-left, .wrapper .mobile .column2-6, .wrapper .mobile .column2-6.no-right, .wrapper .mobile .column2-6.no-left, .wrapper .mobile .column3-6, .wrapper .mobile .column3-6.no-right, .wrapper .mobile .column3-6.no-left, .wrapper .mobile .column4-6, .wrapper .mobile .column4-6.no-right, .wrapper .mobile .column4-6.no-left, .wrapper .mobile .column5-6, .wrapper .mobile .column5-6.no-right, .wrapper .mobile .column5-6.no-left, .wrapper .mobile .column2-7, .wrapper .mobile .column2-7.no-right, .wrapper .mobile .column2-7.no-left, .wrapper .mobile .column3-7, .wrapper .mobile .column3-7.no-right, .wrapper .mobile .column3-7.no-left, .wrapper .mobile .column4-7, .wrapper .mobile .column4-7.no-right, .wrapper .mobile .column4-7.no-left, .wrapper .mobile .column5-7, .wrapper .mobile .column5-7.no-right, .wrapper .mobile .column5-7.no-left, .wrapper .mobile .column6-7, .wrapper .mobile .column6-7.no-right, .wrapper .mobile .column6-7.no-left, .wrapper .mobile .column2-8, .wrapper .mobile .column2-8.no-right, .wrapper .mobile .column2-8.no-left, .wrapper .mobile .column3-8, .wrapper .mobile .column3-8.no-right, .wrapper .mobile .column3-8.no-left, .wrapper .mobile .column4-8, .wrapper .mobile .column4-8.no-right, .wrapper .mobile .column4-8.no-left, .wrapper .mobile .column5-8, .wrapper .mobile .column5-8.no-right, .wrapper .mobile .column5-8.no-left, .wrapper .mobile .column6-8, .wrapper .mobile .column6-8.no-right, .wrapper .mobile .column6-8.no-left, .wrapper .mobile .column7-8, .wrapper .mobile .column7-8.no-right, .wrapper .mobile .column7-8.no-left, .wrapper .mobile .column2-9, .wrapper .mobile .column2-9.no-right, .wrapper .mobile .column2-9.no-left, .wrapper .mobile .column3-9, .wrapper .mobile .column3-9.no-right, .wrapper .mobile .column3-9.no-left, .wrapper .mobile .column4-9, .wrapper .mobile .column4-9.no-right, .wrapper .mobile .column4-9.no-left, .wrapper .mobile .column5-9, .wrapper .mobile .column5-9.no-right, .wrapper .mobile .column5-9.no-left, .wrapper .mobile .column6-9, .wrapper .mobile .column6-9.no-right, .wrapper .mobile .column6-9.no-left, .wrapper .mobile .column7-9, .wrapper .mobile .column7-9.no-right, .wrapper .mobile .column7-9.no-left, .wrapper .mobile .column8-9, .wrapper .mobile .column8-9.no-right, .wrapper .mobile .column8-9.no-left, .wrapper .mobile .column2-10, .wrapper .mobile .column2-10.no-right, .wrapper .mobile .column2-10.no-left, .wrapper .mobile .column3-10, .wrapper .mobile .column3-10.no-right, .wrapper .mobile .column3-10.no-left, .wrapper .mobile .column4-10, .wrapper .mobile .column4-10.no-right, .wrapper .mobile .column4-10.no-left, .wrapper .mobile .column5-10, .wrapper .mobile .column5-10.no-right, .wrapper .mobile .column5-10.no-left, .wrapper .mobile .column6-10, .wrapper .mobile .column6-10.no-right, .wrapper .mobile .column6-10.no-left, .wrapper .mobile .column7-10, .wrapper .mobile .column7-10.no-right, .wrapper .mobile .column7-10.no-left, .wrapper .mobile .column8-10, .wrapper .mobile .column8-10.no-right, .wrapper .mobile .column8-10.no-left, .wrapper .mobile .column9-10, .wrapper .mobile .column9-10.no-right, .wrapper .mobile .column9-10.no-left, .wrapper .mobile .column2-11, .wrapper .mobile .column2-11.no-right, .wrapper .mobile .column2-11.no-left, .wrapper .mobile .column3-11, .wrapper .mobile .column3-11.no-right, .wrapper .mobile .column3-11.no-left, .wrapper .mobile .column4-11, .wrapper .mobile .column4-11.no-right, .wrapper .mobile .column4-11.no-left, .wrapper .mobile .column5-11, .wrapper .mobile .column5-11.no-right, .wrapper .mobile .column5-11.no-left, .wrapper .mobile .column6-11, .wrapper .mobile .column6-11.no-right, .wrapper .mobile .column6-11.no-left, .wrapper .mobile .column7-11, .wrapper .mobile .column7-11.no-right, .wrapper .mobile .column7-11.no-left, .wrapper .mobile .column8-11, .wrapper .mobile .column8-11.no-right, .wrapper .mobile .column8-11.no-left, .wrapper .mobile .column9-11, .wrapper .mobile .column9-11.no-right, .wrapper .mobile .column9-11.no-left, .wrapper .mobile .column10-11, .wrapper .mobile .column10-11.no-right, .wrapper .mobile .column10-11.no-left, .wrapper .mobile .column2-12, .wrapper .mobile .column2-12.no-right, .wrapper .mobile .column2-12.no-left, .wrapper .mobile .column3-12, .wrapper .mobile .column3-12.no-right, .wrapper .mobile .column3-12.no-left, .wrapper .mobile .column4-12, .wrapper .mobile .column4-12.no-right, .wrapper .mobile .column4-12.no-left, .wrapper .mobile .column5-12, .wrapper .mobile .column5-12.no-right, .wrapper .mobile .column5-12.no-left, .wrapper .mobile .column6-12, .wrapper .mobile .column6-12.no-right, .wrapper .mobile .column6-12.no-left, .wrapper .mobile .column7-12, .wrapper .mobile .column7-12.no-right, .wrapper .mobile .column7-12.no-left, .wrapper .mobile .column8-12, .wrapper .mobile .column8-12.no-right, .wrapper .mobile .column8-12.no-left, .wrapper .mobile .column9-12, .wrapper .mobile .column9-12.no-right, .wrapper .mobile .column9-12.no-left, .wrapper .mobile .column10-12, .wrapper .mobile .column10-12.no-right, .wrapper .mobile .column10-12.no-left, .wrapper .mobile .column11-12, .wrapper .mobile .column11-12.no-right, .wrapper .mobile .column11-12.no-left { float: left; display:inline; position:relative; height:100%; width: 100%; margin-bottom: 10px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } /* #Mobile (Landscape 480px) ================================================== */ @media only screen and (min-width: 480px) and (max-width: 519px) { /* Universals */ .gs480 { display:block; } .gs960, .gs768, .gs1200, .gs520, .gs320 { display:none; } /* Wrapper */ .wrapper{ position: relative; width: 480px; margin: 0px auto; padding: 0px; } /* Columns */ .wrapper .mobile .column, .wrapper .mobile .column.no-right, .wrapper .mobile .column.no-left, .wrapper .mobile .column2-3, .wrapper .mobile .column2-3.no-right, .wrapper .mobile .column2-3.no-left, .wrapper .mobile .column2-4, .wrapper .mobile .column2-4.no-right, .wrapper .mobile .column2-4.no-left, .wrapper .mobile .column3-4, .wrapper .mobile .column3-4.no-right, .wrapper .mobile .column3-4.no-left, .wrapper .mobile .column2-5, .wrapper .mobile .column2-5.no-right, .wrapper .mobile .column2-5.no-left, .wrapper .mobile .column3-5, .wrapper .mobile .column3-5.no-right, .wrapper .mobile .column3-5.no-left, .wrapper .mobile .column4-5, .wrapper .mobile .column4-5.no-right, .wrapper .mobile .column4-5.no-left, .wrapper .mobile .column2-6, .wrapper .mobile .column2-6.no-right, .wrapper .mobile .column2-6.no-left, .wrapper .mobile .column3-6, .wrapper .mobile .column3-6.no-right, .wrapper .mobile .column3-6.no-left, .wrapper .mobile .column4-6, .wrapper .mobile .column4-6.no-right, .wrapper .mobile .column4-6.no-left, .wrapper .mobile .column5-6, .wrapper .mobile .column5-6.no-right, .wrapper .mobile .column5-6.no-left, .wrapper .mobile .column2-7, .wrapper .mobile .column2-7.no-right, .wrapper .mobile .column2-7.no-left, .wrapper .mobile .column3-7, .wrapper .mobile .column3-7.no-right, .wrapper .mobile .column3-7.no-left, .wrapper .mobile .column4-7, .wrapper .mobile .column4-7.no-right, .wrapper .mobile .column4-7.no-left, .wrapper .mobile .column5-7, .wrapper .mobile .column5-7.no-right, .wrapper .mobile .column5-7.no-left, .wrapper .mobile .column6-7, .wrapper .mobile .column6-7.no-right, .wrapper .mobile .column6-7.no-left, .wrapper .mobile .column2-8, .wrapper .mobile .column2-8.no-right, .wrapper .mobile .column2-8.no-left, .wrapper .mobile .column3-8, .wrapper .mobile .column3-8.no-right, .wrapper .mobile .column3-8.no-left, .wrapper .mobile .column4-8, .wrapper .mobile .column4-8.no-right, .wrapper .mobile .column4-8.no-left, .wrapper .mobile .column5-8, .wrapper .mobile .column5-8.no-right, .wrapper .mobile .column5-8.no-left, .wrapper .mobile .column6-8, .wrapper .mobile .column6-8.no-right, .wrapper .mobile .column6-8.no-left, .wrapper .mobile .column7-8, .wrapper .mobile .column7-8.no-right, .wrapper .mobile .column7-8.no-left, .wrapper .mobile .column2-9, .wrapper .mobile .column2-9.no-right, .wrapper .mobile .column2-9.no-left, .wrapper .mobile .column3-9, .wrapper .mobile .column3-9.no-right, .wrapper .mobile .column3-9.no-left, .wrapper .mobile .column4-9, .wrapper .mobile .column4-9.no-right, .wrapper .mobile .column4-9.no-left, .wrapper .mobile .column5-9, .wrapper .mobile .column5-9.no-right, .wrapper .mobile .column5-9.no-left, .wrapper .mobile .column6-9, .wrapper .mobile .column6-9.no-right, .wrapper .mobile .column6-9.no-left, .wrapper .mobile .column7-9, .wrapper .mobile .column7-9.no-right, .wrapper .mobile .column7-9.no-left, .wrapper .mobile .column8-9, .wrapper .mobile .column8-9.no-right, .wrapper .mobile .column8-9.no-left, .wrapper .mobile .column2-10, .wrapper .mobile .column2-10.no-right, .wrapper .mobile .column2-10.no-left, .wrapper .mobile .column3-10, .wrapper .mobile .column3-10.no-right, .wrapper .mobile .column3-10.no-left, .wrapper .mobile .column4-10, .wrapper .mobile .column4-10.no-right, .wrapper .mobile .column4-10.no-left, .wrapper .mobile .column5-10, .wrapper .mobile .column5-10.no-right, .wrapper .mobile .column5-10.no-left, .wrapper .mobile .column6-10, .wrapper .mobile .column6-10.no-right, .wrapper .mobile .column6-10.no-left, .wrapper .mobile .column7-10, .wrapper .mobile .column7-10.no-right, .wrapper .mobile .column7-10.no-left, .wrapper .mobile .column8-10, .wrapper .mobile .column8-10.no-right, .wrapper .mobile .column8-10.no-left, .wrapper .mobile .column9-10, .wrapper .mobile .column9-10.no-right, .wrapper .mobile .column9-10.no-left, .wrapper .mobile .column2-11, .wrapper .mobile .column2-11.no-right, .wrapper .mobile .column2-11.no-left, .wrapper .mobile .column3-11, .wrapper .mobile .column3-11.no-right, .wrapper .mobile .column3-11.no-left, .wrapper .mobile .column4-11, .wrapper .mobile .column4-11.no-right, .wrapper .mobile .column4-11.no-left, .wrapper .mobile .column5-11, .wrapper .mobile .column5-11.no-right, .wrapper .mobile .column5-11.no-left, .wrapper .mobile .column6-11, .wrapper .mobile .column6-11.no-right, .wrapper .mobile .column6-11.no-left, .wrapper .mobile .column7-11, .wrapper .mobile .column7-11.no-right, .wrapper .mobile .column7-11.no-left, .wrapper .mobile .column8-11, .wrapper .mobile .column8-11.no-right, .wrapper .mobile .column8-11.no-left, .wrapper .mobile .column9-11, .wrapper .mobile .column9-11.no-right, .wrapper .mobile .column9-11.no-left, .wrapper .mobile .column10-11, .wrapper .mobile .column10-11.no-right, .wrapper .mobile .column10-11.no-left, .wrapper .mobile .column2-12, .wrapper .mobile .column2-12.no-right, .wrapper .mobile .column2-12.no-left, .wrapper .mobile .column3-12, .wrapper .mobile .column3-12.no-right, .wrapper .mobile .column3-12.no-left, .wrapper .mobile .column4-12, .wrapper .mobile .column4-12.no-right, .wrapper .mobile .column4-12.no-left, .wrapper .mobile .column5-12, .wrapper .mobile .column5-12.no-right, .wrapper .mobile .column5-12.no-left, .wrapper .mobile .column6-12, .wrapper .mobile .column6-12.no-right, .wrapper .mobile .column6-12.no-left, .wrapper .mobile .column7-12, .wrapper .mobile .column7-12.no-right, .wrapper .mobile .column7-12.no-left, .wrapper .mobile .column8-12, .wrapper .mobile .column8-12.no-right, .wrapper .mobile .column8-12.no-left, .wrapper .mobile .column9-12, .wrapper .mobile .column9-12.no-right, .wrapper .mobile .column9-12.no-left, .wrapper .mobile .column10-12, .wrapper .mobile .column10-12.no-right, .wrapper .mobile .column10-12.no-left, .wrapper .mobile .column11-12, .wrapper .mobile .column11-12.no-right, .wrapper .mobile .column11-12.no-left { float: left; display:inline; position:relative; height:100%; width: 100%; margin-bottom: 10px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } /* #Mobile (Portrait 320px) ================================================== */ @media only screen and (max-width: 479px) { /* Universals */ .gs320 { display:block; } .gs960, .gs768, .gs480, .gs520, .gs1200 { display:none; } /* Wrapper */ .wrapper{ position: relative; width: 320px; margin: 0px auto; padding: 0px; } /* Columns */ .wrapper .mobile .column, .wrapper .mobile .column.no-right, .wrapper .mobile .column.no-left, .wrapper .mobile .column2-3, .wrapper .mobile .column2-3.no-right, .wrapper .mobile .column2-3.no-left, .wrapper .mobile .column2-4, .wrapper .mobile .column2-4.no-right, .wrapper .mobile .column2-4.no-left, .wrapper .mobile .column3-4, .wrapper .mobile .column3-4.no-right, .wrapper .mobile .column3-4.no-left, .wrapper .mobile .column2-5, .wrapper .mobile .column2-5.no-right, .wrapper .mobile .column2-5.no-left, .wrapper .mobile .column3-5, .wrapper .mobile .column3-5.no-right, .wrapper .mobile .column3-5.no-left, .wrapper .mobile .column4-5, .wrapper .mobile .column4-5.no-right, .wrapper .mobile .column4-5.no-left, .wrapper .mobile .column2-6, .wrapper .mobile .column2-6.no-right, .wrapper .mobile .column2-6.no-left, .wrapper .mobile .column3-6, .wrapper .mobile .column3-6.no-right, .wrapper .mobile .column3-6.no-left, .wrapper .mobile .column4-6, .wrapper .mobile .column4-6.no-right, .wrapper .mobile .column4-6.no-left, .wrapper .mobile .column5-6, .wrapper .mobile .column5-6.no-right, .wrapper .mobile .column5-6.no-left, .wrapper .mobile .column2-7, .wrapper .mobile .column2-7.no-right, .wrapper .mobile .column2-7.no-left, .wrapper .mobile .column3-7, .wrapper .mobile .column3-7.no-right, .wrapper .mobile .column3-7.no-left, .wrapper .mobile .column4-7, .wrapper .mobile .column4-7.no-right, .wrapper .mobile .column4-7.no-left, .wrapper .mobile .column5-7, .wrapper .mobile .column5-7.no-right, .wrapper .mobile .column5-7.no-left, .wrapper .mobile .column6-7, .wrapper .mobile .column6-7.no-right, .wrapper .mobile .column6-7.no-left, .wrapper .mobile .column2-8, .wrapper .mobile .column2-8.no-right, .wrapper .mobile .column2-8.no-left, .wrapper .mobile .column3-8, .wrapper .mobile .column3-8.no-right, .wrapper .mobile .column3-8.no-left, .wrapper .mobile .column4-8, .wrapper .mobile .column4-8.no-right, .wrapper .mobile .column4-8.no-left, .wrapper .mobile .column5-8, .wrapper .mobile .column5-8.no-right, .wrapper .mobile .column5-8.no-left, .wrapper .mobile .column6-8, .wrapper .mobile .column6-8.no-right, .wrapper .mobile .column6-8.no-left, .wrapper .mobile .column7-8, .wrapper .mobile .column7-8.no-right, .wrapper .mobile .column7-8.no-left, .wrapper .mobile .column2-9, .wrapper .mobile .column2-9.no-right, .wrapper .mobile .column2-9.no-left, .wrapper .mobile .column3-9, .wrapper .mobile .column3-9.no-right, .wrapper .mobile .column3-9.no-left, .wrapper .mobile .column4-9, .wrapper .mobile .column4-9.no-right, .wrapper .mobile .column4-9.no-left, .wrapper .mobile .column5-9, .wrapper .mobile .column5-9.no-right, .wrapper .mobile .column5-9.no-left, .wrapper .mobile .column6-9, .wrapper .mobile .column6-9.no-right, .wrapper .mobile .column6-9.no-left, .wrapper .mobile .column7-9, .wrapper .mobile .column7-9.no-right, .wrapper .mobile .column7-9.no-left, .wrapper .mobile .column8-9, .wrapper .mobile .column8-9.no-right, .wrapper .mobile .column8-9.no-left, .wrapper .mobile .column2-10, .wrapper .mobile .column2-10.no-right, .wrapper .mobile .column2-10.no-left, .wrapper .mobile .column3-10, .wrapper .mobile .column3-10.no-right, .wrapper .mobile .column3-10.no-left, .wrapper .mobile .column4-10, .wrapper .mobile .column4-10.no-right, .wrapper .mobile .column4-10.no-left, .wrapper .mobile .column5-10, .wrapper .mobile .column5-10.no-right, .wrapper .mobile .column5-10.no-left, .wrapper .mobile .column6-10, .wrapper .mobile .column6-10.no-right, .wrapper .mobile .column6-10.no-left, .wrapper .mobile .column7-10, .wrapper .mobile .column7-10.no-right, .wrapper .mobile .column7-10.no-left, .wrapper .mobile .column8-10, .wrapper .mobile .column8-10.no-right, .wrapper .mobile .column8-10.no-left, .wrapper .mobile .column9-10, .wrapper .mobile .column9-10.no-right, .wrapper .mobile .column9-10.no-left, .wrapper .mobile .column2-11, .wrapper .mobile .column2-11.no-right, .wrapper .mobile .column2-11.no-left, .wrapper .mobile .column3-11, .wrapper .mobile .column3-11.no-right, .wrapper .mobile .column3-11.no-left, .wrapper .mobile .column4-11, .wrapper .mobile .column4-11.no-right, .wrapper .mobile .column4-11.no-left, .wrapper .mobile .column5-11, .wrapper .mobile .column5-11.no-right, .wrapper .mobile .column5-11.no-left, .wrapper .mobile .column6-11, .wrapper .mobile .column6-11.no-right, .wrapper .mobile .column6-11.no-left, .wrapper .mobile .column7-11, .wrapper .mobile .column7-11.no-right, .wrapper .mobile .column7-11.no-left, .wrapper .mobile .column8-11, .wrapper .mobile .column8-11.no-right, .wrapper .mobile .column8-11.no-left, .wrapper .mobile .column9-11, .wrapper .mobile .column9-11.no-right, .wrapper .mobile .column9-11.no-left, .wrapper .mobile .column10-11, .wrapper .mobile .column10-11.no-right, .wrapper .mobile .column10-11.no-left, .wrapper .mobile .column2-12, .wrapper .mobile .column2-12.no-right, .wrapper .mobile .column2-12.no-left, .wrapper .mobile .column3-12, .wrapper .mobile .column3-12.no-right, .wrapper .mobile .column3-12.no-left, .wrapper .mobile .column4-12, .wrapper .mobile .column4-12.no-right, .wrapper .mobile .column4-12.no-left, .wrapper .mobile .column5-12, .wrapper .mobile .column5-12.no-right, .wrapper .mobile .column5-12.no-left, .wrapper .mobile .column6-12, .wrapper .mobile .column6-12.no-right, .wrapper .mobile .column6-12.no-left, .wrapper .mobile .column7-12, .wrapper .mobile .column7-12.no-right, .wrapper .mobile .column7-12.no-left, .wrapper .mobile .column8-12, .wrapper .mobile .column8-12.no-right, .wrapper .mobile .column8-12.no-left, .wrapper .mobile .column9-12, .wrapper .mobile .column9-12.no-right, .wrapper .mobile .column9-12.no-left, .wrapper .mobile .column10-12, .wrapper .mobile .column10-12.no-right, .wrapper .mobile .column10-12.no-left, .wrapper .mobile .column11-12, .wrapper .mobile .column11-12.no-right, .wrapper .mobile .column11-12.no-left { float: left; display:inline; padding: 0 8px; position:relative; height:100%; width: 100%; margin-bottom: 10px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .wrapper:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }