:root {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
}
.container {
  width: 100%;
  max-width: 1600px; /* Büyük ekranlar için */
  padding: 0 16px;
  margin: 0 auto;
}

/* 576px ve üstü */
@media screen and (min-width: 640px) {
  .container {
    max-width: 576px;
    padding: 0;
  }
}

/* 768px ve üstü */
@media screen and (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

/* 992px ve üstü */
@media screen and (min-width: 1024px) {
  .container {
    max-width: 992px;
  }
}

/* 1200px ve üstü */
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1195px;
  }
}

/* 1400px ve üstü */
@media screen and (min-width: 1400px) {
  .container {
    max-width: 1326px;
  }
}

/* 1600px ve üstü (1920px ekranlar dahil) */
@media screen and (min-width: 1536px) {
  .container {
    max-width: 83.33%;
    
  }
}
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1600px;
    padding:0 12px;
  }
}
@media screen and (min-width: 1700px) {
  .container {
    max-width: 1600px;
  }
}