@media only screen { 

} /* Define mobile styles */

@media only screen and (max-width: 40em) {
   #mastHead h1.left {margin: .25em auto 0 auto !important; text-align: center; float: none !important; text-align: center;}
    #mastHead h1.left img{max-width: 62.5%;}
    .pageContent .gameMasthead .gameTitle h2 {font-size:1.3rem;}
    .pageContent h1 {font-size: 1.5rem;}
    .pageContent h2, #fGamePromo h2 {margin: .25em 0; padding: .25em 0; font-size: 1em;}
    .pageContent .gameMasthead .gameTitle h2 span {display:block;}
    .pageContent .gameMasthead .gameTitle h2 span.live {display:inline;}
    .pageContent .gameMasthead .gameTitle h2 span.salcap {font-size:1.1rem;}
    #mastHead .teamMemberHeader h1 {top: 0px;text-align:center;font-size: 1.5rem;width: 100%;background: #000;}  
    .headlinesPackage li {width: 100%; padding: 0 1em;}
   .headlinesPackage li h5 {margin-top: -.75em;}
   .headlinesPackage figure {width: 100%;}
   .headlinesPackage figure div {width: 100%;}
    #sportTicker.row .shsTicker .dropdown { width: 25%;}
    #sportTicker.row .shsTicker ul {width: 75%;}
    #sportTicker.row div.dropdown span {font-size: .75em;}
    div.dropdown.active {background: #333;}
    div.dropdown ol {display:none; background: #222; left: 100%; top: 0;width: 0; transition: 0.2s ease-in-out all;}
    div.dropdown.active ol { width: 100%; display: block;}
    #sportTicker.row div.dropdown ol li {padding: 0 0.5em; height: 76px; line-height: 76px;}
    div.dropdown ol li:nth-child(2n+1) {}
    div.dropdown ol li:hover {background: #2a2a2a;}
    #navigation .columns{margin: 0 !important;}
    .loginBox .columns:first-child,
    .loginBox .columns:nth-child(2){padding-right: 0 !important; padding-left: 0 !important;}
    .tabs dd, .tabs .tab-title {float: none;}

    /*Week Ticker*/
	#weekTicker .shsTicker ul {overflow: hidden; height: 44px;}
	#weekTicker .shsTicker ul li {width: 44px; width: 44px; padding: 0; float: left;}
	#weekTicker .shsTicker ul li a {width: 100%; text-align: center; height: 44px;  line-height: 44px; display: block;}
	
	/*BWW Pick 'Em*/
	.pickEmContent article.large-6, .pickEmContent article.medium-6 {width: 100%; margin: 0 0 .25em 0;}
	.pickEmContent article ul li {font-size: .8em;}
	.pickEmContent article ul.gameInfo li {font-size: .9em;}
	.pickEmContent article ul.tieBreaker span {display: none;}
	.pickEmContent article ul.tieBreaker input {margin: 0 !important; height: 44px !important; line-height: 44px !important; font-size: 16px !important; border: none;}
	.pickEmContent article.tieBreakerGame h6.mobileTextHelp {display: block;}

    /*SalCap*/
     #sc_filterPicks, #sc_searchPicks {width: 100%; margin: .5em 0 0 0;}
    #sc_filterPicks li {width: 16.6333%;}
    #sc_filterPicks .button {padding-left: 0;padding-right: 0;width: 100%;display:inline-block;}
    .groupPage .button.small {display: block;}
    #sc_pickList table thead tr th, #sc_pickList table tbody tr td {display: table-cell; line-height: 1.125rem;font-size: .75em;font-weight: normal; text-align: center !important;}
    div table.totalTable tbody tr td {font-size: 1em;}
    #groupListing thead th.leagueType span {display: block;}
    .rosterStatus {font-size: 10px;}

    table.mobileTable td, table.mobileTable tr.header td, table.mobileTable th {padding: 0 4px;}
    table.mobileTable td, table.mobileTable td a, table.mobileTable th, table.mobileTable tr.header td {white-space: nowrap; font-size: 11px; line-height: 44px;}
    table.mobileTable td p {line-height: 1; white-space: normal; font-size: 11px !important; margin: 0;}
    div.table-wrapper div.scrollable a.mobile_duplicate {display: none !important;}

    .top-bar-section ul li.active > a {color:#fff;background: inherit;}
    .top-bar-section ul li.active > a:hover {color:#fff;background: #272727;}

    /*3 dots menu icon*/
    #siteCenter > div > section > div > nav > ul > li {right:0;padding-left: 0;}
    #siteCenter > div > section > div > nav > ul > li > a > i {font-size:2em;vertical-align: middle;padding: .3em .5em .3em 3em;}

    /*BWW LIVE*/
    .bwwLive ul.matchupInfo img {max-width: 45px;}
    .bwwLive ul.matchupInfo .homeTeam span, .bwwLive ul.matchupInfo .homeTeam img {}
    .bwwLive ul.matchupInfo .homeTeam span, .bwwLive ul.matchupInfo .awayTeam span {line-height: 44px;}
    .bwwLive ul.matchupInfo .awayTeam:after {right: 45%; top: 22px; font-size: 20px;}
    .bwwLive.trivLobby div.trivRoom .button {padding-left: 0; padding-right: 0; text-align: center; font-size: .75em;}
    .bwwLive.trivLobby div.trivRoom .button.chevron_black:after {width: 14px; height: 14px;}
    .bwwLive .viewResults .prevQuestion h1 {font-size: 1.25em;}
    .bwwLive div.viewResults {padding: 0;}
    .bwwLive .bwwLiveContent .answerOptions a {margin: 0;}
    .bwwLive .bwwLiveContent .answerStatus span {font-size: .75em;}

    /*Footer - Social*/
    .social-bar ul.social-list {width: 100%; padding: 0 !important; margin: 0 !important;}
    .social-bar ul.social-list li {width: 100%;border-bottom: 2px solid #000; padding: .5em 1em;}
    .social-bar ul.social-list li:last-child{border-bottom: none;}
    .social_shareContent .large-centered {width: 100%; padding: 0;}
    .social_shareContent .challengeFriends {width:100%;margin:0;padding: 0 1.5em;}
    #calltoActionFooterRow .columns{margin-bottom: 0;}
    footer.row a.statsLogo, footer.row div.small-4, footer.row div.small-8 {text-align: center; width: 100%;}
    footer.row .sLogo,
    footer.row .cLogo{margin-top: 0;}

    #mastHead img.bwwLogo{display: none;}
    footer.row *{text-align: center !important; float: none !important;}

    /*LoginBox*/
    div.loginBox{text-align: center;}
    div.loginBox .row{margin-top: 0; margin-bottom:0;}
    div.loginBox .row:nth-child(3){margin-top: 0; margin-bottom: 0;}

    /*Ads and Leaderboard widget*/
    .stretchAd, .s300x250Ad, #leaderBoardsWidget {display: none;}

    /*Leaderboard*/
    #leaderboard.glbLeaderboard thead tr th:first-child, #leaderboard.glbLeaderboard tbody tr td:first-child, #leaderboard.glbLeaderboard thead tr th:last-child, #leaderboard.glbLeaderboard tbody tr td:last-child{width:inherit;padding-right:.625rem;}
    .liveLeaderboards .button {width:100%;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (min-width: 40.063em) {
  .headlinesPackage li h5 {margin-top: -.75em;}
  .headlinesPackage figure {width: 100%;}
  .headlinesPackage figure div {width: 100%;} 
  #navigation .columns{margin: 0 !important;} 
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

    #mastHead h1.left {margin: .25em auto 0 auto !important; text-align: center; float: none !important; text-align: center;}
    #mastHead h1.left img{max-width: 62.5%;}
    #mastHead .teamMemberHeader h1 {top: 0px;text-align:center;font-size: 1.5rem;width: 100%;background: #000;} 
    #mastHead img.bwwLogo{display: none;}
    /*#mastHead .row .large-12.columns {width:100%;}*/

  /* #mastHead section{position: relative;height: 7em;}
   #mastHead h1{position: absolute;top: 0;left: 0;}
   #mastHead h1 img{width: 275px;}
   #mastHead .teamMemberHeader h1 {top: 40px; margin-left: 300px; margin-right: 150px; max-width: 400px; font-size: 1.25rem;width: auto;background: none;}*/
  .headlinesPackage li h5 {margin-top: -.75em;}
  .headlinesPackage figure {width: 100%;}
  .headlinesPackage figure div {width: 100%;}  
   #navigation .columns{margin: 0 !important;}
   .tabs dd > a, .tabs .tab-title > a {padding: 1rem;}   

    /*Footer - Social*/
    .social-bar ul.social-list {width: 100%; padding: 0 !important; margin: 0 !important;}
    .social-bar ul.social-list li {width: 100%;border-bottom: 2px solid #000; padding: .5em 1em;}
    .social-bar ul.social-list li:last-child{border-bottom: none;}
    #calltoActionFooterRow .columns{margin-bottom: 0;}
    footer.row *{text-align: center !important; float: none !important;} 
    .loginBox .columns:first-child,
    .loginBox .columns:nth-child(2){padding-right: 0 !important; padding-left: 0 !important;}
    /*LoginBox*/
    div.loginBox{text-align: center;}
    .loginBox .row:nth-child(3) .columns{margin: -.5em 0 0 0 !important;}
    
    /*SalCap*/
    #sc_filterPicks, #sc_searchPicks {width: 100%; margin: .5em 0 0 0;}
    #sc_filterPicks li {width: 14.2%;}
    #sc_filterPicks .button {padding-left: 0;padding-right: 0;width: 100%;display:inline-block;}

    /*BWW LIVE*/
    .bwwLive.trivLobby div.trivRoom .button {height: auto !important;}
    .bwwLive .bwwLiveContent .answerOptions a {margin: 0;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) {
    .large-4.columns .loginBox {margin-top:0 !important;}

    .row.carouselRow .myTeams {margin-top:0 !important;}

    #mastHead section{position: relative;height: 7em;}
    #mastHead h1{position: absolute;top: 0;left: 0;}
    #mastHead h1 img{width: 275px;}
    #mastHead .teamMemberHeader h1 {margin: 30px 150px 0 300px; font-size: 2em;}
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */