@media (max-width: 991px) {
  .sektorler,
  .rehber {
    height: auto;
    min-height: 0;
  }

  .rehber__ic {
    grid-template-rows: auto;
  }

  .altbilgi__ust {
    padding-top: 40px;
  }

  section[id] {
    scroll-margin-top: 28px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hero {
    height: min(100svh, 880px);
  }

  .hizmetler__panel {
    grid-template-columns: 0.85fr 1fr;
    grid-template-rows: auto;
  }

  .hizmetler__foto {
    aspect-ratio: auto;
  }

  .hizmetler__yazi {
    padding: 28px;
  }

  .sektorler__izgara {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }

  .sektorler__kart {
    padding: 16px;
  }

  .neden-biz__izgara {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }

  .neden-biz__hucre {
    padding: 18px 16px;
  }

  .hakkimizda__kap {
    grid-template-columns: 0.8fr 1fr;
    gap: 32px;
  }

  .hakkimizda__foto {
    aspect-ratio: 4 / 5;
  }
}

@media (max-width: 767px) {
  .ofis__foto {
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 575px) {
  :is(.sektorler__izgara, .neden-biz__izgara, .rehber__ic, .hd__kartlar, .hd__yazilar, .hd__tablo tbody, .hz__liste, .sk__izgara, .hk__ilkeler, .sd__hizmetler, .sd__duzen .rh__liste, .rh__konular, .ag__izgara, .eg__kim) {
    position: relative;
    margin-inline: calc(50% - 50vw);
    padding: 0 16px 4px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }

  :is(.sektorler__izgara, .neden-biz__izgara, .rehber__ic, .hd__kartlar, .hd__yazilar, .hd__tablo tbody, .hz__liste, .sk__izgara, .hk__ilkeler, .sd__hizmetler, .sd__duzen .rh__liste, .rh__konular, .ag__izgara, .eg__kim)::-webkit-scrollbar {
    display: none;
  }

  :is(.hd__kartlar, .hd__yazilar, .hd__tablo tbody, .hz__liste, .sk__izgara, .hk__ilkeler, .sd__hizmetler, .ag__izgara, .eg__kim) {
    display: flex;
    gap: 10px;
  }

  :is(.hd__kartlar, .hd__yazilar, .hd__tablo tbody, .hz__liste, .sk__izgara, .hk__ilkeler, .sd__hizmetler, .ag__izgara, .eg__kim) > * {
    flex: 0 0 84%;
    min-width: 0;
    margin-bottom: 0;
    scroll-snap-align: start;
  }

  .sd__duzen .rh__liste {
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    grid-auto-columns: 88%;
    gap: 0 10px;
  }

  .rh__konular {
    grid-template-columns: none;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: 66%;
    gap: 10px;
  }

  :is(.sd__duzen .rh__liste, .rh__konular) > * {
    scroll-snap-align: start;
  }

  .sektorler__izgara {
    grid-template-columns: none;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: 66%;
  }

  .sektorler__oge {
    scroll-snap-align: start;
  }

  .neden-biz__izgara {
    display: flex;
    gap: 10px;
  }

  .neden-biz__hucre {
    flex: 0 0 76%;
    scroll-snap-align: start;
  }

  .rehber__ic {
    display: flex;
    gap: 10px;
  }

  .rehber__sag {
    display: contents;
  }

  .rehber__one,
  .rehber__kucuk,
  .rehber__konular {
    flex: 0 0 80%;
    scroll-snap-align: start;
  }

  .hakkimizda__foto {
    aspect-ratio: 4 / 3;
  }

  .hakkimizda__uzmanlik ul {
    grid-template-columns: 1fr 1fr;
  }

  .iletisim__form > .iletisim__iki:first-of-type {
    grid-template-columns: 1fr 1fr;
  }
}