/* Primeiro ajuste de @media query criado em 28-07-2024 */
/* Neste caso criado o ajuste nas abas do search para redimensionar o tamanho tamanho*/
@media (max-width: 420px){

    
    .tabs.-bookmark .tabs__button_block {
      display: block;
    }
    .px-20-mobile{
      padding-left: 20px !important;
      padding-right: 20px !important;
    }
    .py-10-mobile {
      padding-top: 10px !important;
      padding-bottom: 10px !important;

    }
    .py-20-mobile {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    .py-60-bottom-mobile {
      padding-bottom: 60px !important;
    }
    .tabs.-bookmark .tabs__button.is-tab-el-active p{
      color :black !important;
    }
  
    .tabs.-bookmark .tabs__button p{
      color :white !important;
    }
  
    .tabs.-bookmark .tabs__button-mobile {
      display: flex !important;
      justify-content: center !important;
      flex-direction: column !important;
      align-items: center !important;
      line-height: 1.3;
      transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .tabs__button-mobile {
      display: flex !important;
      justify-content: center !important;
      flex-direction: column !important;
      align-items: center !important;
      line-height: 1.3;
      transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    }


    /* AJUSTES EM MEDIA QUERY TELA DE PESQUISA AIR 420px*/
    .row-mobile {
      width: initial !important;
      max-width: initial !important;
    }
    .col-md-auto-mobile {
      width: initial !important;
      max-width: initial !important; 
      min-width: 100% !important;
      display: block !important;
    }
  
    .col-md-auto-mobile-atributos {
      width: initial !important;
      max-width: initial !important;
    }
  
    .row-nowrap {
      flex-wrap: nowrap !important;
  
    }

    .produto-mobile {
      display: block;
      overflow: hidden;
      width: 100%;
      margin-top: 6px;
    }
    
    .y-gap-10-mobile {
      margin-top: -20px;
      margin-bottom: -5px;
    }

    .a-partir-de-mobile {
      float: left;
      margin-right: 10px !important;
    }

    .col-auto-mobile {
      flex: initial;
      width: 100% !important;
    }
  
        
    .carousel-mobile {
      
      display: flex !important;
      overflow-x: scroll !important;
      scroll-snap-type: x mandatory !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none !important; /* Oculta a barra de rolagem no Firefox */
    }
    
    .carousel-mobile::-webkit-scrollbar {
      display: none !important; /* Oculta a barra de rolagem no Chrome, Safari e iOS */
    }
    
    .carousel-item-mobile {
      min-width: 100% !important;
      scroll-snap-align: start !important;
      flex-shrink: 0 !important;
      width: 320px; 
    }
    
    .carousel-item-mobile img {
      width: 100% !important;
      height: auto !important;
      display: block !important;

    }
    
    .toggle-element.-dropdown-mobile {
      position: absolute;
      top: calc(100% + 10px);
      left: 20% !important;
      padding: 14px 20px;
      background-color: white;
      box-shadow: 0px 25px 70px rgba(1, 33, 58, 0.07);
      min-width: 160px;
      border-radius: 4px;
      border: 1px solid var(--color-border);
      font-weight: 500;
      transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
      transform: translateX(-50%);
    }

    .y-gap-40-mobile {
      margin-top: -40px;
      margin-bottom: -25px;
    }

    .py-10-mobile {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    
    .px-10-mobile {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
    .size-10-mobile {
      height: 10px;
    }

    .py-0-mobile {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }
    
    .px-0-mobile {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    
    .mt-0-mobile {
      margin-top: 0px !important;
    }
    
    .mt-5-mobile {
      margin-top: 5px !important;
    }

    .mt-5-negative-mobile {
      margin-top: -5px !important;
    }

    
    .mb-0-mobile {
      margin-bottom: 0px !important;
    }

  .duracao-assento-desktop {
    display: none !important;
  }

  .duracao-assento-mobile  {
    display: flex !important;
    float: right;
  }

  .img-bus-mobile {
    float: left;
    display: inline-block !important;
    margin-top: 0px !important;
    width: 97px !important;
    height: 30px !important;
    margin-left: 9px !important;
    object-fit: cover !important;
  }

  .row-bus {
    display: grid;
    align-content: space-around;
    justify-content: space-between;
    flex-wrap: nowrap;
    grid-template-columns: auto auto auto;
  }

  .mx-w-150-desktop {
    max-width: initial !important;
  }

  .mi-w-130-desktop {
    min-width: initial !important;
  }

  .mobile-phone-tarifas-original {
    min-width: 100% !important;
    width: 100% !important;
    left: 0px !important;
    top: 0px !important;
    z-index: 999 !important;
    min-height: 96% !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }

  .mobile-phone-tarifas-atributos-original {
    margin-top: 0px !important;
    min-height: initial !important;
    display: none !important;
    overflow: hidden !important;
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0px !important;
    margin-left: 4px !important;
  }

  .mobile-phone-tarifas-cota-detail-420 {
    margin-top: 10px !important;
    
  }

  .mobile-phone-tarifas-add-cart-single {
    display: block;
    overflow: hidden;
    min-width: 95% !important;
    max-width: 95% !important;
    width: 95% !important;
    float: initial !important;
    padding: 0px !important;
    margin: 0px !important;
    margin-left: 10px !important;
    margin-bottom: 20px !important;
  }

  .cardImage-mobile {
    position: relative;
    z-index: 0;
    border-radius: inherit;
    text-align: center;    
  }

  .ratio-1\:1::before{
    padding-bottom: 0%;
  }
  
  .price-detail-info-mobile {
    display: block;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e2e2e2;
    padding: 20px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    z-index: 990 !important;
    position: fixed;
    top: 10%;
    border-radius: 10px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
    max-width: 400px !important;
    font-size: 8px;
  }

  .text-14-mobile {
    font-size: var(--text-14) !important;
  }

  .minimo-width-mobile {
    min-width: 100px !important;
  }

  .wf-mobile-420 {
    width: 100% !important;
    min-width: 100% !important;
  }

  .text-center-mobile {
    text-align: center !important;
  }

  .flt-n-mobile {
    float: none;
  }

  .search-produto-mobile button{
    max-width: 50px !important;
    min-width: 50px !important;
    width: 50px !important;
  }

  .roomGrid__grid-mobile > *:nth-child(3) {
    background-color: rgba(53, 84, 209, 0.05);
    padding: 0px;
  }

  .assentos-mobile-position {
    position: fixed !important;
    bottom: 0 !important;
  }

  .assentos-mobile-width{
    min-width: 100% !important;
    border-bottom: 1px solid #C8C8C8;
    max-height: 60px !important;
  }

  .scroll-fare-mobile {
    min-height: 444px !important;
    max-height: 444px !important;
    height: 444px !important;
    min-width: 1700px  !important;
    max-width: 100% !important;
    display: block !important; 
    overflow-y: hidden !important;
    white-space: nowrap !important;
    width: 800px !important;
    overflow-x: scroll !important;
  }

  .sBusPoltrona-mobile{
    width: 100% !important;
    background-color: #e2e2e2;
    margin: 0px !important;
    padding: 10x !important;
    min-height: 403px !important;
    min-width: 100% !important;
    border: 1px solid;
  }

  .mobile-phone-input {
    min-width: 100% !important;
    display: block;
  }

  .no-w-230-mobile {
    width: 100%;
    max-width: 100%;

  }

  form .col-auto-filter-mobile {
    float: left;
    margin-right: 10px;
    width: 50px;
  }

  .col-auto-mobile {
    width: 100% !important;
    margin-bottom: 5px !important;
  }

  .col-auto-mobile-50 {
    width: 50% !important;
  }
  
  .search-produto-mobile button{
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;   
  }

  .search-produto-button-mobile {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
 
  .linha-list-mobile {
    max-width: 100% !important; 
    min-width:initial !important;
  }
  
}