/* ========================================================================
   19. RESPONSIVE
   ======================================================================== */

@media (max-width:1180px){
  .match-lineups-pitch__field{
    min-height:640px;
  }

  .match-lineups-pitch__team{
    min-height:640px;
    padding:20px 14px;
  }

  .match-lineups-pitch__formation{
    column-gap:14px;
  }

  .match-lineups-pitch__line{
    gap:14px;
  }

  .match-lineups-pitch__label{
    max-width:104px;
    font-size:10px;
  }
}

@media (max-width:860px){
  .match-lineups-state{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    padding:12px;
  }

  .match-lineups-state__title{
    font-size:16px;
  }

  .match-lineups{
    grid-template-columns:1fr;
  }

  .match-summary-stats .match-lineups{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:12px;
  }

  .match-lineups-pitch{
    padding:12px;
    border-radius:16px;
  }

  .match-lineups-pitch__head{
    grid-template-columns:1fr;
    gap:10px;
    margin:0 0 12px;
    padding:0;
  }

  .match-lineups-pitch__head-team{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }

  .match-lineups-pitch__head-team--right{
    justify-content:flex-start;
    text-align:left;
  }

  .match-lineups-pitch__canvas{
    border-radius:14px;
  }

  .match-lineups-pitch__field{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .match-lineups-pitch__mark--midline,
  .match-lineups-pitch__mark--center-circle,
  .match-lineups-pitch__mark--center-dot{
    display:none;
  }

  .match-lineups-pitch__half{
    min-height:420px;
    border-bottom:2px solid rgba(255,255,255,.22);
  }

  .match-lineups-pitch__half:last-child{
    border-bottom:0;
  }

  .match-lineups-pitch__team{
    min-height:420px;
    padding:18px 12px;
  }

  .match-lineups-pitch__formation{
    column-gap:10px;
  }

  .match-lineups-pitch__line{
    gap:10px;
  }

  .match-lineups-pitch__label{
    max-width:82px;
    font-size:10px;
  }

  .match-lineups-pitch__photo{
    width:44px;
    height:44px;
    flex-basis:44px;
  }

  .match-lineups-key{
    padding:18px;
  }

  .match-lineups-key__grid{
    grid-template-columns:1fr 1fr;
    gap:14px 24px;
  }

  .match-lineups-key__item{
    gap:10px;
    font-size:14px;
  }

  .match-player-stats{
    margin-top:6px;
  }

  .match-player-stats__table{
    min-width:720px;
  }

  .match-player-stats__table thead th{
    padding:0 6px 8px;
    font-size:10px;
  }

  .match-player-stats__table tbody td{
    padding:10px 6px;
    font-size:13px;
  }

  .match-player-stats__player{
    width:190px;
    min-width:190px;
  }

  .match-player-stats__player-box{
    grid-template-columns:30px minmax(0,1fr);
    gap:8px;
  }

  .match-player-stats__avatar,
  .match-player-stats__avatar img{
    width:30px;
    height:30px;
  }

  .match-player-stats__name{
    font-size:13px;
    line-height:1.25;
  }

  .match-player-stats__table th:not(.match-player-stats__player),
  .match-player-stats__table td:not(.match-player-stats__player){
    min-width:34px;
  }

  .match-player-stats-team{
    margin-top:10px;
  }

  .match-player-stats-team + .match-player-stats-team{
    margin-top:14px;
  }

  .match-player-stats-team__header{
    padding:7px 10px;
    margin-bottom:6px;
  }

  .match-player-stats-team__name{
    gap:8px;
    font-size:13px;
  }

  .match-player-stats-team__name img{
    width:18px;
    height:18px;
    flex:0 0 18px;
  }

  .match-stats__row{
    grid-template-columns:52px minmax(0,1fr) 52px;
    gap:10px;
  }

  .match-summary-form__team-head{
    padding:10px 12px;
  }

  .match-summary-form__team-title{
    font-size:15px;
  }

  .match-summary-form__team-form-label{
    font-size:12px;
  }
}

@media (max-width:767px){
  .afw-breadcrumbs{
    margin:0 0 12px;
  }

  .afw-breadcrumbs__list{
    gap:6px;
  }

  .afw-breadcrumbs__item{
    gap:6px;
  }

  .afw-breadcrumbs__link,
  .afw-breadcrumbs__current{
    font-size:12px;
  }

  .match-summary-form__row{
    grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);
    gap:12px;
  }

  .match-summary-form__score{
    min-width:96px;
    padding:0 12px;
  }

  .match-summary-stats__row{
    grid-template-columns:1fr auto 1fr;
    gap:10px;
    padding:10px;
  }

  .match-summary-stats__cell--left,
  .match-summary-stats__cell--right{
    font-size:14px;
  }

  .match-summary-stats__label{
    font-size:11px;
    white-space:normal;
    line-height:1.2;
  }
}

