/* TABLET YATAY */
@media only screen and (max-width : 1024px) {
    
}

/* TABLET DIKEY */
@media only screen and (width : 768px) {

}

/* TELEFON */
@media only screen and (max-width : 760px) {
    .btn.icon i.nomargin { margin: 0; }
    #main-search-button { width: unset; }
    .xs-dspNone { display: none; }
    .show-on-mobile { display: flex; }
    .hide-on-mobile { display: none !important; }
    .xs-w-full { width: 100%; }
    .xs-flex-col { flex-direction: column !important; }
    .xs-flex-row { flex-direction: row !important; }
    .tab { border-top: #e8e8e8 1px solid; border-bottom: #e8e8e8 1px solid; justify-content: space-between; margin-bottom: 15px; position: -webkit-sticky; position: sticky; top: 67px; background-color: #ffffff; z-index: 1500; }
    .tab label { display: flex; padding: 15px; justify-content: center; flex: 1; }
    .tab label.active { border-bottom: 2px solid #3b75c6; color: #3b75c6; }
    section { padding: 50px 0; }
    .container { width: 100%; }
    #footer .container { flex-direction: column; }
    #footer nav { display: flex; flex-wrap: wrap; margin-top: 25px; justify-content: center; }
    #footer nav a { margin: 10px 0 !important; display: flex; width: 50%; justify-content: center; }
    #footer .social { margin: 30px 0 15px 0; }
    #promo .container .car-type-list { flex-wrap: wrap; margin-top: 20px; }
    #promo .container .car-type-list .car-type { margin: 10px; width: 80px; }
    #promo .container .car-type-list .car-type img { width: 50px; }
    #promo .container h1 { text-align: center; line-height: 65px; }
    #promo .container h2 { font-size: 18px; text-align: center; }
    #promo { height: 450px; }
    #top-bar { padding: 20px; }
    #logo { height: 26px; }
    .web-home-box-container { flex-direction: column; align-items: center; }
    .section-header h3 { text-align: center; font-size: 26px; line-height: 35px; padding: 0 20px; }
    .section-header p { text-align: center; padding: 0 20px; font-size: 16px; line-height: 24px; margin: 10px 0 0 0; }
    .vehicle-list { padding: 0 15px; margin: 0; }
    #partners { padding: 50px 20px; }
    #partners .container h3 { padding-right: 0; font-size: 28px; letter-spacing: 0; }
    .search-filter-col { width: 100%; padding: 0 20px; margin-bottom: 20px; }
    .search-filter-col .dropdown-container { align-items: center; margin-right: 10px; width: 50%; justify-content: space-between; }
    .search-filter-col a.btn-link { width: 50%; }
    .vehicle-box.horizontal { flex-direction: column; }
    .image-cover { margin-right: 0; width: 100%; height: 220px; border-radius: 6px 6px 0 0; margin-bottom: 15px; }
    .image-cover.x260 { height: 220px; max-width: 100%; width: 100%; }
    .vehicle-box.horizontal .vehicle-info { padding: 0 10px; }
    .vehicle-box.horizontal .vehicle-price { width: 100%; justify-content: flex-start; }
    .vehicle-price .prices { align-items: flex-start; padding: 20px 0 0 15px; }
    .vehicle-price .prices .dropdown-container { width: 100%; justify-content: space-between; }
    .vehicle-price .prices span.label { margin-bottom: 5px; }
    .vehicle-box .button-area button:first-child { flex: 1; }
    .brand-box img { width: 120px; }
    .about-content { padding: 20px; }
    .about-header { margin-bottom: 0; }
    .pignose-calendar .pignose-calendar-body { padding: 0 !important; }
    .breadcrumb { padding: 15px; }
    h1.vehicle-header { position: -webkit-sticky; position: sticky; top: 0; background-color: #ffffff; z-index: 1910; font-size: 22px; letter-spacing: 0; padding: 15px; margin: 0; border-top: #e8e8e8 1px solid; }
    h1.vehicle-header img { width: 36px; margin-right: 5px; }
    .vehicle-detail-page-content { padding: 0; }
    #car-slider .car-slide-item { height: 240px; }
    #car-slider .ll-swiper-pagination { gap: 8px; }
    #car-slider .ll-swiper-pagination .paginate { width: 83px; height: 58px; }
    .card-booking { padding: 20px 10px 0 10px; }
    .card-booking .calendar-area .dates span { padding: 0 10px; font-size: 10px; }
    .card-booking .calendar-area .dates label { font-size: 13px; padding: 0 10px; }
    #litepicker .pignose-calendar .pignose-calendar-header .pignose-calendar-week { font-size: 14px; }
    .pignose-calendar .pignose-calendar-header { padding: 0 !important; }
    .web-content h2 { line-height: 34px; }
}