/* text alignments */
.iw-text-left {
  text-align: left !important;
}

.iw-text-right {
  text-align: right !important;
}

.iw-text-center {
  text-align: center !important;
}

.iw-text-justify {
  text-align: justify !important;
}

/* Visibility */
@media screen and (min-width: 640px) {
  .iw-small {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .iw-med-up {
    display: none !important;
  }
}

@media screen and (max-width: 640px),
screen and (min-width: 1024px) {
  .iw-medium {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .iw-med-dw {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .iw-large {
    display: none !important;
  }
}

/* Orientation targeting */
.iw-show-l,
.iw-hide-p {
  display: inherit !important;
}

.iw-hide-l,
.iw-show-p {
  display: none !important;
}

@media only screen and (orientation: landscape) {

  .iw-show-l,
  .iw-hide-p {
    display: inherit !important;
  }

  .iw-hide-l,
  .iw-show-p {
    display: none !important;
  }
}

@media only screen and (orientation: portrait) {

  .iw-show-p,
  .iw-hide-l {
    display: inherit !important;
  }

  .iw-hide-p,
  .iw-show-l {
    display: none !important;
  }
}

.iw-row {
  margin: 0 auto;
  width: 100%;
}

.iw-row:before,
.iw-row:after {
  content: " ";
  display: table;
}

.iw-row:after {
  clear: both;
}

.iw-cols {
  width: 100%;
  float: left;
  box-sizing: border-box;
  position: relative;
}

.iw-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

[class*='iw-width'] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.iw-width-auto {
  width: auto;
}

.iw-width-expand {
  flex: 1;
  min-width: 1px;
}

@media (min-width: 640px) {
  .iw-width-auto-m {
    width: auto;
  }

  .iw-width-expand-m {
    flex: 1;
    min-width: 1px;
  }
}

@media (min-width: 1024px) {
  .iw-width-auto-l {
    width: auto;
  }

  .iw-width-expand-l {
    flex: 1;
    min-width: 1px;
  }
}