/*****************************************************************************
* Narrow views
*****************************************************************************/

@media only screen and (max-width: 1000px) {
  body {
    min-width: auto;
  }
  #logo-bar {
    padding: 5px 0;
  }
  #logo {
    margin: 10px;
    width: 150px;
    height: 40px;
    background-size: contain;
  }
  #logo-bar #search {
    margin-top: 15px;
    margin-right: 10px;
  }
  nav#main li.t_l a.t_l {
    font-size: 14px;
  }
  .container,
  .main-container-inner {
    width: 100%;
  }
  .language-picker a {
    height: auto;
    padding: 10px;
  }
  .language-picker-trigger {
    float: right;
    margin-top: 20px;
    margin-right: 0;
    display: block;
  }
  .language-picker-trigger:after,
  .language-picker-trigger:before {
    width: 0;
  }
  .language-picker .group {
    width: auto;
    float: none;
  }
  .language-picker > div {
    height: 200px;
    overflow-y: scroll;
    font-size: 16px;
  }
  #search {
    margin-left: 5px;
  }
  #search-input-wrap {
    width: 160px;
  }
  #search-input {
    width: 146px;
  }
  #site-header .filter {
    clear: both;
  }

  /******
  * nav *
  ******/
  nav#main {
    padding: 0;
  }
  nav#main ul.t_l {
    border-radius: 0;
  }
  #doc4 {
    width: calc(100% - 20px);
    padding: 0 10px;
  }
  nav#main .submenu {
    width: calc(100% - 20px);
    margin: 0 10px;
    top: 45px;
  }
  #navbar .custom-dropdown:last-child .list {
    width: 200px;
    white-space: normal;
  }

  /**********
  * content *
  **********/
  #subheading h1 {
    position: inherit;
  }
  .yui-t6 .yui-b {
    width: 100%;
  }
  .yui-t6 #yui-main .yui-b {
    margin-right: 0;
    *margin-right: 0;
  }
  div.content-column {
    float: right;
    width: calc(100% - 170px);
  }
  #page_competition div.content-column,
  #page_competitions div.content-column,
  #page_match div.content-column {
    width: calc(100% - 175px);
  }
  #h2h_team_selection_dropdowns {
    width: auto;
  }
  .h2h_col1,
  .h2h_col2 {
    width: 50%;
  }
  .block_h2h_team_selection select {
    width: 94%;
    margin: 5px auto;
  }
  .block_h2h_extra_info {
    width: auto;
  }
  .block_h2hsection_form div.container-left,
  .block_h2hsection_form div.container-right {
    width: 100%;
  }
  div.block_match_info dd,
  div.block_match_info dt {
    width: 100%;
    text-align: center;
  }
  table.matches .score-time {
    min-width: 25px;
  }
  div.subnav-has-multiple div.subnav label,
  div.block_team_matches_summary div.subnav label {
    min-width: 78px;
  }
  div.block_match_info div.container {
    overflow: hidden;
  }
  div.block_match_info .logo {
    width: auto;
  }
  div.block_match_info .logo img {
    width: 100%;
  }
  .block_h2h_team_selection .logo-wrapper .logo a {
    margin: 0 auto;
  }
  .block_venue_info img,
  .block_team_venue img {
    width: 100%;
    height: auto;
  }
  div.block-horizontal-container div.content {
    height: auto;
  }
  .chart {
    float: left;
    width: 50%;
  }
  .block_team_info dd a {
    word-wrap: break-word;
  }
  .block_player_career {
    overflow-x: scroll;
  }
  .block_match_stats_plus_chart > iframe {
    width: 100% !important;
  }
  div.index ul li {
    width: 100%;
  }
  div.index ul li .row {
    width: auto;
  }
  div.index.competitions ul.areas.international li .competition {
    width: calc(100% - 290px);
  }

  /*********
  * footer *
  *********/

  #ft {
    padding: 0;
  }
  #footer .cols {
    float: none;
    display: flex;
    flex-wrap: wrap;
  }
  #footer .col {
    width: auto;
    border: none;
    display: block;
    flex: 1;
  }
  #footer .col li.title {
    color: #999;
    margin: 10px 0;
  }
  #debug {
    width: auto;
    overflow-x: scroll;
  }
  #debug pre {
    white-space: pre-wrap;
  }

  /* Advertising Stuff */
  .banner-content {
    padding: 0;
  }
  .banner-content div.ad_header {
    margin: 0;
    overflow-x: scroll;
  }
  div.block-horizontal-container div.first-element,
  div.block-horizontal-container div.second-element {
    float: none;
    width: auto;
  }
  table.matches .day,
  table.matches .info-button {
    width: auto;
  }

  #div-gpt-ad-1518689173131-0 {
    overflow-x: hidden;
  }

  .block_competition_venues li {
    padding: 10px;
  }

  .block_competition_venues li > a {
    display: block;
    text-align: center;
    margin: 10px 0;
  }
  .block_competition_venues li img {
    float: none !important;
    margin: 0 !important;
    width: 100%;
    height: auto;
    max-width: 300px;
  }
  div.block .block_competition_venues div.right {
    float: none;
    width: 100%;
  }
  .block_competition_venues h4 {
    text-align: center;
  }
  dl {
    display: flex;
    flex-wrap: wrap;
  }
  dt {
    width: 33%;
    float: none;
  }
  dd {
    float: none;
    margin-left: auto;
    width: 66%;
  }
  #div-gpt-ad-1478705684761-4,
  #div-gpt-ad-1478706130315-4 {
    position: fixed;
    bottom: 0;
    z-index: 50;
    width: 100%;
  }
  .tbla {
    max-width: 300px;
    margin: 0 auto;
  }
  .block_ad > div {
    text-align: center;
  }

  .redesign table.matches .team a {
    width: 265px;
  }

  .typeform-share.button {
    display: none!important;
  }
}

