@media(max-width:1180px){
  .fr-hq{
    width:min(1120px, calc(100vw - 20px));
  }

  .fr-office-row{
    grid-template-columns:minmax(0, 1fr) minmax(150px, .72fr);
  }

  .fr-office-player,
  .fr-office-tags{
    grid-column:1 / -1;
  }
}

@media(max-width:1120px){
  .fr-setup-grid,
  .fr-setting-grid.two,
  .fr-market-layout,
  .fr-office-market-shell{
    grid-template-columns:1fr;
  }

  .fr-office-summary,
  .fr-pulse-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .fr-transfer-grid{
    grid-template-columns:1fr;
  }

  .fr-office-shell{
    grid-template-columns:1fr;
  }

  .fr-office-side{
    position:static;
  }

  .fr-office-row{
    grid-template-columns:1fr;
  }

  .fr-market-row{
    grid-template-columns:minmax(0, 1.4fr) minmax(0, 1.1fr) 78px 96px 96px minmax(180px, 1fr);
  }
}

@media(max-width:680px){
  .fr-roster{
    grid-template-columns:1fr;
  }

  .fr-setup-board{
    padding:18px 16px;
  }

  .fr-setup-shell,
  .fr-setting-grid{
    padding:14px 12px;
  }

  .fr-setup-title{
    font-size:26px;
  }

  .fr-setup-head{
    font-size:20px;
  }

  .fr-setup-grid{
    grid-template-columns:1fr;
  }

  .fr-franchise-summary{
    flex-direction:column;
  }

  .fr-franchise-summary-meta{
    max-width:none;
    text-align:left;
  }

  .fr-franchise-grid{
    grid-template-columns:1fr;
  }

  .fr-command-grid,
  .fr-office-summary,
  .fr-market-rail-stats,
  .fr-negotiation-stats,
  .fr-negotiation-inputs,
  .fr-pulse-grid,
  .fr-calendar-grid{
    grid-template-columns:1fr;
  }

  .fr-offer-head{
    font-size:22px;
  }

  .fr-market-name{
    font-size:24px;
  }

  .fr-market-desk-stats,
  .fr-market-row,
  .fr-transfer-row{
    grid-template-columns:1fr;
  }

  .fr-market-head-row{
    display:none;
  }

  .fr-market-actions,
  .fr-filter-toggle,
  .fr-market-filters,
  .fr-market-controls,
  .fr-office-button-row,
  .fr-negotiation-actions{
    flex-direction:column;
  }

  .fr-transfer-money,
  .fr-transfer-action{
    justify-self:start;
    text-align:left;
    justify-items:start;
  }

  .fr-market-sort-wrap{
    min-width:0;
    width:100%;
  }

  .fr-market-table .fr-market-rating{
    text-align:left;
  }

  .fr-league-row{
    grid-template-columns:28px minmax(112px, 1fr) 38px 46px 46px 54px;
    gap:6px;
    min-width:376px;
    padding:10px;
  }

  .fr-col-rank,
  .fr-col-ovr,
  .fr-col-pts,
  .fr-col-titles,
  .fr-col-last{
    font-size:20px;
  }

  .fr-tool-actions,
  .fr-offer-actions,
  .fr-share-actions{
    flex-direction:column;
  }

  .fr-tool-actions .btn,
  .fr-share-actions .btn,
  .fr-actions .btn,
  .fr-offer-btn{
    width:100%;
    min-width:0;
  }

  .fr-guide,
  .fr-command,
  .fr-front-office,
  .fr-pulse,
  .fr-calendar,
  .fr-draft-market,
  .fr-league,
  .fr-share,
  .fr-tools,
  .fr-offers,
  .fr-history{
    padding:12px;
  }

  .fr-panel-copy,
  .fr-status-card,
  .fr-offer-card,
  .fr-market-card,
  .fr-market-row,
  .fr-market-desk,
  .fr-market-rail{
    padding:12px;
  }
}

