@media(max-width: 600px) {
  #espaco-header {
    padding-top: 1rem;
  }
  #campos-pesquisa-header {
    position: absolute;
    top: 5rem;
    padding-bottom: 10px;
    z-index: 1;
  }
  .cats #cats {
    margin-bottom: 15px;
    padding: 0px;
  }
  #collapseRegiao {
    background-color: #fff;
    top: 7rem;
  }
  .pesquisa {
    position: absolute;
    top: 40px;
    border: 1px solid #ccc;
    width: 340px;
    border-radius: 4px;
  }
  #eventos .slick-prev {
    left: 75%;
  }
  #eventos .slick-next {
    right: 10px;
  }
  .row-rodape {
    display: grid;
  }
  .eventHeader img {
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .form-stepper {
    margin-right: 15px;
  }
  .step-top-compra .form-stepper-circle {
    width: 60px;
    height: 60px;
    margin: 0 auto;
  }
  .form-stepper-circle img {
    width: 40px;
  }
  .d-display {
    display: grid;
  }
  .evn-date {
    margin-bottom: 10px;
  }
  .area-info-compra {
    margin: 30px 15px;
  }
  .id-form form {
    margin: 10px 20px;
    padding: 20px;
  }
  .miniCheckout-howMuch,
  .miniCheckout-toConfirm {
    justify-content: center;
  }
  /*.form-stepper:after {
    top: 265px;
    width: auto!important;
  }*/
  #area-conteudo {
    margin-top: 0px;
  }
  .cats {
    margin-top: -5px;
  }
  .area-pesquisa #txt_busca,
  .area-pesquisa #txt_dia,
  .area-pesquisa #txt_estado,
  .area-pesquisa #txt_genero {
    width: 100%;
    height: 45px;
    margin-bottom: 15px;
  }
  .dashboard-content-ul li:nth-child(odd) {
    width: 100%;
  }
  .st_cherity_img_cont label {
    display: contents;
  }
  .dashboard-content-ul li {
    margin-bottom: 20px;
  }
  #header {
    padding-bottom: 132px;
    padding-top: 11px;
  }
  #carrossel-parceiros .slick-slide img {
    width: 220px;
  }
  .slick-prev {
    left: 20rem;
  }
  .slick-next {
    right: 10px;
  }
}
@media(min-width: 601px) {
  .card-evento {
    width: 275px!important;
  }
  .d-display {
    display: flex;
  }
  .part-but-conf {
    display: flex;
  }
  .cats {
    margin-top: -30px;
  }
}
@media (min-width: 768px) {
  .pop-img {
    width: 500px;
  } 
}
@media (max-width: 767px) {
  .pop-img {
    width: 100%;
  }
}
@media(max-width: 500px) {
  .card {
    width: auto!important;
    height: auto!important;
  }
  .card:hover .card__content {
    height: 100%;
    width: 100%;
    color: #fff;
    padding: 0px 20px 0px 20px;
  }
  .card__background {
    height: 385px;
  }
  .button {
    margin-bottom: 25px;
  }
  .form-up-file {
    display: grid;
  }
  .input-arquivo {
    margin-bottom: 15px;
  }
  .radio-input {
    display: grid;
  }
  .tot {
    padding-right: 0;
  }
  .quadro-erro-comp {
    margin-left: 0px;
  }
}
@media(min-width: 501px) {
  .card:hover .card__content {
    padding: 15px;
  }
}
/* start map Gl ponto venda */
@media(max-width: 500px) {
  .sidebar {
    width: auto;
    width: 100%;
  }
  .mapboxgl-ctrl-top-right {
    /*right: 0;
    bottom: 35px;
    display: flex;
    justify-content: center;
    align-items: end;*/
    bottom: 1rem;
    left: 1rem;
    right: auto;
    top: auto;
  }
}
@media(min-width: 501px) {
  .mapboxgl-ctrl-top-right {
    bottom: 4rem;
    top: auto;
    right: 1rem;
  }
}
/* end map Gl ponto venda */