@media (max-width: 460px) {
    .content-title-home-mobile h3{
      max-width: 90%;
      width: 90%;
      font-size: 18px;
      padding: 0 20px;
  }

    .content-main-left{
      margin: 12px;
      max-width: 100%;
      width: 100%;
    }
    .content-main-left-cards{
      width: 100%;
      max-width: 100%;
    
  }

    .content-main-left-card{
      display: grid;
      grid-template-columns: 1fr 3fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      margin-right: 0;
      height: 190px;
      max-width: 90%;
      width: 90%;
  }

  .mobile-menu{
    padding: 100px 0;
  }



  .card {
    margin: 0px 7px 18px 7px;
  }
  
  .modal-uploadfile-edited-input-container, 
  .modal-uploadfile-edited-input-container input,
  .modal-uploadfile-input-container input {
      width: 340px;
      height: 221px;
  }

  .card-info{
    width: 100%;
    margin-bottom: 0px;
    height: 142px;
  }

  .card-img-custom{
      width: 100%;
  }
}



@media (max-width: 430px) {
  .mobile-menu-cards{
    gap: 16px;
  }
}

@media (max-width: 385px) {
  .card {
    margin: 0px 7px 18px 7px;
    width: 144px;
  }

  .custom-logo-extension{
    top: 89px;
    left: 34px;
    font-size: 14px;
  }

  .card-info{
    width: 100%;
    margin-bottom: 0px;
    height: 142px;
  }

  .card-img-custom{
      width: 100%;
  }

  .card-img-full, .card-img, .card-img-full-other, #card-img-cgv.card-img-full, .card-img-full.sign-estimate {
      width: 144px;
      height: 161px;
  }

  .logo-group{
    margin: 2px;
  }
}

@media (max-width: 400px) {
  
  .content-main-left-card h3{
    transform: translateY(-10px);
  }
  .content-main-left-card p{
    transform: translateY(-10px);
  }
  .content-main-left-card a {
    transform: translateY(-5px);
  }
  
  .mobile-menu-cards{
    grid-template-columns: 163px 163px;
    grid-template-rows: 163px 163px 81px;
  }

  .company-searchbar-form input, .company-searchbar-form input::placeholder{
    font-size: 18px;
  }
  
}

@media (max-width: 380px) {

  .accueil-company-card, .new-company{
    width: 144px;
    height: 154px;
}

.accueil-company-card-logos a .logo-bg-black, .accueil-company-card-logos a .logo-bg-red, .accueil-company-card-logos .logo-bg-red{
  width: 34px;
height: 34px;
}
  
  .burger-icon{
    transform: translateY(-8px);
  }
  
  .content-main-right-modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .modal-content-main {
    max-height: 100vh;
    width: 100%; /* ou la largeur souhaitée */
    overflow-y: auto;
  }
  
  .mobile-menu-cards{
    display: grid;
    grid-template-columns: 142px 142px;
    grid-template-rows: 142px 142px 71px;
    gap: 12px;
    max-width: 360px;
    max-height: 600px;
    margin-top: 55px;
  }

  .terminalspecs-input{
    width: 90%;
  }

  .terminalspecs-form-input-container, .terminalspecs-form-submit, .terminalspecs-modal-textend, .terminalspecs-accept, .deliveroo-form-input, .ubereat-form-input, .deliveroo-form-submit, .ubereat-form-submit{
    width: 300px;
  }

  form[name="company"], form[name="company_edit"]{
    width: 90%;
  }

}


@media (max-width: 340px) {
  .content-main-right-modal-container{
    width: 288px;
    margin: 16px;
    padding: 24px;
  }

  .modal-uploadfile-edited-input-container, 
  .modal-uploadfile-edited-input-container input,
  .modal-uploadfile-input-container input {
      width: 304px;
      height: 221px;
  }

  .company-searchbar-form input, .company-searchbar-form input::placeholder{
    font-size: 14px;
  }
}