/* ===========================
   FONT SCALE – RESPONSIVE
   Base: 1920px (style.css)
   =========================== */

/* 2K–4K ekranlar */
/* @media ((min-width:1920px) and (max-width: 2560px)) {

} */

/* ================================
  Küçük Mobil (≤375px)
================================ */
@media (max-width: 375px) {
  .change-theme{margin-right: -10%;}
  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 50vh; overflow: hidden;}
  .slider-item video{ object-fit: cover; object-position: center center; width: 50vw}
  .slider-text-box{bottom: 25%; width: 70%;}
  .slider-btn{width: 30px; height: 30px;}
  .button-one{min-width: 120px; max-width: 190px; height: 35px; padding: 5px;}
  .icon-circle{ width: 20px; height: 20px;}
  .owl-btn{width: 30px; height: 30px;}
  .wp-button{right: 5% !important; bottom: 5%; padding: 10px 15px; height: 40px;}
  .ceylan {font-size: 120px !important;}
  .references-card {height: 200px;}
  .divider{display: none;}
  .logo{width: 125px;}
  .navbar-toggler{width: 40px !important; height: 40px !important;}
  .navbar-toggler i{font-size: 16px;}
  .navbar {height: 100px;}
  .media-card{min-height: 300px;}
  .counter-icon {width: 50px; bottom: -10%;}
}

/* ================================
  Mobil (≤576px)
================================ */
@media (min-width: 376px) and (max-width: 576px) {
  .change-theme{margin-right: -20%;}
  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 50vh; overflow: hidden;}
  .slider-item video{ object-fit: cover; object-position: center center; width: 50vw}
  .slider-text-box{bottom: 25%; width: 70%;}
  .slider-btn{width: 35px; height: 35px;}
  .button-one{min-width: 120px; max-width: 190px; height: 35px; padding: 5px;}
  .icon-circle{ width: 20px; height: 20px;}
  .owl-btn{width: 35px; height: 35px;}
  .wp-button{right: 5% !important; bottom: 5%; padding: 10px 15px; height: 40px;}
  .ceylan {font-size: 120px !important;}
  .references-card {height: 200px;}
  .divider{display: none;}
  .logo{width: 125px;}
  .navbar-toggler{width: 40px !important; height: 40px !important;}
  .navbar-toggler i{font-size: 16px;}
  .navbar {height: 100px;}
  .media-card{min-height: 300px;}
  .counter-icon {width: 50px; bottom: -10%;}
}

/* ================================
  Tablet Dikey (≤768px)
================================ */
@media (min-width: 577px) and (max-width: 768px) {
  .change-theme{margin-right: -50%;}
  .nav-contact{right: -8%; top: 10px; position: absolute; z-index: 2;}
  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 70vh; overflow: hidden;}
  .slider-item video{ object-fit: cover; object-position: center center; width: 70vw}
  .slider-text-box{bottom: 20%;}
  .slider-btn{width: 40px; height: 40px;}
  .slider-social-media{bottom: calc(11% + 10px);}
  .wp-button{right: 5% !important; bottom: 5%; padding: 10px 15px; height: 40px;}
  .button-one{min-width: 150px; max-width: 210px; height: 40px; padding: 5px;}
  .owl-btn{width: 40px; height: 40px;}
  .references-card {height: 250px;}
  .ceylan {font-size: 200px !important;}
  .counter-icon {width: 50px; bottom: -10%;}
}

/* ================================
  Tablet Yatay (≤992px)
================================ */
@media (min-width: 769px) and (max-width: 992px) {
  .nav-contact{right: 0%; top: 50px; position: absolute; z-index: 2;}
  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 80vh; overflow: hidden;}
  .slider-item video{ object-fit: cover; object-position: center center; width: 80vw}
  .slider-text-box{bottom: 20%;}
  .slider-btn{width: 40px; height: 40px;}
  .owl-btn{width: 40px; height: 40px;}
  .wp-button{right: 5% !important; bottom: 5%; padding: 10px 15px; height: 40px;}
  .button-one{min-width: 150px; max-width: 210px; height: 40px; padding: 5px;}
  .references-card {height: 270px !important;}
  .ceylan {font-size: 270px !important;}
  .counter-icon {width: 50px; bottom: -10%;}
}

/* ================================
  Tablet Yatay / Küçük Laptop (≤1024px)
================================ */
@media (min-width: 993px) and (max-width: 1024px) {
  .nav-contact{right: 0%; top: 50px; position: absolute; z-index: 2;}
  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 80vh; overflow: hidden;}
  .slider-item video{ object-fit: cover; object-position: center center; width: 80vw}
  .slider-text-box{bottom: 20%;}
  .slider-btn{width: 40px; height: 40px;}
  .owl-btn{width: 40px; height: 40px;}
  .wp-button{right: 5% !important; bottom: 5%; padding: 10px 15px; height: 40px;}
  .button-one{min-width: 150px; max-width: 210px; height: 40px; padding: 5px;}
  .references-card {height: 270px !important;}
  .ceylan {font-size: 270px !important;}
  .counter-icon {width: 80px; bottom: -10%;}
}

/* ================================
  Standart Laptop (≤1200px)
================================ */
@media (min-width: 1025px) and (max-width: 1200px) {
  .slider-text-box{bottom: 20%;}
  .wp-button{right: 17% !important; padding: 10px 15px; height: 40px;}
  .wp-button.scrolled{right: 5% !important;}
  .ceylan {font-size: 308px;}
  .nav-contact{right: 0%; top: 50px; position: absolute; z-index: 2;}
}

/* ================================
   Geniş Masaüstü (≤1440px)
================================ */
@media (min-width: 1201px) and (max-width: 1440px) {
  .navbar .nav-item {padding-left: 15px;}
  .navbar .nav-item {font-size: 12px;}
  .slider-text-box{bottom: 20%;}

  .wp-button{right: calc(15% + 20px);}
  .ceylan {font-size: 380px;}
  .references-card {height: 400px;}
}

/* ================================
   Geniş Masaüstü (≤1600px)
================================ */
@media (min-width: 1441px) and (max-width: 1600px) {
  .navbar .nav-item {padding-left: 15px;}
  .navbar .nav-item {font-size: 13px;}
}