@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
  .topo {
    min-height: auto;
  }
  .info {
    padding: 80px 0;
  }
  .info .box-como-sera h2 {
    font-size: 48px;
  }
  .datas .data {
    min-height: auto;
    padding: 150px 0;
  }
  .desafios {
    padding: 60px 0 80px;
  }
  .formulario .form {
    max-width: 550px;
  }
  .f-conosco {
    padding-bottom: 100px;
  }
}

@media (max-width: 991.98px) {
  .info .box-como-sera {
    margin-top: 42px;
  }
  .datas .data .dias h2 {
    font-size: 50px;
  }
  .btn-padrao {
    font-size: 27px;
  }
  .datas .data .mes h2 {
    text-align: center;
    font-size: 40px;
  }
  .desafios h2.titulo {
    font-size: 40px;
  }
  .desafios ul li {
    padding: 0 15px;
  }
  .desafios .desc {
    font-size: 30px;
  }
  .f-conosco .grid {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .f-conosco .redes-sociais h2 {
    text-align: center;
    max-width: 100%;
  }
  .f-conosco .redes-sociais .box-redes {
    text-align: center;
  }
  .f-conosco .divisoria .border {
    margin: 50px 0;
    width: 100%;
    height: 7px;
    left: 0;
  }
}

@media (max-width: 767.98px) {
  .info .box-como-sera {
    text-align: center;
  }
  .info .box-como-sera h2 {
    font-size: 35px;
  }
  .info .box-como-sera p {
    font-size: 17px;
    margin-bottom: 1rem;
  }
  .info .box-como-sera .btn-padrao,
  .desafios .btn-padrao.small {
    font-size: 16px;
  }
  .lista-patrocinadores h2,
  .lista-apoiadores h2,
  .datas .data .dias h2,
  .datas .data .mes h2,
  .desafios h2.titulo,
  .programacao h2,
  .f-conosco .redes-sociais h2,
  .f-conosco .contatos .item h2 {
    font-size: 35px;
  }
  .datas .data .dias h2 > span,
  .desafios .desc {
    font-size: 20px;
  }
  .desafios ul li .item h4 {
    font-size: 15px;
  }
  .programacao ul {
    flex-wrap: wrap;
  }
  .programacao ul li {
    padding: 25px 15px;
  }
  .formulario .form {
    max-width: 70%;
  }
  .patrocinios .logo {
    padding: 0 50px;
  }
  .patrocinios .lista-patrocinadores ul,
  .patrocinios .lista-apoiadores ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    gap: 25px;
  }
  .f-conosco .redes-sociais .box-redes {
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .f-conosco .contatos .item p {
    font-size: 17px;
  }
  .info .box-como-sera h2 {
    letter-spacing: 0px;
  }
}

@media (max-width: 575.98px) {
  .desktop {
    display: none !important;
    text-align: center;
  }
  .mobile {
    display: block !important;
    text-align: center;
  }
  .patrocinios .lista-patrocinadores ul {
    margin-bottom: 80px;
  }
  .patrocinios .lista-patrocinadores ul,
  .patrocinios .lista-apoiadores ul {
    display: block;
  }
  #desafios.owl-carousel .owl-nav button.owl-prev > span,
  #patrocinadores.owl-carousel .owl-nav button.owl-prev > span,
  #programacao.owl-carousel .owl-nav button.owl-prev > span,
  #apoiadores.owl-carousel .owl-nav button.owl-prev > span {
    background: url("../images/pub-left.png") no-repeat;
    width: 32px;
    height: 49px;
    left: 45px;
    top: 35%;
    text-indent: -999999px;
    border: 0;
    position: absolute;
    cursor: pointer;
    display: table-cell;
  }
  #desafios.owl-carousel .owl-nav button.owl-next > span,
  #patrocinadores.owl-carousel .owl-nav button.owl-next > span,
  #programacao.owl-carousel .owl-nav button.owl-next > span,
  #apoiadores.owl-carousel .owl-nav button.owl-next > span {
    background: url("../images/pub-right.png") no-repeat;
    width: 32px;
    height: 49px;
    right: 45px;
    top: 35%;
    text-indent: -999999px;
    border: 0;
    position: absolute;
    cursor: pointer;
    display: table-cell;
  }
  #programacao.owl-carousel .owl-nav button.owl-next > span {
    right: -25px;
  }
  #programacao.owl-carousel .owl-nav button.owl-prev > span {
    left: -15px;
  }
  #desafios.owl-carousel .owl-nav button.owl-prev > span {
    background: url("../images/pub-left-green.png") no-repeat;
  }
  #desafios.owl-carousel .owl-nav button.owl-next > span {
    background: url("../images/pub-right-green.png") no-repeat;
  }
  .item-padro,
  .item-apoio {
    max-width: 50%;
    margin: 0 auto;
  }
  .programacao ul li {
    max-width: 86%;
    margin: 0 auto;
  }
  .patrocinios .lista-patrocinadores ul li {
    padding: 0;
  }
  .desafios ul li {
    width: 100%;
    margin: 0 auto;
    max-width: 60%;
    padding: 0;
    position: relative;
    right: 5px;
  }
}
@media (max-width: 490px) {
  .topo {
    padding: 50px 20px;
  }
  .info {
    padding: 40px 0;
  }

  .lista-patrocinadores h2,
  .lista-apoiadores h2,
  .info .box-como-sera h2,
  .datas .data .dias h2,
  .datas .data .mes h2,
  .desafios h2.titulo,
  .programacao h2,
  .f-conosco .redes-sociais h2,
  .f-conosco .contatos .item h2 {
    font-size: 28px;
    line-height: 1;
  }

  .info .box-como-sera h2 {
    margin-bottom: 20px;
  }
  .datas .data {
    padding: 80px 0;
  }

  .desafios ul li .item h4 {
    font-size: 12px;
  }
  .programacao {
    padding: 50px 0px;
  }
  .formulario .form {
    max-width: 100%;
  }
  .patrocinios {
    padding: 80px 0 40px;
  }
  .patrocinios .lista-patrocinadores ul {
    display: block;
  }
  .patrocinios .lista-patrocinadores ul li .item-padro {
    max-width: 125px;
    margin: 0 auto 18px;
  }
  .f-conosco .divisoria .border {
    margin: 30px 0;
  }
  .f-conosco .contatos .item {
    margin-bottom: 25px;
  }

  #programacao.owl-carousel .owl-nav button.owl-next > span {
    right: -12px;
  }
  #programacao.owl-carousel .owl-nav button.owl-prev > span {
    left: -2px;
  }

  #patrocinadores.owl-carousel .owl-nav button.owl-next > span,
  #apoiadores.owl-carousel .owl-nav button.owl-next > span {
    right: 30px;
  }

  #desafios.owl-carousel .owl-nav button.owl-prev > span,
  #patrocinadores.owl-carousel .owl-nav button.owl-prev > span,
  #apoiadores.owl-carousel .owl-nav button.owl-prev > span {
    left: 40px;
  }

  #desafios.owl-carousel .owl-nav button.owl-prev > span {
    left: 17px;
  }
  #desafios.owl-carousel .owl-nav button.owl-next > span {
    right: 7px;
  }

  .video-sobreposto {
    top: 10px;
    right: 10px;
    width: 100px;
  }
}