/* ================= RESET ================= */


/* ================= MAIN CONTAINER ================= */
.gcs-devp-c1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ================= COMMON IMAGE STYLE ================= */
.gcs-devp-c2,
.gcs-devp-c3 {
  width: 100%;
  height: auto;
  max-width: 93%;
  display: none;
}

/* ================= EXTRA SMALL DEVICES (≤ 360px) ================= */
@media (max-width: 360px) {
  .gcs-devp-c3 {
    display: block;
  }
}

/* ================= SMALL DEVICES (361px – 576px) ================= */
@media (min-width: 361px) and (max-width: 576px) {
  .gcs-devp-c3 {
    display: block;
  }
}

/* ================= MEDIUM DEVICES (577px – 768px) ================= */
@media (min-width: 577px) and (max-width: 768px) {
  .gcs-devp-c3 {
    display: block;
  }
}

/* ================= LARGE DEVICES (769px – 1024px) ================= */
@media (min-width: 769px) and (max-width: 1024px) {
  .gcs-devp-c2 {
    display: block;
  }
}

/* ================= EXTRA LARGE DEVICES (1025px – 1440px) ================= */
@media (min-width: 1025px) and (max-width: 1440px) {
  .gcs-devp-c2 {
    display: block;
  }
}

/* ================= ULTRA LARGE DEVICES (≥ 1441px) ================= */
@media (min-width: 1441px) {
  .gcs-devp-c2 {
    display: block;
  }
}