@media only screen and (max-width: 600px) {
  #logo {
    margin: 5px 10px;
    height: 30px;
  }
  .language-picker-trigger {
    margin: 0;
    position: absolute;
    right: 10px;
    top: 17px;
  }
  div.block_competition_matches_summary-wrapper .subnav {
    position: static;
    background-color: #333;
  }
  div.subnav li {
    float: none;
    display: inline-block;
  }
  #page_competition div.content-column,
  #page_competitions div.content-column,
  #page_match div.content-column {
    width: auto;
  }
  #logo-bar .social {
    margin-right: 10px;
  }
  #doc4,
  div.subnav-has-multiple div.subnav label,
  div.block_team_matches_summary div.subnav label,
  .submenu.col_5 .col,
  .submenu.col_3 .col,
  .container {
    width: auto;
  }
  nav#main .submenu {
    z-index: 1;
    top: auto;
  }
  li.h_d.active .submenu {
    display: block;
  }
  .submenu .col {
    width: auto;
    position: static;
    display: block;
  }
  #navbar .custom-dropdown:nth-child(n + 3) .list {
    width: 150px;
    white-space: normal;
  }

  #subheading h1 {
    font-size: 15px;
  }
  #subheading h1 .flag_24 {
    vertical-align: text-bottom;
  }

  .match-pagination,
  #subheading h1,
  #submenu-container,
  #subheading > div,
  #submenu ul,
  #subheading .submenu_dropdown {
    position: static;
  }
  #submenu,
  .block_player_squad,
  div.block-horizontal-container div.content {
    height: auto;
  }
  .yui-t6 #yui-main .yui-b {
    margin-right: 0;
  }
  div.index.competitions ul.areas .competition,
  div.index.competitions ul.areas .type {
    margin: 0;
    width: auto;
  }
  div.index.teams ul.competitions .competition {
    margin: 0;
  }

  div.index ul.competitions li div.row {
    width: 100%;
    box-sizing: border-box;
  }
  div.index.teams ul.areas ul.competitions ul.teams .row {
    margin-left: 0;
  }
  .yui-t4 #yui-main,
  .yui-t5 #yui-main,
  .yui-t6 #yui-main {
    margin-right: 0;
  }
  div.subnav-has-multiple div.subnav-has-label ul,
  div.block_team_matches_summary div.subnav-has-label ul,
  .block_h2h_extra_info {
    width: auto;
  }
  .logo {
    width: auto;
    text-align: center;
  }
  #subheading h1 span,
  table.matches tr.even .score-time a,
  table.matches tr.aggr-even .score-time,
  table.matches tr.odd .score-time a,
  table.matches tr.aggr-odd .score-time {
    white-space: nowrap;
  }

  .h2hsection .cols3 .col1,
  .block_scoring_minutes .cols3 .col1 {
    width: 4em;
    box-sizing: border-box;
  }
  .block_h2h_scoring_minutes .cols3 .col2,
  .block_h2h_scoring_minutes .cols3 .col3,
  .block_scoring_minutes .cols3 .col2,
  .block_scoring_minutes .cols3 .col3 {
    width: calc(50% - 4em);
    box-sizing: border-box;
    overflow: hidden;
  }
  #h2h_team_selection_dropdowns {
    width: auto;
  }
  #h2h_team_selection_dropdowns > div {
    width: 50%;
  }
  .h2hsection .active-dropdown select,
  .block_match_other_matches select,
  .block_h2h_team_selection select {
    width: 100%;
  }
  .compare-button,
  .block_h2hsection_head2head-wrapper td.competition,
  .block_team_matches_summary td.competition,
  .block_match_team_matches td.competition {
    display: none;
  }
  .h2hsection table tr.sub-head th,
  .h2hsection div.block div.subnav {
    height: 3em;
  }
  .block_team_venue > a {
    display: block;
    text-align: center;
  }
  .block_match_info a > img,
  .block_team_venue > a > img {
    max-width: 100%;
    height: auto;
  }
  .block_date_matches-wrapper .top-right a > span {
    display: none;
  }
  .block_team_squad select[name="season_id"] {
    position: static !important;
  }
  /* div.block div.subnav ul,
  div.block div.subnav label,
  .block_match_info .details dt,
  .advanced-options dt,
  dl.advertising {
    width: auto;
    float: none;
  }
  .block_match_info .details dd,
  .advanced-options dd {
    width: auto;
    float: none;
    margin-bottom: 10px;
  } */
  .block_match_team_matches-wrapper .match-pagination {
    position: static;
  }
  .block_match_team_matches-wrapper .match-pagination a {
    color: #000;
    background-color: transparent;
  }
  .combined-lineups-container .container.left {
    margin: 0 0 10px 0;
    border: none;
  }
  .block_match_stats_plus_chart > iframe {
    width: 100% !important;
    height: 435px !important;
  }
  #page_team_1_block_team_squad_7-table tbody tr > td:nth-child(odd),
  .block_team_squad-wrapper .subnav > ul > li:nth-child(2),
  .block_competition_tables-wrapper .subnav,
  .leaguetable .form,
  .leaguetable .compare {
    display: none;
  }
  #popup {
    top: 1634px;
    position: absolute;
    width: auto;
    max-width: 45em;
  }
  div.zone-legend-item-container {
    margin-bottom: 10px;
  }
  .block_player_career,
  .block_player_matches .table-container,
  .block_player_matches_summary .table-container,
  .block_match_team_matches .table-container,
  .block_competition_matches_summary .table-container,
  .block_players_topscorers > div {
    overflow-x: scroll;
    clear: both;
  }
  div.block_players_transfers div.select {
    float: none !important;
  }
  div.block_players_transfers select {
    max-width: 100%;
  }
  #iphone div#iphone-slider-container {
    float: none;
    overflow: hidden;
  }
  #iphone.text > div {
    padding-right: 0 !important;
  }
  .qc-cmp-ui {
    min-width: 300px !important;
  }
  .block_ad {
    max-width: 100%;
    overflow: hidden;
  }
  .banner-content,
  .banner-content div.block {
    padding: 0;
    margin: 0;
  }

  #cookie-banner > p {
    width: auto;
    padding: 10px;
  }
  #cookie-banner p button {
    float: none;
  }
  .redesign .date-picker {
    position: static;
  }
  .redesign .switch-wrapper {
    float: none;
    display: block;
    margin: 0;
    position: relative;
  }
  .sw-switch {
    top: 7px;
  }

  div.small-column,
  div.content-column,
  #page_competitions div.content-column {
    float: none;
    width: auto;
  }

  #page_teams #yui-main > .yui-b > div,
  #page_competitions #yui-main > .yui-b > div {
    display: flex;
    flex-direction: column-reverse;
  }

  #page_competitions div.index ul li .row {
    width: auto;
  }

  #page_competitions div.index ul.competitions li a,
  #page_competitions div.index ul.competitions li span {
    display: inline;
  }
  #page_competitions div.index ul.competitions li span {
    padding-left: 0.3em;
  }
  #page_competitions div.index ul.competitions li a {
    display: block;
    float: none;
    font-weight: bold;
  }

  .block_home_competitions,
  .block_competitions_popular,
  .block_players_transfers_menu,
  .block_players_abroad_menu,
  .block_teams_popular {
    font-size: 100%;
  }

  li.t_l.has-submenu:not(:last-child) > .submenu {
    display: none;
  }
  nav#main li.has-dropdown:not(:last-child) a.dropdown-button,
  nav#main li.has-submenu:not(:last-child) > a:after,
  nav#main > ul > li:before {
    content: none;
  }

  nav#main li.t_l.has-submenu:not(:last-child) a.t_l,
  nav#main li.t_l.has-dropdown:not(:last-child) a.t_l {
    padding: 0 12px;
  }
  #page_team_1_block_team_squad_7-table tr {
    display: table;
    width: 100%;
  }
  #page_team_1_block_team_squad_7-table td {
    display: table-row;
  }
  #page_team_1_block_team_squad_7-table td > div {
    display: table-cell;
    width: 33%;
  }
  #page_team_1_block_team_squad_3 .squad-container {
    overflow-x: scroll;
  }
  .details dd {
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
  div.block_player_passport div.yui-gc {
    display: flex;
    flex-direction: column-reverse;
  }
  div.block_player_passport div.yui-u {
    float: none;
    width: auto;
    margin: 0;
  }
  div.block_player_passport div.yui-u:not(.first) {
    text-align: center;
    margin-bottom: 10px;
  }
  div.redesign table.matches td,
  div.redesign table.matches .day {
    padding: 0;
    width: auto;
    height: auto;
  }

  .betting-provider img {
    margin: 0;
  }

  .redesign .block_competition_matches_summary table.matches .day:after,
  .redesign .info-button div:before {
    content: none;
  }

  .block_competition_left_tree-wrapper {
    display: none;
  }
  .redesign table.matches .team {
    font-size: 12px;
  }
  .redesign table.matches .team a {
    width: 150px;
  }
  .redesign table.matches .team-a {
    padding-right: 5px;
  }
  .redesign table.matches .team-b {
    padding-left: 5px;
  }
  .redesign table.matches .info-button div {
    width: auto;
  }

  .redesign .matches tr .score-time,
  .playerstats .player,
  .redesign .leaguetable.table td.text.team {
    white-space: nowrap;
  }

  #popup {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
  }
  .pika-single {
    display: inline;
  }
  .redesign .body-table .header-label {
    float: none;
    display: block;
  }

  .redesign .block_competition_tables-wrapper .header-label,
  .redesign .block_competition_playerstats-wrapper .header-label {
    float: left;
    display: block;
  }

  .opta-dazn-video-index-widget
    .Opta-Narrow
    .Opta_U_DVI_N
    .Opta-Video-Index
    .Opta-Video-Preview {
    flex-basis: 50%;
  }
  .opta-dazn-video-index-widget
    .Opta-Narrow
    .Opta_U_DVI_N
    .Opta-Video-Index
    .Opta-Video-Preview:last-child {
    display: none;
  }

  .redesign .switch-wrapper > span {
    float: none;
    display: inline-block;
    padding: 10px;
  }
  .redesign.additional-info .sidelined-content table.sidelined,
  .redesign.additional-info .sidelined-content table.sidelined:nth-child(2) {
    width: 100%;
    float: none;
  }

  .team-matches .score-addition-left,
  .team-matches .score-addition-right {
    margin: 0;
  }

  .h2hsection div.block div.left,
  .h2hsection div.block div.right {
    float: none;
    width: 100%;
  }

  #subheading {
    margin-bottom: 0;
  }

  .match-header .redesign .match-info .middle .scoretime {
    font-size: 25px;
  }
  .redesign.table .goalscorer td:first-child {
    padding: 0;
  }
  .redesign.table table th {
    font-size: 10px;
    max-width: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .redesign.table table td {
    font-size: 12px;
  }

  .redesign.table .goalscorer td:first-child span {
    padding: 5px;
  }
  .redesign.table .odds-score .custom-dropdown {
    width: auto;
  }
  .redesign .dropdown {
    min-width: auto;
  }

  #smtad-home-fixtures {
    height: 250px;
  }

  div.Opta.Opta-Narrow .Opta-OddsRow .Opta-BookmakerRow {
    width: 100%;
  }
}

@media only screen and (max-width: 900px) {
  .redesign table.matches .team a {
    width: 215px;
  }
}
@media only screen and (max-width: 800px) {
  .redesign table.matches .team a {
    width: 165px;
  }
}
@media only screen and (max-width: 700px) {
  .redesign table.matches .team a {
    width: 110px;
  }
}

@media only screen and (max-width: 500px) {
  .redesign table.matches .team a {
    width: 110px;
  }
}
@media only screen and (max-width: 400px) {
  .redesign table.matches .team a {
    width: 67px;
  }
  .matches .bet span:first-child {
    width: initial;
  }
  .matches .bet span:last-child {
    width: 31px;
  }

  #smtad-home-fixtures {
    height: 300px;
  }
}