/*
PixGridder default front stylesheet
Description: this skin supports until 12 columns, if you want to run more than these or edit something (margins, widths etc.), create a new file called "gridder.css" and put it into your theme folder
Author: Manuel Masia | Pixedelic
*/
@-webkit-keyframes pixzoomed {
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes pixzoomed {
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-o-keyframes pixzoomed {
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-ms-keyframes pixzoomed {
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pixzoomed {
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes pixfadetranslated {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes pixfadetranslated {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-o-keyframes pixfadetranslated {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-ms-keyframes pixfadetranslated {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes pixfadetranslated {
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes pixrotatouted {
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes pixrotatouted {
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes pixrotatouted {
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-ms-keyframes pixrotatouted {
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes pixrotatouted {
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.pixgridder .row {
  clear: both;
  display: block;
}
.pixgridder .row:after, .pixgridder .row:before {
  content: '';
  display: table;
}
.pixgridder .row:after {
  clear: both;
}
.pixgridder .column:first-child {
  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%;
}
.pixgridder .column img {
  height: auto;
  max-width: 100%;
}

body.pix-scroll-load .column {
  opacity: 0;
}
body.pix-scroll-load .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 .column.pix-loaded.pix-zoomed {
  -webkit-animation: pixzoomed 350ms ease-in-out;
  -moz-animation: pixzoomed 350ms ease-in-out;
  -o-animation: pixzoomed 350ms ease-in-out;
  -ms-animation: pixzoomed 350ms ease-in-out;
  animation: pixzoomed 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 .column.pix-loaded.pix-fadeTranslated {
  -webkit-animation: pixfadetranslated 350ms ease-in-out;
  -moz-animation: pixfadetranslated 350ms ease-in-out;
  -o-animation: pixfadetranslated 350ms ease-in-out;
  -ms-animation: pixfadetranslated 350ms ease-in-out;
  animation: pixfadetranslated 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 .column.pix-loaded.pix-rotatOuted {
  -webkit-animation: pixrotatouted 350ms ease-in-out;
  -moz-animation: pixrotatouted 350ms ease-in-out;
  -o-animation: pixrotatouted 350ms ease-in-out;
  -ms-animation: pixrotatouted 350ms ease-in-out;
  animation: pixrotatouted 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 .column.pix-loaded-inanim {
  opacity: 1;
}

.pixgridder [data-cols="1"] [data-col="1"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="1"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="2"] [data-col="1"] {
  width: 48.5%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="2"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="2"] [data-col="2"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="2"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="3"] [data-col="1"] {
  width: 31.33333%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="3"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="3"] [data-col="2"] {
  width: 65.66667%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="3"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="3"] [data-col="3"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="3"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="4"] [data-col="1"] {
  width: 22.75%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="4"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="4"] [data-col="2"] {
  width: 48.5%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="4"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="4"] [data-col="3"] {
  width: 74.25%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="4"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="4"] [data-col="4"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="4"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="5"] [data-col="1"] {
  width: 17.6%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="5"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="5"] [data-col="2"] {
  width: 38.2%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="5"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="5"] [data-col="3"] {
  width: 58.8%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="5"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="5"] [data-col="4"] {
  width: 79.4%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="5"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="5"] [data-col="5"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="5"] [data-col="5"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="6"] [data-col="1"] {
  width: 14.16667%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="6"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="6"] [data-col="2"] {
  width: 31.33333%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="6"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="6"] [data-col="3"] {
  width: 48.5%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="6"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="6"] [data-col="4"] {
  width: 65.66667%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="6"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="6"] [data-col="5"] {
  width: 82.83333%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="6"] [data-col="5"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="6"] [data-col="6"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="6"] [data-col="6"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="7"] [data-col="1"] {
  width: 11.71429%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="7"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="7"] [data-col="2"] {
  width: 26.42857%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="7"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="7"] [data-col="3"] {
  width: 41.14286%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="7"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="7"] [data-col="4"] {
  width: 55.85714%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="7"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="7"] [data-col="5"] {
  width: 70.57143%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="7"] [data-col="5"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="7"] [data-col="6"] {
  width: 85.28571%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="7"] [data-col="6"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="7"] [data-col="7"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="7"] [data-col="7"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="8"] [data-col="1"] {
  width: 9.875%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="8"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="8"] [data-col="2"] {
  width: 22.75%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="8"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="8"] [data-col="3"] {
  width: 35.625%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="8"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="8"] [data-col="4"] {
  width: 48.5%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="8"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="8"] [data-col="5"] {
  width: 61.375%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="8"] [data-col="5"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="8"] [data-col="6"] {
  width: 74.25%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="8"] [data-col="6"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="8"] [data-col="7"] {
  width: 87.125%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="8"] [data-col="7"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="8"] [data-col="8"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="8"] [data-col="8"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="1"] {
  width: 8.44444%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="2"] {
  width: 19.88889%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="3"] {
  width: 31.33333%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="4"] {
  width: 42.77778%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="5"] {
  width: 54.22222%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="5"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="6"] {
  width: 65.66667%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="6"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="7"] {
  width: 77.11111%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="7"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="8"] {
  width: 88.55556%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="8"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="9"] [data-col="9"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="9"] [data-col="9"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="1"] {
  width: 7.3%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="2"] {
  width: 17.6%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="3"] {
  width: 27.9%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="4"] {
  width: 38.2%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="5"] {
  width: 48.5%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="5"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="6"] {
  width: 58.8%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="6"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="7"] {
  width: 69.1%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="7"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="8"] {
  width: 79.4%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="8"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="9"] {
  width: 89.7%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="9"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="10"] [data-col="10"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="10"] [data-col="10"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="1"] {
  width: 6.36364%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="2"] {
  width: 15.72727%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="3"] {
  width: 25.09091%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="4"] {
  width: 34.45455%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="5"] {
  width: 43.81818%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="5"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="6"] {
  width: 53.18182%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="6"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="7"] {
  width: 62.54545%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="7"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="8"] {
  width: 71.90909%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="8"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="9"] {
  width: 81.27273%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="9"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="10"] {
  width: 90.63636%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="10"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="11"] [data-col="11"] {
  width: 100.0%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="11"] [data-col="11"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="1"] {
  width: 5.58333%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="1"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="2"] {
  width: 14.16667%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="2"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="3"] {
  width: 22.75%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="3"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="4"] {
  width: 31.33333%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="4"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="5"] {
  width: 39.91667%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="5"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="6"] {
  width: 48.5%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="6"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="7"] {
  width: 57.08333%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="7"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="8"] {
  width: 65.66667%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="8"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="9"] {
  width: 74.25%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="9"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="10"] {
  width: 82.83333%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="10"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="11"] {
  width: 91.41667%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="11"] {
    margin-left: 0;
    width: 100%;
  }
}

.pixgridder [data-cols="12"] [data-col="12"] {
  width: 100%;
}
@media (max-width: 768px) {
  .pixgridder [data-cols="12"] [data-col="12"] {
    margin-left: 0;
    width: 100%;
  }
}