/* CSS GROUP OF TILES */

.tiles-container {
  display: flex;
}

.tl-row {
  margin: 20px 0;
}

/* Small Tiles CSS */

.tiles-container .sm-content-tile {
  margin: 0 21px 0 0;
  padding: 0;
  display: inline-block;
  width: 25%;
  height: auto;
  font-size: 1.0em;
  color: #333;
  background-color: #f0f0f0;
  position: relative;
}

.tiles-container .sm-content-tile:last-child {
  margin: 0;
}

.tiles-container .sm-content-tile img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.tiles-container .sm-content-tile h3 {
  padding: 15px 20px;
  margin-bottom: 0;
  line-height: 1.1em;
  font-size: 1.40rem;
  font-weight: inherit;
  color: #333;
}


.tiles-container .sm-content-tile p {
  padding: 0 20px;
  margin-bottom: 65px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3em;
}

.sm-content-tile a::before {
  content: url("../img/icons/arrow-circle.png");
  position: relative;
  top: 4px;
  padding: 20px 15px 0;
}

.sm-content-tile .tile-link {
  margin: 5px;
  color: #333;
}

.tiles-container .sm-content-tile .tile-btns {
  position: absolute;
  bottom: 15px;
}

/* END Small Tiles */

/* Medium Tiles Tiles CSS */

.tiles-container .md-content-tile {
  margin: 0 21px 0 0;
  padding: 0;
  display: inline-block;
  width: 35%;
  height: auto;
  font-size: 1.0em;
  color: #333;
  background-color: #f0f0f0;
  position: relative;
}

.tiles-container .md-content-tile:last-child {
  margin: 0;
}

.tiles-container .md-content-tile img {
  max-width: 100%;
  width: 100%;
}

.tiles-container .md-content-tile h3 {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  margin-bottom: 0; 
  line-height: 1.1em;
  font-size: 1.48rem;
  font-weight: inherit;
  color: #333;
}

.tiles-container .md-content-tile h5 {
  padding-left: 15px;
  padding-bottom: 15px;
  font-weight: inherit;
  color: #333;
}

.tiles-container .md-content-tile p {
  padding: 0 20px;
  margin-bottom: 65px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3em;
}

.md-content-tile a::before {
  content: url("../img/icons/arrow-circle.png");
  position: relative;
  top: 4px;
  padding: 20px 15px 0;
}

.md-content-tile .tile-link {
  margin: 5px;
  color: #333;
}

.tiles-container .md-content-tile .tile-btns {
  position: absolute;
  bottom: 15px;
}

/* END Medium Tiles */

/* Large Tiles CSS */

.tiles-container .lg-content-tile {
  margin: 0 21px 0 0;
  padding: 0;
  display: inline-block;
  width: 50%;
  height: auto;
  font-size: 1.0em;
  color: #333;
  background-color: #f0f0f0;
  position: relative;
}

.tiles-container .lg-content-tile:last-child {
  margin: 0;
}

.tiles-container .lg-content-tile img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.tiles-container .lg-content-tile h3 {
  padding: 15px 20px;
  margin-bottom: 0;
  line-height: 1.1em;
  font-size: 1.40rem;
  font-weight: inherit;
  color: #333;
}

.tiles-container .lg-content-tile p {
  padding: 0 20px;
  margin-bottom: 76px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3em;
}

.lg-content-tile a::before {
  content: url("../img/icons/arrow-circle.png");
  position: relative;
  top: 4px;
  padding: 20px 15px 0;
}

.lg-content-tile .tile-link {
  margin: 5px;
  color: #333;
}

.tiles-container .lg-content-tile .tile-btns {
  position: absolute;
  bottom: 15px;
}

.chg-wdth {
  width: 100% !important;
}

/* END Large Tiles */

