/* DESKTOP FIRST
=== === === === === */

/* xl <= Extra extra large (xxl) */
@media (max-width: 1400px) {
}

/* lg <= Extra large (xl) */
@media (max-width: 1200px) {
}

/* md <= Large (lg) */
@media (max-width: 992px) {
}

/* sm <= Medium (md) */
@media (max-width: 768px) {
  .pf,
  li {
    text-align: left;
  }

  .txt_col_2 {
    column-count: initial;
    column-gap: initial;
    column-width: initial;
  }

  .img_holder:not(.icon, .fxd) {
    height: initial;
  }

  .w_1,
  .w_2,
  .w_3 {
    float: initial;
    margin: var(--gap) auto;
  }

  .w_1:not(.fxd),
  .w_2:not(.fxd),
  .w_3:not(.fxd) {
    height: initial !important;
  }
}

/* xs <= Small (sm) */
@media (max-width: 576px) {
  .head_1,
  h2.def {
    font-size: 1.25rem;
  }
  .w_4,
  .w_5,
  .w_6,
  .w_7,
  .w_8,
  .w_9 {
    float: initial;
    margin: var(--gap) auto;
  }

  .w_4:not(.fxd),
  .w_5:not(.fxd),
  .w_6:not(.fxd),
  .w_7:not(.fxd),
  .w_8:not(.fxd),
  .w_9:not(.fxd) {
    height: initial !important;
  }
  .table {
    grid-template-columns: repeat(auto-fill, minmax(calc(var(--content-width) / 3 - var(--gap) * 2), 1fr));
  }
  .cell {
    border-radius: calc(var(--gap) / 3) !important;
    pointer-events: none;
    text-align: center;
  }

  .cell:nth-child(4n-3):not(:first-child) {
    background-color: rgba(var(--lekom_deep_blue), 0.1);
  }
}

/*  MY CUSTOM 
=== === === === === */
/* 697px */
@media (max-width: 697px) {
}

/* 825px */
@media (max-width: 825px) {
  .span_2 {
    grid-column: 1 / 2;
  }

  .grid .def {
    margin: auto;
  }
}

/* MOBILE FIRST 
=== === === === === */

/* Custom (xs) */
@media (min-width: 0) {
}

/* Small (sm) */
@media (min-width: 576px) {
}

/* Medium (md) */
@media (min-width: 768px) {
}

/* Large (lg) */
@media (min-width: 992px) {
}

/* Extra large (xl) */
@media (min-width: 1200px) {
  .text {
    font-size: 18px;
  }
}

/* Extra extra large (xxl) */
@media (min-width: 1400px) {
  .text {
    font-size: 22px;
  }
}