/* =====================================================
   RESPONSIVE.CSS – ULTRA DETAYLI
   Mobile First + Resolution Based
===================================================== */

/* ===============================
   RESET & BASE
================================ */

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  background-color: #126a9e;
}

/* iOS safe area */
body {
  padding-top: env(safe-area-inset-top);
  background-color: #126a9e;
}


*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Container sistemi */
.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 16px;
}

/* =====================================================
   📱 TELEFONLAR – EXTRA SMALL
   240px – 319px (çok küçük / eski cihazlar)
===================================================== */

@media (max-width: 319px) {

  .container {
    padding-inline: 10px;
  }

  .container {
    padding-inline: 16px;
  }

  .slider-overlay {
    background: unset !important;
  }

  .mySwiper {
    width: 90%;
  }

  .neon-border::after {
    border: 0;
  }

  .about-inner-content-two {
    padding: 0;
  }

  .about-inner-content-two2 {
    padding: 0 !important;
  }

  .title-style-two {
    display: flex;
  }

  .why-choose-us-three-content-left {
    width: 95%;
  }

  .about-inner-content-two2 .about-subtitle {
    margin-bottom: 0;
  }

  .back-button {
    display: none;
  }

  .about-between-wrapper .d-flex {
    display: grid !important;
  }

  .why-choose-feature .box {
    width: auto !important;
  }

  .btn-tanitim {
    margin-bottom: 0px;
  }

  .why-choose-feature .count {
    height: 100% !important;
  }

  .swiper-pagination {
    display: block;
  }

  .swiper-button-next {
    display: none;
  }

  .swiper-button-prev {
    display: none;
  }

  .about-inner-content-two2 p {
    width: 95% !important;
  }

  .kitapcikImg {
    margin: 0 auto;
    width: 160px;
  }

  .maps img {
    margin: 0 auto;
  }

  .stats-main-number {
    text-align: center;
  }
}

/* =====================================================
   📱 TELEFONLAR – SMALL
   320px – 359px (iPhone SE eski, küçük Android)
===================================================== */

@media (min-width: 320px) and (max-width: 359px) {

  .mobileTitleSwiper {
    display: none;
  }

  .mySwiper .scrollX {
    height: 68dvh;
  }

  .container {
    padding-inline: 12px;
  }

  .container {
    padding-inline: 16px;
  }

  .slider-overlay {
    background: unset !important;
  }

  .mySwiper {
    width: 90%;
  }

  .neon-border::after {
    border: 0;
  }

  .about-inner-content-two {
    padding: 0;
  }

  .about-inner-content-two2 {
    padding: 0 !important;
  }

  .title-style-two {
    display: flex;
  }

  .why-choose-us-three-content-left {
    width: 95%;
  }

  .about-inner-content-two2 .about-subtitle {
    margin-bottom: 0;
  }

  .back-button {
    display: none;
  }

  .about-between-wrapper .d-flex {
    display: grid !important;
  }

  .why-choose-feature .box {
    width: auto !important;
  }

  .btn-tanitim {
    margin-bottom: 0px;
  }

  .why-choose-feature .count {
    height: 100% !important;
  }

  .swiper-pagination {
    display: block;
  }

  .swiper-button-next {
    display: none;
  }

  .swiper-button-prev {
    display: none;
  }

  .about-inner-content-two2 p {
    width: 95% !important;
  }

  .kitapcikImg {
    margin: 0 auto;
    width: 160px;
  }

  .maps img {
    margin: 0 auto;
  }

  .stats-main-number {
    text-align: center;
  }

}

/* =====================================================
   📱 TELEFONLAR – NORMAL
   360px – 389px (çoğu Android)
===================================================== */

@media (min-width: 360px) and (max-width: 389px) {

  .container {
    padding-inline: 14px;
  }

  .container {
    padding-inline: 16px;
  }

  .slider-overlay {
    background: unset !important;
  }

  .mySwiper {
    width: 90%;
  }

  .neon-border::after {
    border: 0;
  }

  .about-inner-content-two {
    padding: 0;
  }

  .about-inner-content-two2 {
    padding: 0 !important;
  }

  .title-style-two {
    display: flex;
  }

  .why-choose-us-three-content-left {
    width: 95%;
  }

  .about-inner-content-two2 .about-subtitle {
    margin-bottom: 0;
  }

  .back-button {
    display: none;
  }

  .about-between-wrapper .d-flex {
    display: grid !important;
  }

  .why-choose-feature .box {
    width: auto !important;
  }

  .btn-tanitim {
    margin-bottom: 0px;
  }

  .why-choose-feature .count {
    height: 100% !important;
  }

  .swiper-pagination {
    display: block;
  }

  .swiper-button-next {
    display: none;
  }

  .swiper-button-prev {
    display: none;
  }

  .about-inner-content-two2 p {
    width: 95% !important;
  }

  .kitapcikImg {
    margin: 0 auto;
    width: 160px;
  }

  .maps img {
    margin: 0 auto;
  }

  .stats-main-number {
    text-align: center;
  }

}

