/* Tablonun varsayılan genişliği (PC ve tablet) */
table {
  width: 50%;
  margin: 0 auto;
  padding: 10px;
  background-color: white;
}

/* Mobil ekranlar için ayarlama */
@media (max-width: 768px) {
  table {
    width: 100%; /* Mobilde tam genişlik */
  }

  table td {
    display: block; /* Hücreleri blok yaparak alt alta getir */
    width: 100%; /* Her hücreyi tam genişlikte yap */
    text-align: center;
    margin-bottom: 20px; /* Hücreler arasında boşluk */
  }
}


/* Genel Stiller */
/* Temel stiller */
/* Temel stiller */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Yatay kaydırmayı engeller */
}

/* Resmin dışarı taşmasını engelleme */
.img-box img {
  max-width: 100%; /* Resmin kutunun dışına taşmasını engeller */
  height: auto;
  display: block; /* Tarayıcıya tam genişlikte gösterimini sağlar */
}

/* Mobil uyumluluk ve container ayarı */


/* Flexbox düzeni */
.row {
  display: flex;
  flex-wrap: wrap;
}

/* Mobil ekranlar için özel ayarlar */
@media (max-width: 730px) {
    
    
    .container, .row {
  max-width: 100%;
  overflow-x: hidden; /* Yatay taşma ve kaydırmayı engeller */
}
  .container, .row {
    padding: 0 10px;
  }

  .col-md-6 {
    width: 100%; /* Mobilde tam genişlik */
    text-align: center;
  }

  .img-box img {
    width: 100%; /* Küçük ekranlarda tam genişlikte göster */
  }
}