/****************** Zoom in ******************/ @-webkit-keyframes pixZoomIn { 0% { -webkit-transform: scale(0, 0); } 100% { -webkit-transform: scale(1, 1); } } @-moz-keyframes pixZoomIn { 0% { -moz-transform: scale(0, 0); } 100% { -moz-transform: scale(1, 1); } } @-o-keyframes pixZoomIn { 0% { -o-transform: scale(0, 0); } 100% { -o-transform: scale(1, 1); } } @-ms-keyframes pixZoomIn { 0% { -ms-transform: scale(0, 0); } 100% { -ms-transform: scale(1, 1); } } @keyframes pixZoomIn { 0% { transform: scale(0, 0); } 100% { transform: scale(1, 1); } } /****************** Zoom out ******************/ @-webkit-keyframes pixZoomOut { 0% { -webkit-transform: scale(1.5, 1.5); } 100% { -webkit-transform: scale(1, 1); } } @-moz-keyframes pixZoomOut { 0% { -moz-transform: scale(1.5, 1.5); } 100% { -moz-transform: scale(1, 1); } } @-o-keyframes pixZoomOut { 0% { -o-transform: scale(1.5, 1.5); } 100% { -o-transform: scale(1, 1); } } @-ms-keyframes pixZoomOut { 0% { -ms-transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); } } @keyframes pixZoomOut { 0% { transform: scale(1.5, 1.5); } 100% { transform: scale(1, 1); } } /****************** Fade down ******************/ @-webkit-keyframes pixFadeDown { 0% { -webkit-transform: translate(0, -100px); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes pixFadeDown { 0% { -moz-transform: translate(0, -100px); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes pixFadeDown { 0% { -o-transform: translate(0, -100px); } 100% { -o-transform: translate(0, 0); } } @-ms-keyframes pixFadeDown { 0% { -ms-transform: translate(0, -100px); } 100% { -ms-transform: translate(0, 0); } } @keyframes pixFadeDown { 0% { transform: translate(0, -100px); } 100% { transform: translate(0, 0); } } /****************** Rotate out ******************/ @-webkit-keyframes pixRotateOut { 0% { -webkit-transform: rotate(25deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes pixRotateOut { 0% { -moz-transform: rotate(25deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes pixRotateOut { 0% { -o-transform: rotate(25deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes pixRotateOut { 0% { -ms-transform: rotate(25deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes pixRotateOut { 0% { transform: rotate(25deg); } 100% { transform: rotate(0deg); } } /****************** Rotate in ******************/ @-webkit-keyframes pixRotateIn { 0% { -webkit-transform: rotate(-25deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes pixRotateIn { 0% { -moz-transform: rotate(-25deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes pixRotateIn { 0% { -o-transform: rotate(-25deg); } 100% { -o-transform: rotate(0deg); } } @-ms-keyframes pixRotateIn { 0% { -ms-transform: rotate(-25deg); } 100% { -ms-transform: rotate(0deg); } } @keyframes pixRotateIn { 0% { transform: rotate(-25deg); } 100% { transform: rotate(0deg); } } /****************** Fade up ******************/ @-webkit-keyframes pixFadeUp { 0% { -webkit-transform: translate(0, 100px); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes pixFadeUp { 0% { -moz-transform: translate(0, 100px); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes pixFadeUp { 0% { -o-transform: translate(0, 100px); } 100% { -o-transform: translate(0, 0); } } @-ms-keyframes pixFadeUp { 0% { -ms-transform: translate(0, 100px); } 100% { -ms-transform: translate(0, 0); } } @keyframes pixFadeUp { 0% { transform: translate(0, 100px); } 100% { transform: translate(0, 0); } } /****************** Fade left ******************/ @-webkit-keyframes pixFadeLeft { 0% { -webkit-transform: translate(-100px, 0); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes pixFadeLeft { 0% { -moz-transform: translate(-100px, 0); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes pixFadeLeft { 0% { -o-transform: translate(-100px, 0); } 100% { -o-transform: translate(0, 0); } } @-ms-keyframes pixFadeLeft { 0% { -ms-transform: translate(-100px, 0); } 100% { -ms-transform: translate(0, 0); } } @keyframes pixFadeLeft { 0% { transform: translate(-100px, 0); } 100% { transform: translate(0, 0); } } /****************** Fade right ******************/ @-webkit-keyframes pixFadeRight { 0% { -webkit-transform: translate(100px, 0); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes pixFadeRight { 0% { -moz-transform: translate(100px, 0); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes pixFadeRight { 0% { -o-transform: translate(100px, 0); } 100% { -o-transform: translate(0, 0); } } @-ms-keyframes pixFadeRight { 0% { -ms-transform: translate(100px, 0); } 100% { -ms-transform: translate(0, 0); } } @keyframes pixFadeRight { 0% { transform: translate(100px, 0); } 100% { transform: translate(0, 0); } } /****************** Flip clock effect ******************/ @-webkit-keyframes pixFlipClock { 0% { -webkit-transform: rotateX( 90deg ); } 100% { -webkit-transform: rotateX( 0 ); } } @-moz-keyframes pixFlipClock { 0% { -moz-transform: rotateX( 90deg ); } 100% { -moz-transform: rotateX( 0 ); } } @-o-keyframes pixFlipClock { 0% { -o-transform: rotateX( 90deg ); } 100% { -o-transform: rotateX( 0 ); } } @-ms-keyframes pixFlipClock { 0% { -ms-transform: rotateX( 90deg ); } 100% { -ms-transform: rotateX( 0 ); } } @keyframes pixFlipClock { 0% { transform: rotateX( 90deg ); } 100% { transform: rotateX( 0 ); } } /****************** Swing effect ******************/ @-webkit-keyframes pixSwing { 0% { -webkit-transform: rotateX( -180deg ); position: relative; z-index: -1; } 100% { -webkit-transform: rotateX( 0 ); } } @-moz-keyframes pixSwing { 0% { -moz-transform: rotateX( -180deg ); } 100% { -moz-transform: rotateX( 0 ); } } @-o-keyframes pixSwing { 0% { -o-transform: rotateX( -180deg ); } 100% { -o-transform: rotateX( 0 ); } } @-ms-keyframes pixSwing { 0% { -ms-transform: rotateX( -180deg ); } 100% { -ms-transform: rotateX( 0 ); } } @keyframes pixSwing { 0% { transform: rotateX( -180deg ); } 100% { transform: rotateX( 0 ); } } /****************** Turn forward ******************/ @-webkit-keyframes pixTurnForward { 0% { -webkit-transform: rotateY( -90deg ); } 100% { -webkit-transform: rotateY( 0 ); } } @-moz-keyframes pixTurnForward { 0% { -moz-transform: rotateY( -90deg ); } 100% { -moz-transform: rotateY( 0 ); } } @-o-keyframes pixTurnForward { 0% { -o-transform: rotateY( -90deg ); } 100% { -o-transform: rotateY( 0 ); } } @-ms-keyframes pixTurnForward { 0% { -ms-transform: rotateY( -90deg ); } 100% { -ms-transform: rotateY( 0 ); } } @keyframes pixTurnForward { 0% { transform: rotateY( -90deg ); } 100% { transform: rotateY( 0 ); } } /****************** Turn backward ******************/ @-webkit-keyframes pixTurnBackward { 0% { -webkit-transform: rotateY( 90deg ); } 100% { -webkit-transform: rotateY( 0 ); } } @-moz-keyframes pixTurnBackward { 0% { -moz-transform: rotateY( 90deg ); } 100% { -moz-transform: rotateY( 0 ); } } @-o-keyframes pixTurnBackward { 0% { -o-transform: rotateY( 90deg ); } 100% { -o-transform: rotateY( 0 ); } } @-ms-keyframes pixTurnBackward { 0% { -ms-transform: rotateY( 90deg ); } 100% { -ms-transform: rotateY( 0 ); } } @keyframes pixTurnBackward { 0% { transform: rotateY( 90deg ); } 100% { transform: rotateY( 0 ); } } @media only screen and (min-width: 1025px) { body.pix-scroll-load .row .column { opacity: 0; } body.pix-scroll-load.available .row .column { opacity: 1; } body.pix-scroll-load.available .row .column.pix-fadeIn:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-fadeDown:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-fadeUp:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-fadeLeft:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-fadeRight:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-zoomIn:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-zoomOut:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-rotateIn:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-rotateOut:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-flipClock:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-swing:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-turnBackward:not(.pix-letmebe), body.pix-scroll-load.available .row .column.pix-turnForward:not(.pix-letmebe), body.pix-scroll-load.available .pix-fadeIn:not(.pix-letmebe), body.pix-scroll-load.available .pix-fadeDown:not(.pix-letmebe), body.pix-scroll-load.available .pix-fadeUp:not(.pix-letmebe), body.pix-scroll-load.available .pix-fadeLeft:not(.pix-letmebe), body.pix-scroll-load.available .pix-fadeRight:not(.pix-letmebe), body.pix-scroll-load.available .pix-zoomIn:not(.pix-letmebe), body.pix-scroll-load.available .pix-zoomOut:not(.pix-letmebe), body.pix-scroll-load.available .pix-rotateIn:not(.pix-letmebe), body.pix-scroll-load.available .pix-rotateOut:not(.pix-letmebe), body.pix-scroll-load.available .pix-flipClock:not(.pix-letmebe), body.pix-scroll-load.available .pix-swing:not(.pix-letmebe), body.pix-scroll-load.available .pix-turnBackward:not(.pix-letmebe), body.pix-scroll-load.available .pix-turnForward:not(.pix-letmebe) { opacity: 0; } body.pix-scroll-load .pix-loaded, body.pix-scroll-load .row .column.pix-loaded { opacity: 1!important; -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; /*-webkit-backface-visibility: hidden;*/ /*-webkit-perspective: 1000;*/ } body.pix-scroll-load .pix-transended, body.pix-scroll-load .row .column.pix-transended { opacity: 1; /*-webkit-transform: translateZ(0px);*/ } body.pix-scroll-load .pix-loaded.pix-zoomIn, body.pix-scroll-load .row .column.pix-loaded.pix-zoomIn { -webkit-animation: pixZoomIn 350ms ease-in-out; -moz-animation: pixZoomIn 350ms ease-in-out; -o-animation: pixZoomIn 350ms ease-in-out; -ms-animation: pixZoomIn 350ms ease-in-out; animation: pixZoomIn 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-zoomOut, body.pix-scroll-load .row .column.pix-loaded.pix-zoomOut { -webkit-animation: pixZoomOut 350ms ease-in-out; -moz-animation: pixZoomOut 350ms ease-in-out; -o-animation: pixZoomOut 350ms ease-in-out; -ms-animation: pixZoomOut 350ms ease-in-out; animation: pixZoomOut 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-fadeDown, body.pix-scroll-load .row .column.pix-loaded.pix-fadeDown { -webkit-animation: pixFadeDown 350ms ease-in-out; -moz-animation: pixFadeDown 350ms ease-in-out; -o-animation: pixFadeDown 350ms ease-in-out; -ms-animation: pixFadeDown 350ms ease-in-out; animation: pixFadeDown 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-fadeUp, body.pix-scroll-load .row .column.pix-loaded.pix-fadeUp { -webkit-animation: pixFadeUp 350ms ease-in-out; -moz-animation: pixFadeUp 350ms ease-in-out; -o-animation: pixFadeUp 350ms ease-in-out; -ms-animation: pixFadeUp 350ms ease-in-out; animation: pixFadeUp 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-fadeLeft, body.pix-scroll-load .row .column.pix-loaded.pix-fadeLeft { -webkit-animation: pixFadeLeft 350ms ease-in-out; -moz-animation: pixFadeLeft 350ms ease-in-out; -o-animation: pixFadeLeft 350ms ease-in-out; -ms-animation: pixFadeLeft 350ms ease-in-out; animation: pixFadeLeft 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-fadeRight, body.pix-scroll-load .row .column.pix-loaded.pix-fadeRight { -webkit-animation: pixFadeRight 350ms ease-in-out; -moz-animation: pixFadeRight 350ms ease-in-out; -o-animation: pixFadeRight 350ms ease-in-out; -ms-animation: pixFadeRight 350ms ease-in-out; animation: pixFadeRight 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-rotateOut, body.pix-scroll-load .row .column.pix-loaded.pix-rotateOut { position: relative; z-index: -1; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-animation: pixRotateOut 350ms ease-in-out; -moz-animation: pixRotateOut 350ms ease-in-out; -o-animation: pixRotateOut 350ms ease-in-out; -ms-animation: pixRotateOut 350ms ease-in-out; animation: pixRotateOut 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-rotateIn, body.pix-scroll-load .row .column.pix-loaded.pix-rotateIn { position: relative; z-index: -1; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-animation: pixRotateIn 350ms ease-in-out; -moz-animation: pixRotateIn 350ms ease-in-out; -o-animation: pixRotateIn 350ms ease-in-out; -ms-animation: pixRotateIn 350ms ease-in-out; animation: pixRotateIn 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-flipClock, body.pix-scroll-load .row .column.pix-loaded.pix-flipClock { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: pixFlipClock 350ms ease-in-out; -moz-animation: pixFlipClock 350ms ease-in-out; -o-animation: pixFlipClock 350ms ease-in-out; -ms-animation: pixFlipClock 350ms ease-in-out; animation: pixFlipClock 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-swing, body.pix-scroll-load .row .column.pix-loaded.pix-swing { position: relative; z-index: -1; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: pixSwing 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: pixSwing 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-animation: pixSwing 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-animation: pixSwing 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: pixSwing 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-turnBackward, body.pix-scroll-load .row .column.pix-loaded.pix-turnBackward { -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation: pixTurnBackward 350ms ease-in-out; -moz-animation: pixTurnBackward 350ms ease-in-out; -o-animation: pixTurnBackward 350ms ease-in-out; -ms-animation: pixTurnBackward 350ms ease-in-out; animation: pixTurnBackward 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded.pix-turnForward, body.pix-scroll-load .row .column.pix-loaded.pix-turnForward { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: pixTurnForward 350ms ease-in-out; -moz-animation: pixTurnForward 350ms ease-in-out; -o-animation: pixTurnForward 350ms ease-in-out; -ms-animation: pixTurnForward 350ms ease-in-out; animation: pixTurnForward 350ms ease-in-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } body.pix-scroll-load .pix-loaded-inanim, body.pix-scroll-load .row .column.pix-loaded-inanim { opacity: 1; } } .pixgridder .row { background-position: center; background-repeat: no-repeat; background-size: cover; clear: both; display: block; z-index: 0; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .pixgridder .row[style*="rotate"] { z-index: 1; -webkit-perspective: none; -moz-perspective: none; perspective: none; } .pixgridder .row[style*="rotate"] { /*-webkit-transform: translateZ(0px);*/ -webkit-transform: rotate(0)!important; -moz-transform: rotate(0)!important; -ms-transform: rotate(0)!important; -o-transform: rotate(0)!important; transform: rotate(0)!important; } .pixgridder .row:after, .pixgridder .row:before { content: ''; display: table; } .pixgridder .row:after { clear: both; } .pixgridder .row .rotating-frame { height: 100%; left: -2%; overflow: hidden; position: absolute; top: 0; z-index: -1; width: 104%; /*-webkit-backface-visibility: hidden;*/ } @media only screen and (orientation : portrait) { .pixgridder .row .rotating-frame { left: -20%; width: 140%; } } .pixgridder .row .rotating-inside { background-size: 100%; height: 120%; left: 0; overflow: visible!important; position: absolute; top: -10%; width: 100%; -webkit-backface-visibility: hidden; } .pixgridder .column:first-child, .pixgridder .column.first-child { clear: left; margin-left: 0; } .pixgridder .column { background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 3%; margin-bottom: 3%; padding: 0%; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; /*-webkit-transform: translateZ(0px);*/ } .pixgridder .column.padding-box, body.padding-box.pixgridder .column { margin-left: 0; padding: 1.5%; } .pixgridder .column img { height: auto; max-width: 100%; } @media (max-width: 1024px) { img.pix-parallax { display: block!important; -webkit-transform: translateY(0px)!important; } } .pixgridder [data-cols="3"] [data-col="1"] { width: 31.3333333333%; } .pixgridder [data-cols="3"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-col="1"] { width: 33.3333333333%; } .pixgridder [data-cols="3"] [data-col="2"] { width: 65.6666666667%; } .pixgridder [data-cols="3"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-col="2"] { width: 66.6666666667%; } .pixgridder [data-cols="3"] [data-col="3"] { width: 100%; } .pixgridder [data-cols="3"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-col="3"] { width: 100%; } .pixgridder [data-cols="4"] [data-col="1"] { width: 22.75%; } .pixgridder [data-cols="4"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-col="1"] { width: 25%; } .pixgridder [data-cols="4"] [data-col="2"] { width: 48.5%; } .pixgridder [data-cols="4"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-col="2"] { width: 50%; } .pixgridder [data-cols="4"] [data-col="3"] { width: 74.25%; } .pixgridder [data-cols="4"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-col="3"] { width: 75%; } .pixgridder [data-cols="4"] [data-col="4"] { width: 100%; } .pixgridder [data-cols="4"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-col="4"] { width: 100%; } .pixgridder [data-cols="5"] [data-col="1"] { width: 17.6%; } .pixgridder [data-cols="5"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-col="1"] { width: 20%; } .pixgridder [data-cols="5"] [data-col="2"] { width: 38.2%; } .pixgridder [data-cols="5"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-col="2"] { width: 40%; } .pixgridder [data-cols="5"] [data-col="3"] { width: 58.8%; } .pixgridder [data-cols="5"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-col="3"] { width: 60%; } .pixgridder [data-cols="5"] [data-col="4"] { width: 79.4%; } .pixgridder [data-cols="5"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-col="4"] { width: 80%; } .pixgridder [data-cols="5"] [data-col="5"] { width: 100%; } .pixgridder [data-cols="5"] [data-col="5"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-col="5"] { width: 100%; } .pixgridder [data-cols="6"] [data-col="1"] { width: 14.1666666667%; } .pixgridder [data-cols="6"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-col="1"] { width: 16.6666666667%; } .pixgridder [data-cols="6"] [data-col="2"] { width: 31.3333333333%; } .pixgridder [data-cols="6"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-col="2"] { width: 33.3333333333%; } .pixgridder [data-cols="6"] [data-col="3"] { width: 48.5%; } .pixgridder [data-cols="6"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-col="3"] { width: 50%; } .pixgridder [data-cols="6"] [data-col="4"] { width: 65.6666666667%; } .pixgridder [data-cols="6"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-col="4"] { width: 66.6666666667%; } .pixgridder [data-cols="6"] [data-col="5"] { width: 82.8333333333%; } .pixgridder [data-cols="6"] [data-col="5"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-col="5"] { width: 83.3333333333%; } .pixgridder [data-cols="6"] [data-col="6"] { width: 100%; } .pixgridder [data-cols="6"] [data-col="6"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-col="6"] { width: 100%; } .pixgridder [data-cols="7"] [data-col="1"] { width: 11.7142857143%; } .pixgridder [data-cols="7"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-col="1"] { width: 14.2857142857%; } .pixgridder [data-cols="7"] [data-col="2"] { width: 26.4285714286%; } .pixgridder [data-cols="7"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-col="2"] { width: 28.5714285714%; } .pixgridder [data-cols="7"] [data-col="3"] { width: 41.1428571429%; } .pixgridder [data-cols="7"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-col="3"] { width: 42.8571428571%; } .pixgridder [data-cols="7"] [data-col="4"] { width: 55.8571428571%; } .pixgridder [data-cols="7"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-col="4"] { width: 57.1428571429%; } .pixgridder [data-cols="7"] [data-col="5"] { width: 70.5714285714%; } .pixgridder [data-cols="7"] [data-col="5"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-col="5"] { width: 71.4285714286%; } .pixgridder [data-cols="7"] [data-col="6"] { width: 85.2857142857%; } .pixgridder [data-cols="7"] [data-col="6"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-col="6"] { width: 85.7142857143%; } .pixgridder [data-cols="7"] [data-col="7"] { width: 100%; } .pixgridder [data-cols="7"] [data-col="7"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-col="7"] { width: 100%; } .pixgridder [data-cols="8"] [data-col="1"] { width: 9.875%; } .pixgridder [data-cols="8"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-col="1"] { width: 12.5%; } .pixgridder [data-cols="8"] [data-col="2"] { width: 22.75%; } .pixgridder [data-cols="8"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-col="2"] { width: 25%; } .pixgridder [data-cols="8"] [data-col="3"] { width: 35.625%; } .pixgridder [data-cols="8"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-col="3"] { width: 37.5%; } .pixgridder [data-cols="8"] [data-col="4"] { width: 48.5%; } .pixgridder [data-cols="8"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-col="4"] { width: 50%; } .pixgridder [data-cols="8"] [data-col="5"] { width: 61.375%; } .pixgridder [data-cols="8"] [data-col="5"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-col="5"] { width: 62.5%; } .pixgridder [data-cols="8"] [data-col="6"] { width: 74.25%; } .pixgridder [data-cols="8"] [data-col="6"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-col="6"] { width: 75%; } .pixgridder [data-cols="8"] [data-col="7"] { width: 87.125%; } .pixgridder [data-cols="8"] [data-col="7"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-col="7"] { width: 87.5%; } .pixgridder [data-cols="8"] [data-col="8"] { width: 100%; } .pixgridder [data-cols="8"] [data-col="8"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-col="8"] { width: 100%; } .pixgridder [data-cols="9"] [data-col="1"] { width: 8.44444444444%; } .pixgridder [data-cols="9"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="1"] { width: 11.1111111111%; } .pixgridder [data-cols="9"] [data-col="2"] { width: 19.8888888889%; } .pixgridder [data-cols="9"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="2"] { width: 22.2222222222%; } .pixgridder [data-cols="9"] [data-col="3"] { width: 31.3333333333%; } .pixgridder [data-cols="9"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="3"] { width: 33.3333333333%; } .pixgridder [data-cols="9"] [data-col="4"] { width: 42.7777777778%; } .pixgridder [data-cols="9"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="4"] { width: 44.4444444444%; } .pixgridder [data-cols="9"] [data-col="5"] { width: 54.2222222222%; } .pixgridder [data-cols="9"] [data-col="5"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="5"] { width: 55.5555555556%; } .pixgridder [data-cols="9"] [data-col="6"] { width: 65.6666666667%; } .pixgridder [data-cols="9"] [data-col="6"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="6"] { width: 66.6666666667%; } .pixgridder [data-cols="9"] [data-col="7"] { width: 77.1111111111%; } .pixgridder [data-cols="9"] [data-col="7"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="7"] { width: 77.7777777778%; } .pixgridder [data-cols="9"] [data-col="8"] { width: 88.5555555556%; } .pixgridder [data-cols="9"] [data-col="8"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="8"] { width: 88.8888888889%; } .pixgridder [data-cols="9"] [data-col="9"] { width: 100%; } .pixgridder [data-cols="9"] [data-col="9"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-col="9"] { width: 100%; } .pixgridder [data-cols="10"] [data-col="1"] { width: 7.3%; } .pixgridder [data-cols="10"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="1"] { width: 10%; } .pixgridder [data-cols="10"] [data-col="2"] { width: 17.6%; } .pixgridder [data-cols="10"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="2"] { width: 20%; } .pixgridder [data-cols="10"] [data-col="3"] { width: 27.9%; } .pixgridder [data-cols="10"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="3"] { width: 30%; } .pixgridder [data-cols="10"] [data-col="4"] { width: 38.2%; } .pixgridder [data-cols="10"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="4"] { width: 40%; } .pixgridder [data-cols="10"] [data-col="5"] { width: 48.5%; } .pixgridder [data-cols="10"] [data-col="5"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="5"] { width: 50%; } .pixgridder [data-cols="10"] [data-col="6"] { width: 58.8%; } .pixgridder [data-cols="10"] [data-col="6"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="6"] { width: 60%; } .pixgridder [data-cols="10"] [data-col="7"] { width: 69.1%; } .pixgridder [data-cols="10"] [data-col="7"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="7"] { width: 70%; } .pixgridder [data-cols="10"] [data-col="8"] { width: 79.4%; } .pixgridder [data-cols="10"] [data-col="8"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="8"] { width: 80%; } .pixgridder [data-cols="10"] [data-col="9"] { width: 89.7%; } .pixgridder [data-cols="10"] [data-col="9"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="9"] { width: 90%; } .pixgridder [data-cols="10"] [data-col="10"] { width: 100%; } .pixgridder [data-cols="10"] [data-col="10"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-col="10"] { width: 100%; } .pixgridder [data-cols="11"] [data-col="1"] { width: 6.36363636364%; } .pixgridder [data-cols="11"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="1"] { width: 9.09090909091%; } .pixgridder [data-cols="11"] [data-col="2"] { width: 15.7272727273%; } .pixgridder [data-cols="11"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="2"] { width: 18.1818181818%; } .pixgridder [data-cols="11"] [data-col="3"] { width: 25.0909090909%; } .pixgridder [data-cols="11"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="3"] { width: 27.2727272727%; } .pixgridder [data-cols="11"] [data-col="4"] { width: 34.4545454545%; } .pixgridder [data-cols="11"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="4"] { width: 36.3636363636%; } .pixgridder [data-cols="11"] [data-col="5"] { width: 43.8181818182%; } .pixgridder [data-cols="11"] [data-col="5"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="5"] { width: 45.4545454545%; } .pixgridder [data-cols="11"] [data-col="6"] { width: 53.1818181818%; } .pixgridder [data-cols="11"] [data-col="6"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="6"] { width: 54.5454545455%; } .pixgridder [data-cols="11"] [data-col="7"] { width: 62.5454545455%; } .pixgridder [data-cols="11"] [data-col="7"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="7"] { width: 63.6363636364%; } .pixgridder [data-cols="11"] [data-col="8"] { width: 71.9090909091%; } .pixgridder [data-cols="11"] [data-col="8"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="8"] { width: 72.7272727273%; } .pixgridder [data-cols="11"] [data-col="9"] { width: 81.2727272727%; } .pixgridder [data-cols="11"] [data-col="9"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="9"] { width: 81.8181818182%; } .pixgridder [data-cols="11"] [data-col="10"] { width: 90.6363636364%; } .pixgridder [data-cols="11"] [data-col="10"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="10"] { width: 90.9090909091%; } .pixgridder [data-cols="11"] [data-col="11"] { width: 100%; } .pixgridder [data-cols="11"] [data-col="11"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-col="11"] { width: 100%; } .pixgridder [data-cols="12"] [data-col="1"] { width: 5.58333333333%; } .pixgridder [data-cols="12"] [data-col="1"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="1"] { width: 8.33333333333%; } .pixgridder [data-cols="12"] [data-col="2"] { width: 14.1666666667%; } .pixgridder [data-cols="12"] [data-col="2"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="2"] { width: 16.6666666667%; } .pixgridder [data-cols="12"] [data-col="3"] { width: 22.75%; } .pixgridder [data-cols="12"] [data-col="3"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="3"] { width: 25%; } .pixgridder [data-cols="12"] [data-col="4"] { width: 31.3333333333%; } .pixgridder [data-cols="12"] [data-col="4"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="4"] { width: 33.3333333333%; } .pixgridder [data-cols="12"] [data-col="5"] { width: 39.9166666667%; } .pixgridder [data-cols="12"] [data-col="5"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="5"] { width: 41.6666666667%; } .pixgridder [data-cols="12"] [data-col="6"] { width: 48.5%; } .pixgridder [data-cols="12"] [data-col="6"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="6"] { width: 50%; } .pixgridder [data-cols="12"] [data-col="7"] { width: 57.0833333333%; } .pixgridder [data-cols="12"] [data-col="7"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="7"] { width: 58.3333333333%; } .pixgridder [data-cols="12"] [data-col="8"] { width: 65.6666666667%; } .pixgridder [data-cols="12"] [data-col="8"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="8"] { width: 66.6666666667%; } .pixgridder [data-cols="12"] [data-col="9"] { width: 74.25%; } .pixgridder [data-cols="12"] [data-col="9"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="9"] { width: 75%; } .pixgridder [data-cols="12"] [data-col="10"] { width: 82.8333333333%; } .pixgridder [data-cols="12"] [data-col="10"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="10"] { width: 83.3333333333%; } .pixgridder [data-cols="12"] [data-col="11"] { width: 91.4166666667%; } .pixgridder [data-cols="12"] [data-col="11"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="11"] { width: 91.6666666667%; } .pixgridder [data-cols="12"] [data-col="12"] { width: 100%; } .pixgridder [data-cols="12"] [data-col="12"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-col="12"] { width: 100%; } @media only screen and (max-width: 1024px) { .pixgridder [data-cols="3"] [data-medium="1"] { width: 31.3333333333%; } .pixgridder [data-cols="3"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-medium="1"] { width: 33.3333333333%; } .pixgridder [data-cols="3"] [data-medium="2"] { width: 65.6666666667%; } .pixgridder [data-cols="3"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-medium="2"] { width: 66.6666666667%; } .pixgridder [data-cols="3"] [data-medium="3"] { width: 100%; } .pixgridder [data-cols="3"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-medium="3"] { width: 100%; } .pixgridder [data-cols="4"] [data-medium="1"] { width: 22.75%; } .pixgridder [data-cols="4"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-medium="1"] { width: 25%; } .pixgridder [data-cols="4"] [data-medium="2"] { width: 48.5%; } .pixgridder [data-cols="4"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-medium="2"] { width: 50%; } .pixgridder [data-cols="4"] [data-medium="3"] { width: 74.25%; } .pixgridder [data-cols="4"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-medium="3"] { width: 75%; } .pixgridder [data-cols="4"] [data-medium="4"] { width: 100%; } .pixgridder [data-cols="4"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-medium="4"] { width: 100%; } .pixgridder [data-cols="5"] [data-medium="1"] { width: 17.6%; } .pixgridder [data-cols="5"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-medium="1"] { width: 20%; } .pixgridder [data-cols="5"] [data-medium="2"] { width: 38.2%; } .pixgridder [data-cols="5"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-medium="2"] { width: 40%; } .pixgridder [data-cols="5"] [data-medium="3"] { width: 58.8%; } .pixgridder [data-cols="5"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-medium="3"] { width: 60%; } .pixgridder [data-cols="5"] [data-medium="4"] { width: 79.4%; } .pixgridder [data-cols="5"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-medium="4"] { width: 80%; } .pixgridder [data-cols="5"] [data-medium="5"] { width: 100%; } .pixgridder [data-cols="5"] [data-medium="5"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-medium="5"] { width: 100%; } .pixgridder [data-cols="6"] [data-medium="1"] { width: 14.1666666667%; } .pixgridder [data-cols="6"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-medium="1"] { width: 16.6666666667%; } .pixgridder [data-cols="6"] [data-medium="2"] { width: 31.3333333333%; } .pixgridder [data-cols="6"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-medium="2"] { width: 33.3333333333%; } .pixgridder [data-cols="6"] [data-medium="3"] { width: 48.5%; } .pixgridder [data-cols="6"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-medium="3"] { width: 50%; } .pixgridder [data-cols="6"] [data-medium="4"] { width: 65.6666666667%; } .pixgridder [data-cols="6"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-medium="4"] { width: 66.6666666667%; } .pixgridder [data-cols="6"] [data-medium="5"] { width: 82.8333333333%; } .pixgridder [data-cols="6"] [data-medium="5"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-medium="5"] { width: 83.3333333333%; } .pixgridder [data-cols="6"] [data-medium="6"] { width: 100%; } .pixgridder [data-cols="6"] [data-medium="6"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-medium="6"] { width: 100%; } .pixgridder [data-cols="7"] [data-medium="1"] { width: 11.7142857143%; } .pixgridder [data-cols="7"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-medium="1"] { width: 14.2857142857%; } .pixgridder [data-cols="7"] [data-medium="2"] { width: 26.4285714286%; } .pixgridder [data-cols="7"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-medium="2"] { width: 28.5714285714%; } .pixgridder [data-cols="7"] [data-medium="3"] { width: 41.1428571429%; } .pixgridder [data-cols="7"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-medium="3"] { width: 42.8571428571%; } .pixgridder [data-cols="7"] [data-medium="4"] { width: 55.8571428571%; } .pixgridder [data-cols="7"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-medium="4"] { width: 57.1428571429%; } .pixgridder [data-cols="7"] [data-medium="5"] { width: 70.5714285714%; } .pixgridder [data-cols="7"] [data-medium="5"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-medium="5"] { width: 71.4285714286%; } .pixgridder [data-cols="7"] [data-medium="6"] { width: 85.2857142857%; } .pixgridder [data-cols="7"] [data-medium="6"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-medium="6"] { width: 85.7142857143%; } .pixgridder [data-cols="7"] [data-medium="7"] { width: 100%; } .pixgridder [data-cols="7"] [data-medium="7"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-medium="7"] { width: 100%; } .pixgridder [data-cols="8"] [data-medium="1"] { width: 9.875%; } .pixgridder [data-cols="8"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-medium="1"] { width: 12.5%; } .pixgridder [data-cols="8"] [data-medium="2"] { width: 22.75%; } .pixgridder [data-cols="8"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-medium="2"] { width: 25%; } .pixgridder [data-cols="8"] [data-medium="3"] { width: 35.625%; } .pixgridder [data-cols="8"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-medium="3"] { width: 37.5%; } .pixgridder [data-cols="8"] [data-medium="4"] { width: 48.5%; } .pixgridder [data-cols="8"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-medium="4"] { width: 50%; } .pixgridder [data-cols="8"] [data-medium="5"] { width: 61.375%; } .pixgridder [data-cols="8"] [data-medium="5"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-medium="5"] { width: 62.5%; } .pixgridder [data-cols="8"] [data-medium="6"] { width: 74.25%; } .pixgridder [data-cols="8"] [data-medium="6"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-medium="6"] { width: 75%; } .pixgridder [data-cols="8"] [data-medium="7"] { width: 87.125%; } .pixgridder [data-cols="8"] [data-medium="7"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-medium="7"] { width: 87.5%; } .pixgridder [data-cols="8"] [data-medium="8"] { width: 100%; } .pixgridder [data-cols="8"] [data-medium="8"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-medium="8"] { width: 100%; } .pixgridder [data-cols="9"] [data-medium="1"] { width: 8.44444444444%; } .pixgridder [data-cols="9"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="1"] { width: 11.1111111111%; } .pixgridder [data-cols="9"] [data-medium="2"] { width: 19.8888888889%; } .pixgridder [data-cols="9"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="2"] { width: 22.2222222222%; } .pixgridder [data-cols="9"] [data-medium="3"] { width: 31.3333333333%; } .pixgridder [data-cols="9"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="3"] { width: 33.3333333333%; } .pixgridder [data-cols="9"] [data-medium="4"] { width: 42.7777777778%; } .pixgridder [data-cols="9"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="4"] { width: 44.4444444444%; } .pixgridder [data-cols="9"] [data-medium="5"] { width: 54.2222222222%; } .pixgridder [data-cols="9"] [data-medium="5"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="5"] { width: 55.5555555556%; } .pixgridder [data-cols="9"] [data-medium="6"] { width: 65.6666666667%; } .pixgridder [data-cols="9"] [data-medium="6"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="6"] { width: 66.6666666667%; } .pixgridder [data-cols="9"] [data-medium="7"] { width: 77.1111111111%; } .pixgridder [data-cols="9"] [data-medium="7"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="7"] { width: 77.7777777778%; } .pixgridder [data-cols="9"] [data-medium="8"] { width: 88.5555555556%; } .pixgridder [data-cols="9"] [data-medium="8"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="8"] { width: 88.8888888889%; } .pixgridder [data-cols="9"] [data-medium="9"] { width: 100%; } .pixgridder [data-cols="9"] [data-medium="9"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-medium="9"] { width: 100%; } .pixgridder [data-cols="10"] [data-medium="1"] { width: 7.3%; } .pixgridder [data-cols="10"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="1"] { width: 10%; } .pixgridder [data-cols="10"] [data-medium="2"] { width: 17.6%; } .pixgridder [data-cols="10"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="2"] { width: 20%; } .pixgridder [data-cols="10"] [data-medium="3"] { width: 27.9%; } .pixgridder [data-cols="10"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="3"] { width: 30%; } .pixgridder [data-cols="10"] [data-medium="4"] { width: 38.2%; } .pixgridder [data-cols="10"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="4"] { width: 40%; } .pixgridder [data-cols="10"] [data-medium="5"] { width: 48.5%; } .pixgridder [data-cols="10"] [data-medium="5"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="5"] { width: 50%; } .pixgridder [data-cols="10"] [data-medium="6"] { width: 58.8%; } .pixgridder [data-cols="10"] [data-medium="6"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="6"] { width: 60%; } .pixgridder [data-cols="10"] [data-medium="7"] { width: 69.1%; } .pixgridder [data-cols="10"] [data-medium="7"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="7"] { width: 70%; } .pixgridder [data-cols="10"] [data-medium="8"] { width: 79.4%; } .pixgridder [data-cols="10"] [data-medium="8"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="8"] { width: 80%; } .pixgridder [data-cols="10"] [data-medium="9"] { width: 89.7%; } .pixgridder [data-cols="10"] [data-medium="9"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="9"] { width: 90%; } .pixgridder [data-cols="10"] [data-medium="10"] { width: 100%; } .pixgridder [data-cols="10"] [data-medium="10"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-medium="10"] { width: 100%; } .pixgridder [data-cols="11"] [data-medium="1"] { width: 6.36363636364%; } .pixgridder [data-cols="11"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="1"] { width: 9.09090909091%; } .pixgridder [data-cols="11"] [data-medium="2"] { width: 15.7272727273%; } .pixgridder [data-cols="11"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="2"] { width: 18.1818181818%; } .pixgridder [data-cols="11"] [data-medium="3"] { width: 25.0909090909%; } .pixgridder [data-cols="11"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="3"] { width: 27.2727272727%; } .pixgridder [data-cols="11"] [data-medium="4"] { width: 34.4545454545%; } .pixgridder [data-cols="11"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="4"] { width: 36.3636363636%; } .pixgridder [data-cols="11"] [data-medium="5"] { width: 43.8181818182%; } .pixgridder [data-cols="11"] [data-medium="5"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="5"] { width: 45.4545454545%; } .pixgridder [data-cols="11"] [data-medium="6"] { width: 53.1818181818%; } .pixgridder [data-cols="11"] [data-medium="6"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="6"] { width: 54.5454545455%; } .pixgridder [data-cols="11"] [data-medium="7"] { width: 62.5454545455%; } .pixgridder [data-cols="11"] [data-medium="7"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="7"] { width: 63.6363636364%; } .pixgridder [data-cols="11"] [data-medium="8"] { width: 71.9090909091%; } .pixgridder [data-cols="11"] [data-medium="8"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="8"] { width: 72.7272727273%; } .pixgridder [data-cols="11"] [data-medium="9"] { width: 81.2727272727%; } .pixgridder [data-cols="11"] [data-medium="9"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="9"] { width: 81.8181818182%; } .pixgridder [data-cols="11"] [data-medium="10"] { width: 90.6363636364%; } .pixgridder [data-cols="11"] [data-medium="10"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="10"] { width: 90.9090909091%; } .pixgridder [data-cols="11"] [data-medium="11"] { width: 100%; } .pixgridder [data-cols="11"] [data-medium="11"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-medium="11"] { width: 100%; } .pixgridder [data-cols="12"] [data-medium="1"] { width: 5.58333333333%; } .pixgridder [data-cols="12"] [data-medium="1"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="1"] { width: 8.33333333333%; } .pixgridder [data-cols="12"] [data-medium="2"] { width: 14.1666666667%; } .pixgridder [data-cols="12"] [data-medium="2"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="2"] { width: 16.6666666667%; } .pixgridder [data-cols="12"] [data-medium="3"] { width: 22.75%; } .pixgridder [data-cols="12"] [data-medium="3"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="3"] { width: 25%; } .pixgridder [data-cols="12"] [data-medium="4"] { width: 31.3333333333%; } .pixgridder [data-cols="12"] [data-medium="4"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="4"] { width: 33.3333333333%; } .pixgridder [data-cols="12"] [data-medium="5"] { width: 39.9166666667%; } .pixgridder [data-cols="12"] [data-medium="5"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="5"] { width: 41.6666666667%; } .pixgridder [data-cols="12"] [data-medium="6"] { width: 48.5%; } .pixgridder [data-cols="12"] [data-medium="6"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="6"] { width: 50%; } .pixgridder [data-cols="12"] [data-medium="7"] { width: 57.0833333333%; } .pixgridder [data-cols="12"] [data-medium="7"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="7"] { width: 58.3333333333%; } .pixgridder [data-cols="12"] [data-medium="8"] { width: 65.6666666667%; } .pixgridder [data-cols="12"] [data-medium="8"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="8"] { width: 66.6666666667%; } .pixgridder [data-cols="12"] [data-medium="9"] { width: 74.25%; } .pixgridder [data-cols="12"] [data-medium="9"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="9"] { width: 75%; } .pixgridder [data-cols="12"] [data-medium="10"] { width: 82.8333333333%; } .pixgridder [data-cols="12"] [data-medium="10"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="10"] { width: 83.3333333333%; } .pixgridder [data-cols="12"] [data-medium="11"] { width: 91.4166666667%; } .pixgridder [data-cols="12"] [data-medium="11"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="11"] { width: 91.6666666667%; } .pixgridder [data-cols="12"] [data-medium="12"] { width: 100%; } .pixgridder [data-cols="12"] [data-medium="12"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-medium="12"] { width: 100%; } } @media only screen and (max-width: 800px) { .pixgridder [data-cols="3"] [data-small="1"] { width: 31.3333333333%; } .pixgridder [data-cols="3"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-small="1"] { width: 33.3333333333%; } .pixgridder [data-cols="3"] [data-small="2"] { width: 65.6666666667%; } .pixgridder [data-cols="3"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-small="2"] { width: 66.6666666667%; } .pixgridder [data-cols="3"] [data-small="3"] { width: 100%; } .pixgridder [data-cols="3"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="3"] [data-small="3"] { width: 100%; } .pixgridder [data-cols="4"] [data-small="1"] { width: 22.75%; } .pixgridder [data-cols="4"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-small="1"] { width: 25%; } .pixgridder [data-cols="4"] [data-small="2"] { width: 48.5%; } .pixgridder [data-cols="4"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-small="2"] { width: 50%; } .pixgridder [data-cols="4"] [data-small="3"] { width: 74.25%; } .pixgridder [data-cols="4"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-small="3"] { width: 75%; } .pixgridder [data-cols="4"] [data-small="4"] { width: 100%; } .pixgridder [data-cols="4"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="4"] [data-small="4"] { width: 100%; } .pixgridder [data-cols="5"] [data-small="1"] { width: 17.6%; } .pixgridder [data-cols="5"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-small="1"] { width: 20%; } .pixgridder [data-cols="5"] [data-small="2"] { width: 38.2%; } .pixgridder [data-cols="5"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-small="2"] { width: 40%; } .pixgridder [data-cols="5"] [data-small="3"] { width: 58.8%; } .pixgridder [data-cols="5"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-small="3"] { width: 60%; } .pixgridder [data-cols="5"] [data-small="4"] { width: 79.4%; } .pixgridder [data-cols="5"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-small="4"] { width: 80%; } .pixgridder [data-cols="5"] [data-small="5"] { width: 100%; } .pixgridder [data-cols="5"] [data-small="5"].padding-box, body.padding-box.pixgridder [data-cols="5"] [data-small="5"] { width: 100%; } .pixgridder [data-cols="6"] [data-small="1"] { width: 14.1666666667%; } .pixgridder [data-cols="6"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-small="1"] { width: 16.6666666667%; } .pixgridder [data-cols="6"] [data-small="2"] { width: 31.3333333333%; } .pixgridder [data-cols="6"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-small="2"] { width: 33.3333333333%; } .pixgridder [data-cols="6"] [data-small="3"] { width: 48.5%; } .pixgridder [data-cols="6"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-small="3"] { width: 50%; } .pixgridder [data-cols="6"] [data-small="4"] { width: 65.6666666667%; } .pixgridder [data-cols="6"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-small="4"] { width: 66.6666666667%; } .pixgridder [data-cols="6"] [data-small="5"] { width: 82.8333333333%; } .pixgridder [data-cols="6"] [data-small="5"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-small="5"] { width: 83.3333333333%; } .pixgridder [data-cols="6"] [data-small="6"] { width: 100%; } .pixgridder [data-cols="6"] [data-small="6"].padding-box, body.padding-box.pixgridder [data-cols="6"] [data-small="6"] { width: 100%; } .pixgridder [data-cols="7"] [data-small="1"] { width: 11.7142857143%; } .pixgridder [data-cols="7"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-small="1"] { width: 14.2857142857%; } .pixgridder [data-cols="7"] [data-small="2"] { width: 26.4285714286%; } .pixgridder [data-cols="7"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-small="2"] { width: 28.5714285714%; } .pixgridder [data-cols="7"] [data-small="3"] { width: 41.1428571429%; } .pixgridder [data-cols="7"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-small="3"] { width: 42.8571428571%; } .pixgridder [data-cols="7"] [data-small="4"] { width: 55.8571428571%; } .pixgridder [data-cols="7"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-small="4"] { width: 57.1428571429%; } .pixgridder [data-cols="7"] [data-small="5"] { width: 70.5714285714%; } .pixgridder [data-cols="7"] [data-small="5"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-small="5"] { width: 71.4285714286%; } .pixgridder [data-cols="7"] [data-small="6"] { width: 85.2857142857%; } .pixgridder [data-cols="7"] [data-small="6"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-small="6"] { width: 85.7142857143%; } .pixgridder [data-cols="7"] [data-small="7"] { width: 100%; } .pixgridder [data-cols="7"] [data-small="7"].padding-box, body.padding-box.pixgridder [data-cols="7"] [data-small="7"] { width: 100%; } .pixgridder [data-cols="8"] [data-small="1"] { width: 9.875%; } .pixgridder [data-cols="8"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-small="1"] { width: 12.5%; } .pixgridder [data-cols="8"] [data-small="2"] { width: 22.75%; } .pixgridder [data-cols="8"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-small="2"] { width: 25%; } .pixgridder [data-cols="8"] [data-small="3"] { width: 35.625%; } .pixgridder [data-cols="8"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-small="3"] { width: 37.5%; } .pixgridder [data-cols="8"] [data-small="4"] { width: 48.5%; } .pixgridder [data-cols="8"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-small="4"] { width: 50%; } .pixgridder [data-cols="8"] [data-small="5"] { width: 61.375%; } .pixgridder [data-cols="8"] [data-small="5"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-small="5"] { width: 62.5%; } .pixgridder [data-cols="8"] [data-small="6"] { width: 74.25%; } .pixgridder [data-cols="8"] [data-small="6"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-small="6"] { width: 75%; } .pixgridder [data-cols="8"] [data-small="7"] { width: 87.125%; } .pixgridder [data-cols="8"] [data-small="7"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-small="7"] { width: 87.5%; } .pixgridder [data-cols="8"] [data-small="8"] { width: 100%; } .pixgridder [data-cols="8"] [data-small="8"].padding-box, body.padding-box.pixgridder [data-cols="8"] [data-small="8"] { width: 100%; } .pixgridder [data-cols="9"] [data-small="1"] { width: 8.44444444444%; } .pixgridder [data-cols="9"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="1"] { width: 11.1111111111%; } .pixgridder [data-cols="9"] [data-small="2"] { width: 19.8888888889%; } .pixgridder [data-cols="9"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="2"] { width: 22.2222222222%; } .pixgridder [data-cols="9"] [data-small="3"] { width: 31.3333333333%; } .pixgridder [data-cols="9"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="3"] { width: 33.3333333333%; } .pixgridder [data-cols="9"] [data-small="4"] { width: 42.7777777778%; } .pixgridder [data-cols="9"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="4"] { width: 44.4444444444%; } .pixgridder [data-cols="9"] [data-small="5"] { width: 54.2222222222%; } .pixgridder [data-cols="9"] [data-small="5"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="5"] { width: 55.5555555556%; } .pixgridder [data-cols="9"] [data-small="6"] { width: 65.6666666667%; } .pixgridder [data-cols="9"] [data-small="6"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="6"] { width: 66.6666666667%; } .pixgridder [data-cols="9"] [data-small="7"] { width: 77.1111111111%; } .pixgridder [data-cols="9"] [data-small="7"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="7"] { width: 77.7777777778%; } .pixgridder [data-cols="9"] [data-small="8"] { width: 88.5555555556%; } .pixgridder [data-cols="9"] [data-small="8"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="8"] { width: 88.8888888889%; } .pixgridder [data-cols="9"] [data-small="9"] { width: 100%; } .pixgridder [data-cols="9"] [data-small="9"].padding-box, body.padding-box.pixgridder [data-cols="9"] [data-small="9"] { width: 100%; } .pixgridder [data-cols="10"] [data-small="1"] { width: 7.3%; } .pixgridder [data-cols="10"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="1"] { width: 10%; } .pixgridder [data-cols="10"] [data-small="2"] { width: 17.6%; } .pixgridder [data-cols="10"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="2"] { width: 20%; } .pixgridder [data-cols="10"] [data-small="3"] { width: 27.9%; } .pixgridder [data-cols="10"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="3"] { width: 30%; } .pixgridder [data-cols="10"] [data-small="4"] { width: 38.2%; } .pixgridder [data-cols="10"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="4"] { width: 40%; } .pixgridder [data-cols="10"] [data-small="5"] { width: 48.5%; } .pixgridder [data-cols="10"] [data-small="5"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="5"] { width: 50%; } .pixgridder [data-cols="10"] [data-small="6"] { width: 58.8%; } .pixgridder [data-cols="10"] [data-small="6"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="6"] { width: 60%; } .pixgridder [data-cols="10"] [data-small="7"] { width: 69.1%; } .pixgridder [data-cols="10"] [data-small="7"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="7"] { width: 70%; } .pixgridder [data-cols="10"] [data-small="8"] { width: 79.4%; } .pixgridder [data-cols="10"] [data-small="8"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="8"] { width: 80%; } .pixgridder [data-cols="10"] [data-small="9"] { width: 89.7%; } .pixgridder [data-cols="10"] [data-small="9"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="9"] { width: 90%; } .pixgridder [data-cols="10"] [data-small="10"] { width: 100%; } .pixgridder [data-cols="10"] [data-small="10"].padding-box, body.padding-box.pixgridder [data-cols="10"] [data-small="10"] { width: 100%; } .pixgridder [data-cols="11"] [data-small="1"] { width: 6.36363636364%; } .pixgridder [data-cols="11"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="1"] { width: 9.09090909091%; } .pixgridder [data-cols="11"] [data-small="2"] { width: 15.7272727273%; } .pixgridder [data-cols="11"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="2"] { width: 18.1818181818%; } .pixgridder [data-cols="11"] [data-small="3"] { width: 25.0909090909%; } .pixgridder [data-cols="11"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="3"] { width: 27.2727272727%; } .pixgridder [data-cols="11"] [data-small="4"] { width: 34.4545454545%; } .pixgridder [data-cols="11"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="4"] { width: 36.3636363636%; } .pixgridder [data-cols="11"] [data-small="5"] { width: 43.8181818182%; } .pixgridder [data-cols="11"] [data-small="5"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="5"] { width: 45.4545454545%; } .pixgridder [data-cols="11"] [data-small="6"] { width: 53.1818181818%; } .pixgridder [data-cols="11"] [data-small="6"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="6"] { width: 54.5454545455%; } .pixgridder [data-cols="11"] [data-small="7"] { width: 62.5454545455%; } .pixgridder [data-cols="11"] [data-small="7"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="7"] { width: 63.6363636364%; } .pixgridder [data-cols="11"] [data-small="8"] { width: 71.9090909091%; } .pixgridder [data-cols="11"] [data-small="8"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="8"] { width: 72.7272727273%; } .pixgridder [data-cols="11"] [data-small="9"] { width: 81.2727272727%; } .pixgridder [data-cols="11"] [data-small="9"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="9"] { width: 81.8181818182%; } .pixgridder [data-cols="11"] [data-small="10"] { width: 90.6363636364%; } .pixgridder [data-cols="11"] [data-small="10"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="10"] { width: 90.9090909091%; } .pixgridder [data-cols="11"] [data-small="11"] { width: 100%; } .pixgridder [data-cols="11"] [data-small="11"].padding-box, body.padding-box.pixgridder [data-cols="11"] [data-small="11"] { width: 100%; } .pixgridder [data-cols="12"] [data-small="1"] { width: 5.58333333333%; } .pixgridder [data-cols="12"] [data-small="1"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="1"] { width: 8.33333333333%; } .pixgridder [data-cols="12"] [data-small="2"] { width: 14.1666666667%; } .pixgridder [data-cols="12"] [data-small="2"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="2"] { width: 16.6666666667%; } .pixgridder [data-cols="12"] [data-small="3"] { width: 22.75%; } .pixgridder [data-cols="12"] [data-small="3"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="3"] { width: 25%; } .pixgridder [data-cols="12"] [data-small="4"] { width: 31.3333333333%; } .pixgridder [data-cols="12"] [data-small="4"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="4"] { width: 33.3333333333%; } .pixgridder [data-cols="12"] [data-small="5"] { width: 39.9166666667%; } .pixgridder [data-cols="12"] [data-small="5"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="5"] { width: 41.6666666667%; } .pixgridder [data-cols="12"] [data-small="6"] { width: 48.5%; } .pixgridder [data-cols="12"] [data-small="6"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="6"] { width: 50%; } .pixgridder [data-cols="12"] [data-small="7"] { width: 57.0833333333%; } .pixgridder [data-cols="12"] [data-small="7"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="7"] { width: 58.3333333333%; } .pixgridder [data-cols="12"] [data-small="8"] { width: 65.6666666667%; } .pixgridder [data-cols="12"] [data-small="8"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="8"] { width: 66.6666666667%; } .pixgridder [data-cols="12"] [data-small="9"] { width: 74.25%; } .pixgridder [data-cols="12"] [data-small="9"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="9"] { width: 75%; } .pixgridder [data-cols="12"] [data-small="10"] { width: 82.8333333333%; } .pixgridder [data-cols="12"] [data-small="10"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="10"] { width: 83.3333333333%; } .pixgridder [data-cols="12"] [data-small="11"] { width: 91.4166666667%; } .pixgridder [data-cols="12"] [data-small="11"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="11"] { width: 91.6666666667%; } .pixgridder [data-cols="12"] [data-small="12"] { width: 100%; } .pixgridder [data-cols="12"] [data-small="12"].padding-box, body.padding-box.pixgridder [data-cols="12"] [data-small="12"] { width: 100%; } } @media only screen and (max-width: 800px) { .pixgridder [data-cols] [data-col]:not([data-small]):not([data-medium]) { width: 100%; } }/* PixGridder custom stylesheet */