.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/*==========================================
Media Querys Mobile
============================================*/
/*/////////////////////// Dispositivos extras pequenos (telefones de retrato, menos de 576px) ////////////////////////////////////////////*/
@media (max-width: 575px) {
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pagina-aereo {
    .resultado-titulo {
      padding: 10px 0;

      h2 {
        font-size: rem(14);
      }

      .ordenacao {
        flex: 0.7;
      }
    }

    .aereo-list {
      .aereo-item {
        .conteudo {
          display: flex;
          flex-direction: column;

          .voo-list {
            .voo-section:first-child {
              .voo-header {
                border-top-right-radius: 8px !important;
              }
            }

            .voo-header {
              height: 35px;
              padding: 0 9px;
              //background: $gray-1;
              border-bottom: 1px solid $cinzaborder;

              .descricao {
                display: flex;
                align-items: center;
                justify-content: space-between;

                .tipo {
                  flex: 1;
                  position: relative;
                  text-align: left;
                  top: 0;
                  font-size: rem(14);

                  i {
                    margin-right: 11px;
                  }

                  .resumo {
                    display: inline-block;
                  }
                }

                .data {
                  flex: 0.8;
                  position: relative;
                  text-align: right;
                  top: 0;
                  font-size: rem(14);
                  font-weight: $bold;
                }
              }

              .local,
              .flex-space,
              .detalhe-btn {
                display: none;
              }
            }

            .voo-item {
              padding: 3px 5px;
              height: 63px;

              .voo-cia-logo {
                height: auto;

                .voo-check {
                  padding-top: 18px;
                }

                .nm-cia {
                  display: none;
                  position: absolute;
                  top: 32px;
                  width: 68px;
                  text-overflow: inherit;
                  overflow: inherit;
                  text-align: center;
                }
              }

              .voo-parada {
                font-size: rem(13);
              }
            }

            .voo-item-detalhe {
              .airline-info-conteudo {
                padding: 0;

                .airline-logo {
                  flex: 0.1;
                  text-align: left;
                }

                .airline-resumo {
                  flex: 1;
                  display: flex;
                  flex-direction: column;

                  .airline-nome {
                    flex-direction: row;
                    justify-content: space-between;
                  }

                  .resumo {
                    text-align: left;
                  }
                }
              }

              .voo-item-detalhe-content {
                .airline-info {
                  .airline-info-container {
                    &.xs {
                      display: flex;
                      visibility: inherit;
                      opacity: 1;
                    }

                    &.md {
                      display: none;
                    }
                  }
                }

                .segmento-info {
                  .segmento-info-conteudo {
                    .segmento-classe {
                      .segmento-texto {
                        em {
                          display: none;
                        }
                      }
                    }
                  }
                }
              }
            }
          }

          .voo-preco-box {
            width: 100%;
            border: none;
          }
        }
      }
    }
  }
}

/*/////////////////////// Dispositivos extras pequenos (telefones de retrato, menos de 576px) ////////////////////////////////////////////*/
@media (min-width: 576px) and (max-width: 767px) {
  .pagina-aereo {
    .aereo-list {
      .aereo-item {
        .conteudo {
          display: flex;
          flex-direction: column;

          .voo-preco-box {
            width: 100%;
            border: none;
          }
        }
      }
    }
  }
}

/*/////////////////////// Dispositivos médios (tablets, 768px e acima) ///////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) and (max-width: 991px) {
}

/*/////////////////////// Dispositivos grandes (desktops, 992 px e acima) ////////////////////////////////////////////////////////////////*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/*/////////////////////// Dispositivos extra grandes (grandes áreas de trabalho, 1200px e acima) /////////////////////////////////////////*/
@media (min-width: 1200px) {
}

/*/////////////////////// Dispositivos extra extra grandes (grandes áreas de trabalho maior ainda, 1500px e acima) ///////////////////////*/
@media (min-width: 1500px) {
}

/*/////////////////////// Dispositivos menores que extra grandes (abaixo de 1066px) ///////////////////////*/
@media (max-width: 1066px) {
  .pagina-aereo {
    padding-top: 20px;

    .btn-filtro {
      display: block;
      bottom: 0;
      position: fixed;
      top: auto;
      z-index: 3;
      border-radius: 0;
      padding: 0;
      margin: 0;
      width: 100%;
    }

    .aereo-filtros {
      position: fixed;
      background: #f6f6f6;
      z-index: 999;
      width: 100%;
      height: 100%;
      top: 0;
      right: 100%;
      padding-top: 21px;
      overflow-x: hidden;
      overflow-y: auto;
      transition: all 0.4s ease;
      transition-property: all;
      transition-duration: 0.4s;
      transition-timing-function: ease;
      transition-delay: 0s;

      .topo-filtro {
        h2 {
          text-align: center;
          padding-left: 0;

          a {
            display: block;
          }
        }
      }

      &.open {
        right: 0;
      }
    }
  }
}