/* =====================================================
   📱 TELEFONLAR – BÜYÜK
   390px – 429px (iPhone 12–15)
===================================================== */

@media (min-width: 390px) and (max-width: 429px) {


  .container {
    padding-inline: 16px;
  }

  .slider-overlay {
    background: unset !important;
  }

  .mySwiper {
    width: 90%;
  }

  .neon-border::after {
    border: 0;
  }

  .about-inner-content-two {
    padding: 0;
  }

  .about-inner-content-two2 {
    padding: 0 !important;
  }

  .title-style-two {
    display: flex;
  }

  .why-choose-us-three-content-left {
    width: 95%;
  }

  .about-inner-content-two2 .about-subtitle {
    margin-bottom: 0;
  }

  .back-button {
    display: none;
  }

  .about-between-wrapper .d-flex {
    display: grid !important;
  }

  .why-choose-feature .box {
    width: auto !important;
  }

  .btn-tanitim {
    margin-bottom: 0px;
  }

  .why-choose-feature .count {
    height: 100% !important;
  }

  .swiper-pagination {
    display: block;
  }

  .swiper-button-next {
    display: none;
  }

  .swiper-button-prev {
    display: none;
  }

  .about-inner-content-two2 p {
    width: 95% !important;
  }

  .kitapcikImg {
    margin: 0 auto;
    width: 160px;
  }

  .maps img {
    margin: 0 auto;
  }

  .stats-main-number {
    text-align: center;
  }

}

/* =====================================================
   📱 TELEFONLAR – MAX / PRO MAX
   430px – 479px
===================================================== */

@media (min-width: 430px) and (max-width: 479px) {

  .container {
    padding-inline: 18px;
  }




}

/* =====================================================
   🔄 TELEFON YATAY (LANDSCAPE)
   max-height kritik!
===================================================== */

@media (max-height: 480px) and (orientation: landscape) {

  html,
  body {
    background-color: #0A4DA2;
  }

  /* iOS safe area */
  body {
    padding-top: env(safe-area-inset-top);
    background-color: #0A4DA2;
  }

  .kitapcikImg {
    margin: 0 auto;
    width: 160px;
  }

  .maps img {
    margin: 0 auto;
  }

  .stats-main-number {
    text-align: center;
  }

  .swiper-pagination {
    display: block;
  }

  .mobileTitleSwiper {
    display: block;
  }

  .mySwiper .scrollXmain {
    height: 48vh;
  }


  .why-choose-feature .count {
    height: 100% !important;
  }

  .slider-overlay {
    background: unset !important;
  }

  .mySwiper {
    width: 90%;
  }

  .neon-border::after {
    border: 0;
  }

  .about-inner-content-two {
    padding: 0;
  }

  .about-inner-content-two2 {
    padding: 0 !important;
  }

  .title-style-two {
    display: flex;
  }

  .why-choose-us-three-content-left {
    width: 95%;
  }

  .about-inner-content-two2 .about-subtitle {
    margin-bottom: 0;
  }

  .back-button {
    display: none;
  }

  .swiper-button-next {
    display: none;
  }

  .swiper-button-prev {
    display: none;
  }

  .about-between-wrapper .d-flex {
    display: grid !important;
  }

  #home {
    margin: 0 !important;
  }

  .rts-about-area-two {
    max-height: 100% !important;
    min-height: auto !important;
  }

  .image-slider-area {
    display: none;
  }

  .title-style-two {
    margin: 0;
  }

  .why-choose-feature .box {
    width: unset !important;
  }

  .why-choose-us-three-content-left {
    width: 100%;
    margin-top: 15px;
  }

  .btn-tanitim {
    margin-bottom: unset !important
  }

  .investment-home {
    height: 100vh;
  }

}


