@media only screen and (max-width: 991px) {


      .evento-blocos{
          display: flex !important;
          flex-direction: column;
          gap: 10px;
          max-width: 100%;
          padding: 20px;
          box-sizing: border-box;
      }

  }
  @media only screen and (max-width:800px){
      #busca-clubes{
          display:none
      }
      .col-sm-offset-1 {
      margin-left: 0;
  
  }
  }
  
  @media only screen and (max-width: 767px){
      .body{
          font-size: larger;
      }
      .container{
          display: block !important;
      }
      #info-header{
        min-height: auto;
        margin-bottom: 0;
        border: none;
        border-bottom: 1px solid #e7e7e7;
        padding: 0;
      }
      #info-header .navbar-text{
        margin: 0;
        padding: 8px 10px;
        font-size: 14px;
      }
      #info-header .info-header-text{
        display: none;
      }
      #info-header .info-header-access{
        display: block;
        text-align: center;
      }
      #info-header .info-header-access a{
        font-size: 14px;
      }

      /* Modal login responsivo */
      #modal-login-topo .modal-dialog{
        margin: 10px;
      }
      #modal-login-topo .modal-body .row > div{
        margin-bottom: 20px;
      }
      #modal-login-topo .modal-body .btn-primary{
        width: 100%;
        max-width: 200px;
      }
      #modal-login-topo .modal-body .btn-primary i{
        font-size: 50px;
      }

      /* Fix para abas da agenda e carousel no mobile */
      .aba-shadow {
          display: block !important;
          width: 100%;
      }
      .aba-shadow .nav-tabs.agenda_tab {
          display: flex !important;
          flex-direction: column;
          width: 100%;
      }
      .aba-shadow .nav-tabs.agenda_tab > li {
          width: 100%;
          text-align: center;
      }
      .tab-content {
          display: block !important;
          width: 100%;
          max-width: 100vw;
          margin-left: 0 !important;
          overflow-x: hidden;
      }
      .tab-pane > .col-md-12 {
          padding-left: 0;
          padding-right: 0;
          overflow-x: hidden;
      }
      .tab-pane > .col-md-12 > .container {
          display: block !important;
          max-width: 100%;
          padding-left: 40px;
          padding-right: 40px;
          overflow-x: hidden;
      }
      /* Setas do carousel */
      .agenda-control-right {
          right: 0 !important;
          margin-right: 5px;
      }
      .agenda-control-left {
          left: 0 !important;
          margin-left: 5px;
      }

      }
 @media only screen and (max-width: 500px) {
    .evento-blocos{
        padding:0px;
    }
 }
 @media only screen and (max-width: 400px) {
        .col-md-4.left{
            padding-left: 0px;
            padding-right: 0px
        }
 }