@media screen and (max-width: 768px) {
    .header {
        display: none;
    }

    .header-mobile {
        display: block;
        background: linear-gradient(to right, #373b44, #4286f4);
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .mobile-banner{
        margin-top: 15px;
        display: block;
      }


    footer .info {
        gap: 20px;
        flex-wrap: wrap;
    }

    footer .info .contact {
        flex-wrap: wrap;
    }

    footer .car-list {
        display: none;
    }

    .aside {
        display: none;
    }

    .elan-grid{
        display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
      }
      

    .elan-grid .grid-item{
         width: 49vw;
      }
  
  	.elanlar .mob-hidden-btn{
      display: block;
      width: 115px;
      font-size: 14px;
      padding: 6px 0;
      border-radius: 6px;
      text-align: center;
  	}
  
  .elanlar .mob-hidden-btn a{
  	color: rgb(64, 114, 196);
  }
  
    .elanlar .desk-hidden-btn{
    	display: none;
  }

    .elanlar .card {
        margin-bottom: 30px;
        width: 100%;
    }

    .elanlar .card img {
        width: 100%;
        height: 10rem;
    }

    .elanlar .row {
        min-width: 100%;
        padding: 0 15px;
    }

    .elanlar .card .status {
        top: 38%;
        right: 8px;
    }

    .elanlar .card .card-title{
        font-size: 14px !important;
    }

    .elanlar .card p {
        font-size: 12px;
    }

    .elanlar .card span {
        font-size: 11px;
    }

    .auto-content h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .auto-info-container {
        padding-left: 30px;
    }

    .auto-date-info,
    .auto-description,
    .auto-func-container,
    .auto-edit-container {
        padding: 0 30px;
    }

    .auto-description {
        text-align: justify;
    }

    .auto-edit-container {
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }


    .dealer-info-banner .dealer-description {
        font-size: 10px;
        line-height: 10px;
    }

    .dealer-info-banner .dealer-address {
        font-size: 10px;
        line-height: 10px;
    }

    .dealer-info-banner .dealer-contact {
        font-size: 10px;
        line-height: 10px;
    }

    .dealer-info-banner .adv-count {
        display: flex;
        height: 40px;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }

    .dealer-info-banner .dealer-slogan {
        display: flex;
        height: 40px;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }

    .dealer-info-banner .btns {
        font-size: 11px;
    }

    .post {
        padding: 0 25px;
    }


    .post img {
        width: 100%;
        margin: 25px 0;
    }

    .post .post-footer {
        margin-top: 35px;
    }

    .post .post-footer span .fa-calendar-days {
        display: none;
    }

    .custom-tooltip {
        top: 150vh;
        left: 50%;
        transform: translateX(-50%);
        max-width: 90%;
    }

    #add-image-button {
        width: 100% !important;
    }
      
    #mobHidden {
        display: none;
    }
    
    .model-select{
        margin-left: -10px
    }

}