/*  Media queries breakpoints
-------------------------------------------*/
/* Grid settings
-------------------------------------------*/
.mesh-row {
  margin: 0 -15px;
}
.mesh-row.no-reset {
  margin: 0;
}
.mesh-row:before,
.mesh-row:after {
  display: table;
  content: " ";
}
.mesh-row:after {
  clear: both;
}

[class*="mesh-xxs"],
[class*="mesh-xs"],
[class*="mesh-s"],
[class*="mesh-m"],
[class*="mesh-l"],
[class*="mesh-xl"] {
  position: relative;
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mesh-xxs-1,
.mesh-1 {
  width: 8.33333333%;
}
.mesh-xxs-2,
.mesh-2 {
  width: 16.66666667%;
}
.mesh-xxs-3,
.mesh-3 {
  width: 25%;
}
.mesh-xxs-4 .mesh-4 {
  width: 33.33333333%;
}
.mesh-xxs-5,
.mesh-5 {
  width: 41.66666667%;
}
.mesh-xxs-6,
.mesh-6 {
  width: 50%;
}
.mesh-xxs-7,
.mesh-7 {
  width: 58.33333333%;
}
.mesh-xxs-8,
.mesh-8 {
  width: 66.66666667%;
}
.mesh-xxs-9,
.mesh-9 {
  width: 75%;
}
.mesh-xxs-10,
.mesh-10 {
  width: 83.33333333%;
}
.mesh-xxs-11,
.mesh-11 {
  width: 91.66666667%;
}
.mesh-xxs-12,
.mesh-12 {
  width: 100%;
}
@media (min-width: 320px) {
  .mesh-xs-1 {
    width: 8.33333333%;
  }
  .mesh-xs-2 {
    width: 16.66666667%;
  }
  .mesh-xs-3 {
    width: 25%;
  }
  .mesh-xs-4 {
    width: 33.33333333%;
  }
  .mesh-xs-5 {
    width: 41.66666667%;
  }
  .mesh-xs-6 {
    width: 50%;
  }
  .mesh-xs-7 {
    width: 58.33333333%;
  }
  .mesh-xs-8 {
    width: 66.66666667%;
  }
  .mesh-xs-9 {
    width: 75%;
  }
  .mesh-xs-10 {
    width: 83.33333333%;
  }
  .mesh-xs-11 {
    width: 91.66666667%;
  }
  .mesh-xs-12 {
    width: 100%;
  }
}
@media (min-width: 480px) {
  .mesh-s-1 {
    width: 8.33333333%;
  }
  .mesh-s-2 {
    width: 16.66666667%;
  }
  .mesh-s-3 {
    width: 25%;
  }
  .mesh-s-4 {
    width: 33.33333333%;
  }
  .mesh-s-5 {
    width: 41.66666667%;
  }
  .mesh-s-6 {
    width: 50%;
  }
  .mesh-s-7 {
    width: 58.33333333%;
  }
  .mesh-s-8 {
    width: 66.66666667%;
  }
  .mesh-s-9 {
    width: 75%;
  }
  .mesh-s-10 {
    width: 83.33333333%;
  }
  .mesh-s-11 {
    width: 91.66666667%;
  }
  .mesh-s-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .mesh-m-1 {
    width: 8.33333333%;
  }
  .mesh-m-2 {
    width: 16.66666667%;
  }
  .mesh-m-3 {
    width: 25%;
  }
  .mesh-m-4 {
    width: 33.33333333%;
  }
  .mesh-m-5 {
    width: 41.66666667%;
  }
  .mesh-m-6 {
    width: 50%;
  }
  .mesh-m-7 {
    width: 58.33333333%;
  }
  .mesh-m-8 {
    width: 66.66666667%;
  }
  .mesh-m-9 {
    width: 75%;
  }
  .mesh-m-10 {
    width: 83.33333333%;
  }
  .mesh-m-11 {
    width: 91.66666667%;
  }
  .mesh-m-12 {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .mesh-l-1 {
    width: 8.33333333%;
  }
  .mesh-l-2 {
    width: 16.66666667%;
  }
  .mesh-l-3 {
    width: 25%;
  }
  .mesh-l-4 {
    width: 33.33333333%;
  }
  .mesh-l-5 {
    width: 41.66666667%;
  }
  .mesh-l-6 {
    width: 50%;
  }
  .mesh-l-7 {
    width: 58.33333333%;
  }
  .mesh-l-8 {
    width: 66.66666667%;
  }
  .mesh-l-9 {
    width: 75%;
  }
  .mesh-l-10 {
    width: 83.33333333%;
  }
  .mesh-l-11 {
    width: 91.66666667%;
  }
  .mesh-l-12 {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .mesh-xl-1 {
    width: 8.33333333%;
  }
  .mesh-xl-2 {
    width: 16.66666667%;
  }
  .mesh-xl-3 {
    width: 25%;
  }
  .mesh-xl-4 {
    width: 33.33333333%;
  }
  .mesh-xl-5 {
    width: 41.66666667%;
  }
  .mesh-xl-6 {
    width: 50%;
  }
  .mesh-xl-7 {
    width: 58.33333333%;
  }
  .mesh-xl-8 {
    width: 66.66666667%;
  }
  .mesh-xl-9 {
    width: 75%;
  }
  .mesh-xl-10 {
    width: 83.33333333%;
  }
  .mesh-xl-11 {
    width: 91.66666667%;
  }
  .mesh-xl-12 {
    width: 100%;
  }
}