/* =========================================================
   ACAR DİJİTAL - RESPONSIVE CSS
   ========================================================= */

/* =========================================================
   TABLET
   1024px ve altı
   ========================================================= */

@media (max-width: 1024px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .ast-container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}

/* =========================================================
   MOBİL
   768px ve altı
   ========================================================= */

@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .ast-container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  iframe,
  video,
  embed,
  object {
    max-width: 100%;
  }

  .wp-block-columns {
    flex-direction: column;
  }

  .wp-block-column {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* =========================================================
   KÜÇÜK TELEFON
   480px ve altı
   ========================================================= */

@media (max-width: 480px) {
  .ast-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}