@media (max-width: 480px) {

  .h3 {font-size:1.25rem}
  .navbar-brand img { height:auto; max-width: 240px;}
  .ml-sm-auto { margin-left:auto !important; }

  .article h1, .matchs h1 {
    font-size:1.5rem;
    font-family: 'Roboto Black';
  }
.featured-matchs h3 {
  font-size:1rem;
}

.fleximg {max-width:100% !important;height: auto !important;}

}

@media (min-width: 768px) {

  .toc-list {
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2;    /* Firefox */
    column-count: 2;         /* standard CSS3 */
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px;    /* Firefox */
    column-gap: 40px;         /* standard CSS3 */
    list-style-type: none;  /* Optionnel: enlève les puces */
    background: #edf7ff;
    padding: 20px;
}

  .icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .icon-bar span {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }
  .nav-scroll {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
  }
.bookmaker-table-type {font-size: 0.9rem; width: 280px;}
  .bookmaker-table-bonus {width: 140px;}
  .bookmaker-table-cta {width: 170px;}
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
      display: block;
  }
  .dropdown-menu{
      margin-top: 0;
  }
  .dropdown-toggle{
      margin-bottom: 2px;
  }
  .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
      margin-bottom: 0;
  }
}

@media (max-width: 768px) {

  .icon-bar {
    margin-top:30px;
    position: relative;
  }

  .icon-bar span {
    display: block;
    text-align: center;
    padding: 8px;
    transition: all 0.3s ease;
    color: white;
    font-size: 14px;
  }


  .menu-menu-container #menu-dropdown {align-items: baseline !important;font-size: 1rem;}

  .h3 {font-size:1.40rem}

  .top-banner {
      margin-top: 0px;
      margin-bottom: 10px;
  }


.fleximg {max-width:100% !important;height: auto !important;}

  .nav-scroll {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      overflow-x:auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .scroll::-webkit-scrollbar {
    display: none; }

   .navbar-nav li { position: relative; display: flex; }
   .carousel-caption { position: relative; right: 0; bottom: 0; left: 0; z-index: 10; padding-top: 6px; padding-bottom: 6px; text-align: center; height:auto; }
   .score {
       width: 40px;
       padding: 0 6px;
       background: #fff;
       border: 1px solid #333;
       color: #000;
       font-family: 'Oswald Bold', sans-serif;
       font-size: 1.4rem;
   }
   .carousel-caption {
       background: rgba(13,35,51,1);
   }
   .cote-bookmaker-value {font-family: 'Roboto Bold', sans-serif;padding:0 2px; font-size:0.8rem;width:35%;min-width: 20px;display: inline-block;}
   .cote-bookmaker {display: inline;float: right;height:24px;width:65%;background-size:cover;background-position: center;background-repeat: no-repeat;}
   .bookmaker-table-row {border:1px solid #ccc;border-radius: 3px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
  }
  @media (max-width: 992px) {
  .bookmaker-table-header {display: none !important;}
    .top-pronostics {border-left:none;}
  }
}