@media screen and (min-width:299px) and (max-width: 600px) {
  .tiles-container {
    display: block;
  }
  .tl-row {
    margin: 0;
  }
  .spc-btm {
    margin-bottom: 15px !important;
  }
  /* Small Tiles CSS */
  .tiles-container .sm-content-tile {
    width: 100% !important;
    margin: 15px 0 0 0;
  }
  .tiles-container .sm-content-tile h3 {
    line-height: 1.1em;
    font-size: 1.40rem;
  }
  .tiles-container .sm-content-tile:last-child {
    margin: 15px 0;
  }
  /* END Small Tiles */
  /* Medium Tiles CSS */
  .tiles-container .md-content-tile {
    width: 100% !important;
    margin: 0 0 15px;
  }
  .tiles-container .md-content-tile h3 {
    line-height: 1.1em;
    font-size: 1.40rem;
  }
  .tiles-container .md-content-tile:last-child {
    margin: 0;
  }
  /* END Medium Tiles */
  /* Large Tiles CSS */
  .tiles-container .lg-content-tile {
    width: 100% !important;
    margin: 0 0 0 0;
  }
  .tiles-container .lg-content-tile:last-child {
    margin: 15px 0;
  }
  /* END Large Tiles */
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .tiles-container {
    display: inline-block;
  }
  .tl-row {
    margin: 0;
  }
  /* Small Tile CSS */
  .tiles-container .sm-content-tile {
    width: 47.8%;
    min-height: 358px;
    margin: 0 24px 25px 0;
    float: left;
  }
  .tiles-container .sm-content-tile h3 {
    line-height: 1.1em;
    font-size: 1.40rem;
  }
  .tiles-container .sm-content-tile:nth-child(2) {
    margin: 0;
  }
  .tiles-container .sm-content-tile:last-child {
    /* min-height: 341px; */
    height: auto;
  }
  /* END Small Tiles */
  /* Medium Tiles CSS */
  .tiles-container .md-content-tile {
    width: 47.8%;
    min-height: 385px;
    margin: 0 24px 25px 0;
    float: left;
  }
  .tiles-container .md-content-tile h3 {
    line-height: 1.1em;
    font-size: 1.48rem;
  }
  .tiles-container .md-content-tile:nth-child(2) {
    margin: 0 0 24px;
  }
  .tiles-container .md-content-tile:last-child {
    /* min-height: 341px; */
    height: auto;
  }
  .w-adjust {
    width: 99% !important;
    margin: 0 0 10px !important;
  }
  /* END Medium Tiles */
  /* Large Tile CSS */
  .tiles-container .lg-content-tile {
    width: 47.8%;
    min-height: 378px;
    margin: 0 24px 20px 0;
    float: left;
  }
  .tiles-container .lg-content-tile h3 {
    line-height: 1.1em;
    font-size: 1.48rem;
  }
  .tiles-container .lg-content-tile:nth-child(2) {
    margin: 0;
  }
  .mid-adjust {
    min-height: 420px !important;
  }
  .mid-adjust2 {
    min-height: 460px !important;
  }
  .mid-adjust3 {
    min-height: 378px !important;
  }
  .mid-adjust4 {
    min-height: 415px !important;
  }
  .mid-adjust5 {
    min-height: 397px !important;
  }
  .mid-adjust6 {
    min-height: 455px !important;
  }
  .mid-adjust7 {
    min-height: 510px !important;
  }
  .mid-adjust8 {
    min-height: 395px !important;
  }
  .spc-btm {
    margin-bottom: 20px !important;
  }
  .tiles-container .lg-content-tile:last-child {
    /* min-height: 341px; */
    height: auto;
  }
  .tiles-container .lg-content-tile:nth-child(4) {
    min-height: 441px;
    height: auto;
  }
  /* END Large Tiles */
}

@media screen and (min-width: 602px) and (max-width: 800px) {
  .mid-adjust8 {
    min-height: 396px !important;
  }
  .mid-adjust9 {
    min-height: 378px !important;
  }
  .mid-adjust5 {
    min-height: 403px !important;
  }
}

/* END // */