/* Mobilde Default-con için stil */
@media (max-width: 991px) {
  .default-con {
    margin: auto;
    /* width: 75%; */
}
}
@media (max-width: 767px) {
  .custom-carousel-caption {
    bottom: 10px;
    font-size: 1rem;
  }

  .hero-text p {
    font-family: 'Funnel Display', sans-serif;
    font-size: 15px;
    line-height:28px;
    font-weight: lighter;
    /* margin-left: -35px; */
    color: white;
    text-align: left;
}
  .hero-text span {
    font-size: 1.2rem;
  }
  .hero-text {
    position: absolute;
    bottom: 10%;
   
    color: white;
    font-size: 1.5rem;
    z-index: 9999;
  }
  
}

@media (max-width: 768px) {
/* Carousel Wrapper */
#carouselExampleFade {
  position: relative;
  left: 0px;
  width: 100%;
  border-radius: 32px;
  height: 300px; /* Yükseklik 900px olarak ayarlanır */
  margin: 0 auto; /* Ortalanması için */
}

/* Custom Carousel (Özel Carousel) */
.custom-carousel .carousel-inner {
height: 300px; 
}

/* Carousel Öğeleri */
.custom-carousel .carousel-item {
height: 300px;
}

}
@media (max-width: 768px) {
  .slider-buttons button {
    background-color: transparent;
    border: 2px solid #dbdbdb;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background-color 0.3s ease, border 0.3s ease;
}
}

/* Mobile uyumlu */
@media (max-width: 767px) {
  .fleet-section {
    padding: 0 15px;
  }
  
  .car-new, .card-new {
    font-size: 1.5rem;
  }

  .car-new-left, .card-new-left {
    font-size: 1rem;
  }

  .offer-button {
    width: 100%;
    font-size: 1rem;
  }

  .features .feature {
    /* flex-direction: column; */
    /* align-items: flex-start; */
  }
  .custom-card {
    border-radius: 12px;
  
    border: 0;
}
.feature {
  display: flex
;
  align-items: center;
  padding: 11px 0 20px;
  width: 100%;
  border-radius: 15px;
  background-color: #f9f9f9;
}
p.col-h {
  font-family: 'Funnel Display';
  font-weight: bold;
  line-height: 34px;
  color: #1f3076;
  font-size: 24px;
  text-align: left;
}
p.card3-h {
  font-family: 'Funnel Display', sans-serif;
  font-weight: bold;
  font-size: 22px;
  text-align: left;
  color: #1F3076;
  line-height: 36.2px;
}




}

@media (max-width: 767px) {
  .d-flex {
    flex-direction: column !important; /* Mobilde alt alta sıralanması için flex-direction: column */
    align-items: center; /* Ortalamak için */
  }
  .form-control {
    width: 100% !important; /* Input genişliğini 100% yap */
    margin-bottom: 15px; /* Input ile buton arasına daha fazla boşluk ekle */
  }
  .btn {
    width: 100% !important; /* Buton genişliğini 100% yap */
  }
}
@media (max-width: 767px) {
  .minibus-img {
    position: static !important;
        width: 100% !important;
  }
}

@media (max-width: 768px) {
  .text-image{
    width: 100%;
  }
  .row.text-center {
    display: flex;
    justify-content: center; /* Ortaya hizalar */
    flex-wrap: wrap;

  }

  .car-icon {
    width: 55px; /* Hafifçe büyütülmüş ikon boyutu */
    height: auto;
    flex: 1 1 calc(25% - 5px); /* 4 eşit parçaya bölerek taşmayı önler */
    max-width: 55px; /* Maksimum genişliği belirler */
  }
}
@media (max-width: 768px) {
  .default-con {
      margin: auto;
      width: 100%;
  }
  .btn-card .btn-text {
    margin-left: 10px;
    padding: 31px;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
      display: none !important;
  }
}

/* Tablet Portrait */
@media (min-width: 600px) and (max-width: 899px) {
  p.col-h {
    line-height: 44px;
    font-size: 28px;
  }

  p.col-h-new {
    font-size: 15px;
  }
}
/* Tablet Landscape */
@media (min-width: 900px) and (max-width: 1199px) {
  .default-con {
    margin: auto;
    width: 95%;
  }
  .navbar-nav .nav-link {
    margin: 0 5px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .navbar-header .collapse,
  .navbar-toggle {
    display: block !important;
  }

  .navbar-header {
    float: none;
  }

  p.col-h {
    line-height: 44px;
    font-size: 38px;
  }
  p.col-h-new {
    font-size: 20px;
  }
}

/* Desktop (Small) */
@media (min-width: 1200px) and (max-width: 1399px) {
  /* Buraya küçük masaüstü ekranlar için stil kurallarını ekleyin */
}