@media (max-width:640px){
  .match-lineups__player{
    grid-template-columns:42px minmax(0,1fr) 46px;
    gap:8px;
  }

  .match-lineups__player-num{
    width:32px;
    height:30px;
    font-size:13px;
  }

  .match-lineups__player-name{
    font-size:14px;
  }

  .match-lineups-badges--list{
    max-width:58%;
  }

  .match-lineups__rating{
    min-width:26px;
    min-height:22px;
    padding:0 6px;
    font-size:11px;
  }

  .match-lineups__confidence{
    display:none;
  }

  .match-lineups-pitch{
    padding:10px;
    border-radius:14px;
  }

  .match-lineups-pitch__head-team{
    gap:8px;
  }

  .match-lineups-pitch__head-team strong{
    font-size:14px;
  }

  .match-lineups-pitch__formation-pill{
    padding:5px 8px;
    font-size:11px;
  }

  .match-lineups-pitch__half{
    min-height:340px;
  }

  .match-lineups-pitch__team{
    min-height:340px;
    padding:14px 8px;
  }

  .match-lineups-pitch__formation{
    column-gap:8px;
  }

  .match-lineups-pitch__line{
    gap:8px;
  }

  .match-lineups-pitch__label{
    max-width:64px;
    font-size:9px;
    line-height:1.1;
    padding:4px 6px;
  }

  .match-lineups-pitch__photo{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .match-lineups-pitch__rating{
    right:-6px;
    bottom:-6px;
    min-width:21px;
    height:21px;
    padding:0 3px;
    font-size:9px;
  }

  .match-lineups-key__grid{
    grid-template-columns:1fr;
  }

  .match-lineups-pitch__half--home .match-lineups-pitch__box--penalty,
  .match-lineups-pitch__half--away .match-lineups-pitch__box--penalty{
    width:30%;
  }

  .match-lineups-pitch__half--home .match-lineups-pitch__arc--penalty,
  .match-lineups-pitch__half--away .match-lineups-pitch__arc--penalty{
    width:58px;
    height:58px;
  }

  .match-predictions__grid{
    grid-template-columns:1fr;
  }

  .match-summary-form__row{
    grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);
    gap:8px;
    align-items:center;
  }

  .match-summary-form__side--home{
    grid-template-columns:minmax(0,1fr) 34px;
    justify-self:stretch;
  }

  .match-summary-form__side--away{
    grid-template-columns:34px minmax(0,1fr);
    justify-self:stretch;
  }

  .match-summary-form__side--home .match-summary-form__text{
    text-align:right;
  }

  .match-summary-form__side--away .match-summary-form__text{
    text-align:left;
  }

  .match-summary-form__logo{
    width:34px;
    height:34px;
    flex:0 0 34px;
  }

  .match-summary-form__logo img{
    width:34px;
    height:34px;
  }

  .match-summary-form__name{
    font-size:11px;
    line-height:1.15;
  }

  .match-summary-form__score{
    width:auto;
    min-width:72px;
    padding:0 8px;
  }

  .match-summary-form__score::before,
  .match-summary-form__score::after{
    top:6px;
    bottom:6px;
    display:block;
  }

  .match-summary-form__score-value{
    font-size:13px;
  }

  .match-summary-form__team-head{
    gap:8px;
    padding:9px 10px;
  }

  .match-summary-form__team-id{
    gap:8px;
  }

  .match-summary-form__team-logo{
    width:22px;
    height:22px;
    flex:0 0 22px;
  }

  .match-summary-form__team-logo img{
    width:22px;
    height:22px;
  }

  .match-summary-form__team-title{
    font-size:14px;
    white-space:normal;
    overflow:visible;
    text-overflow:unset;
  }

  .match-summary-form__team-form{
    gap:6px;
  }

  .match-summary-form__team-form .match-form-badges{
    gap:5px;
  }

  .match-summary-stats .match-lineups{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
  }

  .match-summary-stats .match-lineups__team-head{
    padding:9px 10px;
    gap:8px;
  }

  .match-summary-head-record{
    min-width:78px;
    padding:5px 6px;
  }

  .match-summary-head-record__item{
    min-width:22px;
    padding:0 4px;
  }

  .match-summary-head-record__value{
    font-size:15px;
  }

  .match-summary-stats .match-lineups__team{
    gap:8px;
  }

  .match-summary-stats .match-lineups__team-name{
    font-size:13px;
    white-space:normal;
    overflow:visible;
    text-overflow:unset;
  }

  .match-summary-stats .match-lineups__team-logo{
    width:24px;
    height:24px;
    flex:0 0 24px;
  }

  .match-summary-stats .match-lineups__team-logo img{
    width:24px;
    height:24px;
  }

  .match-summary-stats .match-lineups__formation{
    font-size:10px;
    padding:5px 7px;
  }

  .match-summary-stats__row{
    grid-template-columns:1fr auto 1fr;
    gap:8px;
    padding:10px 8px;
    text-align:initial;
  }

  .match-summary-stats__cell--left{
    justify-self:start;
    text-align:left;
  }

  .match-summary-stats__cell--right{
    justify-self:end;
    text-align:right;
  }

  .match-summary-stats__label{
    white-space:normal;
    line-height:1.2;
    text-align:center;
  }

  .match-summary-leaders__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .match-summary-stats__cell--left .match-form-badges{
    justify-content:flex-start;
    margin-right:auto;
  }

  .match-summary-stats__cell--right .match-form-badges{
    justify-content:flex-end;
    margin-left:auto;
  }

  .match-form-badge{
    width:24px;
    height:20px;
    font-size:12px;
  }

  .match-stats__row{
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:8px;
  }

  .match-stats__num{
    font-size:13px;
  }

  .match-stats__label{
    font-size:11px;
  }

  .match-stats--pred-style .match-predictions__compare-top{
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:8px;
  }
}