/* =====================================================
   📲 PHABLET / KÜÇÜK TABLET
   480px – 599px
===================================================== */

@media (min-width: 480px) and (max-width: 599px) {

  .container {
    padding-inline: 20px;
  }


}

/* =====================================================
   📲 TABLET MINI
   600px – 719px
===================================================== */

@media (min-width: 600px) and (max-width: 719px) {

  .container {
    padding-inline: 22px;
  }
}

/* =====================================================
   📲 TABLET PORTRAIT
   720px – 767px
===================================================== */

@media (min-width: 720px) and (max-width: 767px) {

  .container {
    padding-inline: 24px;
  }
}

/* =====================================================
   📲 TABLET (iPad Portrait)
   768px – 819px
===================================================== */

@media (min-width: 768px) and (max-width: 819px) {

  .container {
    max-width: 720px;
  }

  .imageSlider .swiper-slide:first-child {
    width: 20% !important;
    transform: translateY(8%);
  }

  .why-choose-feature .box {
    width: auto;
  }

  .btn-tanitim {
    margin-bottom: 0px;
  }

  .mini-music-notch {
    width: 265px;
  }

  .w-mdlg-75 {
    margin: 0 auto;
  }

  .imageSlider .swiper-slide {
    transform: translateY(5%);
  }

  .mySwiper {
    width: 82%;
  }

  .slider-overlay {
    background: linear-gradient(to right, rgb(0 0 0 / 23%) 0%, rgb(0 0 0 / 23%) 100%, rgb(0 0 0 / 0%) 100%);
  }

  .about-inner-content-two {
    width: 94% !important;
  }

  .rts-about-area-two {
    max-height: 70vh;
    min-height: 70vh;
  }

  .about-inner-content-two2 {
    width: 88% !important;
  }

  .title-style-two img {
    margin: 0 auto;
  }

  .about-inner-content-two2 p {
    width: 100%;
  }

}

/* =====================================================
   📲 TABLET LARGE
   820px – 899px
===================================================== */

@media (min-width: 820px) and (max-width: 899px) {

  .container {
    max-width: 760px;
  }

  .why-choose-feature .box {
    width: auto !important;
  }

}

/* =====================================================
   💻 KÜÇÜK LAPTOP / TABLET LANDSCAPE
   900px – 1023px
===================================================== */

@media (min-width: 900px) and (max-width: 1023px) {

  .container {
    max-width: 900px;
  }

}

/* =====================================================
   💻 LAPTOP
   1024px – 1151px
===================================================== */

@media (min-width: 1024px) and (max-width: 1151px) {

  .container {
    max-width: 960px;
  }

}

/* =====================================================
   💻 LAPTOP LARGE
   1152px – 1279px
===================================================== */

@media (min-width: 1152px) and (max-width: 1279px) {

  .container {
    max-width: 1100px;
  }

}

/* =====================================================
   🖥️ DESKTOP – HD
   1280px – 1439px
===================================================== */

@media (min-width: 1280px) and (max-width: 1439px) {

  .container {
    max-width: 1200px;
  }

  .imageSlider .swiper-slide.is-active {
    transform: translateY(-17%);
  }
}

/* =====================================================
   🖥️ DESKTOP – FULL HD
   1440px – 1599px
===================================================== */

@media (min-width: 1440px) and (max-width: 1599px) {

  .container {
    max-width: 1320px;
  }

}

/* =====================================================
   🖥️ DESKTOP – 2K
   1600px – 1919px
===================================================== */

@media (min-width: 1600px) and (max-width: 1919px) {

  .container {
    max-width: 1440px;
  }

}

/* =====================================================
   🖥️ 4K
   1920px – 2559px
===================================================== */

@media (min-width: 1920px) and (max-width: 2559px) {

  .container {
    max-width: 1560px;
  }

}

/* =====================================================
   🖥️ 5K / ULTRA WIDE
   2560px+
===================================================== */

@media (min-width: 2560px) {

  .container {
    max-width: 1680px;
  }

}

/* =====================================================
   📐 HEIGHT BASED (KISA EKRANLAR)
===================================================== */

@media (max-height: 700px) {

  /* Çok kısa ekranlar (küçük laptop) */
}

/* =====================================================
   🚫 GLOBAL TAŞMA KORUMASI
===================================================== */

* {
  max-width: 100vw;
}