/* 1024px ile 1400px arasındaki ekranlar için */
@media (min-width: 1024px) and (max-width: 1400px) {
    .swapbtn {
        right: calc(50% + 118px);  /* Orta ekranlar için sağdan 150px mesafe */
        top: calc(32% + 18px);      /* Ekran yüksekliğinin %25'i artı 8px */
    }
    .swapbtn-vertical{
  display: none;
    
    }
}

@media (max-width: 768px) {
    .search-form .form-group {
        flex-basis: 100%; /* Küçük ekranlarda her eleman tam genişlikte olur */
        min-width: 100%; /* Minimum genişlik tam ekran olacak şekilde ayarlandı */
    }
    .swapbtn {
        right: 10px; /* Sağdan daha az boşluk */
        top: 12%; /* Yukarıdan biraz daha fazla boşluk */
    }
    /* .swapbtn{
        position: absolute;
        transform: translatex(60%);
    } */
    .small-coment{
        display: none;
    }
    .dates-none{
        display: none;
    }
    .footer-sembols{
        justify-content: start;
    }
}
@media (max-width: 520px) {
    .search-form{
        display: flex;
        flex-wrap: wrap;
    }
    .swapbtn{
        position: absolute;
        transform: translate(290%, 100%);
    }
    .form-date {
        height: 60px;
        width: 17.7vh;
        border: none;
        padding-top: 20px;
        position: relative;
        padding-left: 30px;
    }
    .enterdate{
        display: flex;
        flex-wrap: nowrap;
    }
    .calender-icon{
        display: none;
    }
    .floating-label{
        left:3px
    }
    .small-coment{
        display: none;
    }
    .form-group{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.2rem;
        margin-right: 0rem;
    }
    .input-container{
        margin-bottom: 0.2rem;
    }
    .search-btn{
     width: 19rem;   
    }
    .dates-none{
        display: none;
    }
    .footer-sembols{
        justify-content: start;
    }
    .nav-right{
        flex-direction: row;
      }
      .bg-light {
     
        padding: 0px;
    }
}
@media (max-width: 425px) {
    .search-form{
        display: flex;
        flex-wrap: wrap;
    }
    .plane-icon{
        top: 64% !important; 
    }
    .swapbtn{
        position: absolute;
        transform: translate(290%, 45%);
    }
    .swapbtn-vertical{
        position: absolute;
        transform: translate(370%, 22%);
    
    }
    .custom-input {
        width: 85vw;
    }
    .form-date {
        height: 60px;
        width: 16.8vh;
        border: none;
        padding-top: 20px;
        position: relative;
        padding-left: 30px;
    }
    .enterdate{
        display: flex;
        flex-wrap: nowrap;
    }
    .calender-icon{
        display: none;
    }
    .floating-label{
        left:3px
    }
    .small-coment{
        display: none;
    }
    .form-group{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.2rem;
        margin-right: 0rem;
    }
    .input-container{
        margin-bottom: 0.2rem;
    }
    .search-btn{
     width: 18rem;   
    }
    .dates-none{
        display: none;
    }
    .footer-sembols{
        justify-content: start;
    }
    .form-item {
        width: 18rem;
    }
    .btn-outline-info{
        width: 35vw;
        font-size: 10px; 
        margin-top: .5rem;
    }
    .title {
        font-size: 14px;
        color: #333;
    }
    .btn-success-vertical {
      align-self: center;
    }
    .one-way, .round-trip{
        width: 22rem;
      }
      .way{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      .nav-right{
        flex-direction: row;
      }
      .bg-light {
     
        padding: 0px;
    }
    .circle-icon-agencie {
        height: 40px;
        width: 40px;
        margin-left: .5rem;
    }
    .nav-bottom{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .navbar-nav>li>a{
        font-size: 14px;
    }
    .nav-item{
        margin-right: .5rem;
    }
}
@media (max-width: 375px) {
    .search-form{
        display: flex;
        flex-wrap: wrap;
    }
    .plane-icon{
        top: 64% !important; 
    }
    .swapbtn{
        position: absolute;
        transform: translate(305%, 45%);
    }
    .swapbtn-vertical{
        position: absolute;
        transform: translate(322%, 22%);
    
    }
    .custom-input {
        width: 83vw;
    }
    .form-date{
        width: 7.3rem;
        font-size: 14px;
        padding-left: 2px;
    }
    .calender-icon{
        display: none;
    }
    .floating-label{
        left:3px
    }
    .small-coment{
        display: none;
    }
    .form-group{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.2rem;
    }
    .input-container{
        margin-bottom: 0.2rem;
    }
    .search-btn{
     width: 15rem;   
    }
    .dates-none{
        display: none;
    }
    .footer-sembols{
        justify-content: start;
    }
    .btn-outline-info{
        width: 35vw;
        font-size: 10px; 
        margin-top: .5rem;
    }
    .title {
        font-size: 13px;
        color: #333;
    }
    .btn-success-vertical {
        align-self: center;
      }
      .one-way, .round-trip{
        width: 18rem;
      }
      .way{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      .nav-right{
        flex-direction: row;
      }
      .circle-icon-agencie {
        height: 35px;
        width: 35px;
        margin-left: .5rem;
    }
    .nav-bottom{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .navbar-nav>li>a{
        font-size: 14px;
    }
    .nav-item{
        margin-right: .5rem;
    }
}

@media (max-width: 320px) {
  
    .search-form{
        display: flex;
        flex-wrap: wrap;
    }
    .plane-icon{
        top: 64% !important; 
    }
    .swapbtn{
        position: absolute;
        transform: translate(290%, 45%);
    }
    .swapbtn-vertical{
        position: absolute;
        transform: translate(275%, 22%);
    
    }
    .custom-input {
        width: 80vw;
    }
    .form-date{
        width: 6.5rem;
        font-size: 14px;
        padding-left: 2px;
    }
    .calender-icon{
        display: none;
    }
    .floating-label{
        left:3px
    }
    .small-coment{
        display: none;
    }
    .form-group{
        display: flex;
        flex-wrap: wrap;
    }
    .input-container{
        margin-bottom: 0.2rem;
    }
    .search-btn{
     width: 13.5rem;   
    }
    .dates-none{
        display: none;
    }
    .footer-sembols{
        justify-content: start;
    }
    .btn-outline-info{
        width: 35vw;
        font-size: 10px; 
        margin-top: .5rem;
    }
    .title {
        font-size: 12px;
        color: #333;
    }
    .one-way, .round-trip{
        width: 16rem;
      }
      .way{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      .nav-right{
        flex-direction: row;
      }
      .bg-light {
     
        padding: 0px;
    }
    
    .circle-icon-agencie {
        height: 35px;
        width: 35px;
        margin-left: .5rem;
    }
    .nav-bottom{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .nav-item{
        margin-right: .5rem;
    }
    .navbar-nav>li>a{
        font-size: 14px;
    }
}