@media (max-width:520px){
  .match-events{
    gap:22px;
  }

  .match-events__item{
    grid-template-columns:42px 30px 44px minmax(0,1fr);
    min-height:58px;
    padding:9px 10px;
    gap:9px;
  }

  .match-events__item--away{
    grid-template-columns:minmax(0,1fr) 44px 30px 42px;
  }

  .match-events__time{
    width:42px;
    height:36px;
    font-size:14px;
  }

  .match-events__icon{
    width:30px;
    height:24px;
  }

  .match-events__ico--badge{
    min-width:24px;
    height:20px;
    padding:0 4px;
    font-size:9px;
    line-height:20px;
  }

  .match-events__ico--var{
    min-width:30px;
  }

  .match-events__avatar{
    width:30px;
    height:30px;
  }

  .match-events__avatar-img{
    width:100%;
    height:100%;
  }

  .match-events__avatars{
    width:44px;
  }

  .match-events__avatars--sub .match-events__avatar + .match-events__avatar{
    margin-left:-16px;
  }

  .match-events__text,
  .match-events__names{
    gap:6px;
  }

  .match-events__main{
    font-size:14px;
  }

  .match-events__sub{
    font-size:11px;
  }

  .match-events__meta{
    display:none;
  }

  .match-player-stats__table{
    min-width:640px;
  }

  .match-player-stats__table thead th{
    font-size:10px;
    padding:0 5px 8px;
  }

  .match-player-stats__table tbody td{
    padding:9px 5px;
    font-size:12px;
  }

  .match-player-stats__player{
    width:170px;
    min-width:170px;
  }

  .match-player-stats__player-box{
    grid-template-columns:28px minmax(0,1fr);
    gap:7px;
  }

  .match-player-stats__avatar,
  .match-player-stats__avatar img{
    width:28px;
    height:28px;
  }

  .match-player-stats__name{
    font-size:12px;
    line-height:1.2;
  }

  .match-player-stats__table th:not(.match-player-stats__player),
  .match-player-stats__table td:not(.match-player-stats__player){
    min-width:32px;
  }

  .match-player-stats-team__header{
    padding:6px 9px;
    margin-bottom:6px;
  }

  .match-player-stats-team__name{
    gap:7px;
    font-size:12px;
  }

  .match-player-stats-team__name img{
    width:16px;
    height:16px;
    flex:0 0 16px;
  }

  .match-standings{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .match-standings__row{
    min-width:620px;
  }

  .match-lineups-pitch__head-team{
    gap:6px;
  }

  .match-lineups-pitch__formation-pill{
    padding:4px 7px;
  }

  .match-summary__card{
    padding:12px;
  }

  .match-summary-form{
    gap:16px;
  }

  .match-summary-form__card{
    padding:9px 10px;
  }

  .match-summary-form__row{
    grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);
    gap:6px;
  }

  .match-summary-form__side--home{
    grid-template-columns:minmax(0,1fr) 28px;
  }

  .match-summary-form__side--away{
    grid-template-columns:28px minmax(0,1fr);
  }

  .match-summary-form__logo{
    width:28px;
    height:28px;
    flex:0 0 28px;
  }

  .match-summary-form__logo img{
    width:28px;
    height:28px;
  }

  .match-summary-form__name{
    font-size:10px;
  }

  .match-summary-form__score{
    min-width:64px;
    padding:0 6px;
  }

  .match-summary-form__score-value{
    font-size:12px;
  }

  .match-summary-form__team-head{
    padding:9px 10px;
  }

  .match-summary-form__team-title{
    font-size:13px;
  }

  .match-summary-form__team-form-label{
    font-size:11px;
  }

  .match-summary-form__team-logo{
    width:20px;
    height:20px;
    flex:0 0 20px;
  }

  .match-summary-form__team-logo img{
    width:20px;
    height:20px;
  }

  .match-summary-stats .match-lineups{
    gap:8px;
  }

  .match-summary-stats .match-lineups__team-head{
    flex-wrap:wrap;
  }

  .match-summary-stats .match-lineups__team-head--home .match-summary-head-record,
  .match-summary-stats .match-lineups__team-head--away .match-summary-head-record{
    order:3;
    width:100%;
    margin:0;
  }

  .match-summary-stats__cell--left,
  .match-summary-stats__cell--right{
    font-size:13px;
  }

  .match-summary-stats__label{
    font-size:11px;
  }

  .match-summary-leaders__team{
    padding:12px;
  }

  .match-summary-leaders__player{
    grid-template-columns:30px minmax(0,1fr) auto;
    gap:8px;
  }

  .match-summary-leaders__photo,
  .match-summary-leaders__photo img{
    width:30px;
    height:30px;
  }

  .match-summary-leaders__name{
    font-size:12px;
  }

  .match-form-badge{
    width:22px;
    height:18px;
    font-size:11px;
  }

  .match-stats__row{
    grid-template-columns:40px minmax(0,1fr) 40px;
    gap:8px;
    padding:8px 0;
  }

  .match-stats__num{
    font-size:12px;
  }

  .match-stats__label{
    font-size:11px;
  }

  .match-stats--pred-style .match-predictions__compare-top{
    grid-template-columns:40px minmax(0,1fr) 40px;
    gap:8px;
  }
}