#responsiveLoginButton {
  background: 0;
  font-size: 28px;
  color: #222;
  margin-top: -2px; }
  #responsiveLoginButton span {
    text-transform: uppercase;
    font-size: 9px;
    position: absolute;
    bottom: -17px;
    left: -6px;
    font-weight: bold; }

#responsiveMenuButton {
  background: 0;
  font-size: 28px;
  color: #222;
  margin-top: -2px; }

#responsiveHeader {
  border-bottom: 3px solid #001940;
  background-color: #001940; }
  #responsiveHeader i {
    color: #fff; }
  #responsiveHeader #responsiveMenuLogo {
    z-index: 99999;
    position: fixed;
    margin: 8px 0 0 9px; }
    #responsiveHeader #responsiveMenuLogo img {
      max-height: 50px; }

#responsiveMenu, #responsivePlayerMenu, #responsiveSportMenu {
  top: 63px !important; }

body #responsiveHeader {
  background-color: #001940; }
  body #responsiveHeader i {
    color: #fff; }

body #responsiveMenuButton,
body #responsiveLoginButton {
  color: #fff; }
  body #responsiveMenuButton.active,
  body #responsiveLoginButton.active {
    background-image: none; }
  body #responsiveMenuButton.loggedIn,
  body #responsiveLoginButton.loggedIn {
    background-image: none; }

@media only screen and (max-width: 850px) {
  body {
    background: #fff; }

  #header, #sidebar, #sportIconRow {
    display: none; }

  #mainPage {
    padding: 0 10px;
    text-align: left;
    min-height: 0;
    margin: 0.5rem 0; }

  #sliderContainer, #sliderOuterContainer, #slider, ul.slides li {
    position: relative;
    top: auto;
    left: auto;
    float: none;
    width: auto;
    height: auto;
    max-width: 940px; }

  #sliderContainer {
    margin: 0;
    padding: 0;
    border: 0; }

  #slider li img {
    max-width: 100%; }

  #homePageTagline {
    background: #3b6f48;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0.5rem 0;
    font-size: 1rem;
    margin: 1rem 0; }

  #homePageTop div.componentRow div.component.size_1 {
    width: 30%; }

  #homePagePromoBox {
    padding: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem; }

  #homePageInternalAd img {
    max-width: 100%; }

  #homePageUpcomingLeagues, #homePageUpcomingEvents {
    width: 45%; }

  #homePageSocial .titleBar {
    display: none; }

  #homePageSocial {
    text-align: center;
    width: 420px;
    margin: 2rem auto; }

  #homePageSocial div {
    margin: 1rem 0; }

  #homePageSocial .instagramContainer::before {
    content: "Players Sports Group on Instagram";
    background: #3b6f48;
    padding: .25rem .75rem;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }

  #footerOuter #footer .footerColumn,
  #footerOuter #footer .footerColumn.contact {
    margin-left: 1rem; }
    #footerOuter #footer .footerColumn li,
    #footerOuter #footer .footerColumn.contact li {
      margin-top: 0.6rem; }

  #llInfo, #copyright {
    margin: 0 1rem; }

  #footerBanner {
    max-width: 100%;
    padding: 0 0.5rem; } }
@media only screen and (max-width: 767px) {
  #homePageTop div.componentRow div.component.size_1,
  #homePageUpcomingLeagues, #homePageUpcomingEvents {
    border: 0; }

  #homePageTop {
    margin-bottom: 0; }

  #homePageTop #homePageContentContainer .componentRow .component.size_1 {
    padding-top: .75rem;
    border-top: 1px solid #eee;
    margin-bottom: .75rem; }

  #homePageTop #homePageContentContainer .componentRow #component_1_1 {
    border-top: double #eee; }

  #homePageTop #homePageContentContainer .componentRow #component_1_3 {
    border-bottom: double #eee;
    padding-bottom: 1rem;
    margin-bottom: 0; }

  #homePageUpcomingLeagues, #homePageUpcomingEvents {
    border-top: 1px solid #eee;
    padding-top: 1rem;
    margin: 1rem 0; }

  #homePageUpcomingLeagues {
    border-top: double #eee; }

  .monkeySports .monkeySport {
    margin: 0 10px !important; }
    .monkeySports .monkeySport img {
      width: 50px !important; }

  #homePageTagline {
    padding: 1rem; }

  .footerColumn li, .footerColumn h4 {
    margin: 1rem 0; }
  .footerColumn a {
    font-size: 1.1rem; } }
@media only screen and (max-width: 568px) {
  body {
    padding-top: 0; }

  #homePageTagline {
    display: none; }

  #homePageInternalAd {
    margin: 1.0rem 0; }

  #homePagePromoBox {
    border-bottom: 1px solid #eee; }

  #homePageSocial {
    width: auto;
    margin: 0; }

  #homePageSocial .instagramContainer, #homePageSocial .facebookContainer {
    display: none; }

  #homePageUpcoming {
    min-width: 100%;
    margin: 0 auto; }

  /* NEW STYLES */
  html, body {
    max-width: 100%;
    overflow-x: hidden; }

  .sportpage #pageContainer {
    width: 100% !important; }

  .monkeySports .monkeySport {
    margin: 0 10px !important; }
    .monkeySports .monkeySport img {
      width: 50px !important; }

  #sportMenu {
    display: none !important; }

  #mainPage {
    padding: 0; }
    #mainPage.sitepage {
      padding: 65px 10px 25px;
      margin-top: 50px; }
    #mainPage.sitepage.sportpage {
      padding: 15px 10px 25px;
      margin-top: 10px; }
    #mainPage #responsiveSportMenu {
      display: none; }
    #mainPage #sportMenuSection .title {
      margin-left: 0;
      width: 100%;
      display: block; }
    #mainPage #sportMenuSection .links {
      float: none; }
      #mainPage #sportMenuSection .links .link {
        float: none;
        margin-left: 0;
        margin-right: 25px;
        margin-bottom: 15px;
        color: #001940; }
        #mainPage #sportMenuSection .links .link a {
          color: #001940; }
    #mainPage #homepageContent {
      width: 100%; }
      #mainPage #homepageContent > div {
        width: 100%;
        margin-left: 0; }
    #mainPage #homePageTop #sliderOuterContainer {
      width: 100%;
      border: 0;
      border-radius: 0;
      height: auto; }
    #mainPage #homepageSponsors {
      display: none; }
    #mainPage #homePageBottom #bottomPromo {
      width: 95%;
      margin: 10px 10px 0; }
    #mainPage #homePageBottom .homepage-promo {
      margin-left: 10px;
      margin-top: 15px;
      margin-right: 0px;
      width: 94%; }
      #mainPage #homePageBottom .homepage-promo .image {
        width: 95%; }
    #mainPage #homePageVideo {
      width: 95%;
      margin: 10px 10px 0; }
    #mainPage #homePageContentContainer {
      padding: 0; }
      #mainPage #homePageContentContainer #homepageContent {
        width: 95%;
        margin: 10px 10px 15px; }
        #mainPage #homePageContentContainer #homepageContent .component {
          width: 100%; }

  #banner {
    height: auto;
    top: -10px;
    line-height: 58px;
    margin-bottom: 5px; }
    #banner h3 {
      top: 120px;
      font-size: 28px; }
    #banner .slide img {
      max-height: 300px;
      object-fit: cover; }
    #banner .flex-direction-nav {
      bottom: 50px; }

  .footerColumn {
    display: none; }

  #mainPage #homePageTop {
    margin-top: 61px; }
    #mainPage #homePageTop #promoLinks {
      height: auto; }
      #mainPage #homePageTop #promoLinks a {
        width: 100%;
        display: inline-block;
        float: none;
        border: 0;
        margin-bottom: 5px; }

  #subPromo {
    margin-top: 20px; }
    #subPromo > p {
      display: none; }
    #subPromo a {
      margin: 10px auto; }
      #subPromo a:first-of-type {
        margin-right: 0 !important;
        margin-top: 45px; }

  #mainPage #homePageBottom h3 {
    width: 92%;
    margin: 45px auto 25px; }
  #mainPage #homePageBottom .left {
    width: 100%;
    margin: 0 auto; }
    #mainPage #homePageBottom .left > div {
      box-shadow: 0;
      width: 92%;
      margin: 0 auto; }
  #mainPage #homePageBottom .right {
    display: none; }

  #snapwidgetContainer {
    width: 92%;
    margin: 0 auto;
    overflow: hidden; }

  #sponsors {
    width: 92%;
    margin: 45px auto 45px; }
    #sponsors > #icons {
      width: 100%; }
      #sponsors > #icons img {
        max-width: 22%;
        margin-right: 6px; }

  #sponsors > #testimonial {
    display: none; }

  .footerColumn.menu {
    display: none; }

  .footerColumn.contact {
    display: none; }

  .footerColumn.extra {
    display: none; }

  #footerOuter {
    padding: 20px 0; }
    #footerOuter .social {
      display: block;
      text-align: center;
      margin-bottom: 40px; }
    #footerOuter .copyright {
      display: block;
      text-align: center; }

  #newsletterSignup {
    width: 100%;
    padding: 20px 0;
    position: relative;
    height: auto; }
    #newsletterSignup form {
      width: 100%; }
      #newsletterSignup form > span {
        display: block;
        text-align: center;
        margin-bottom: 25px; }
      #newsletterSignup form > input[type=text] {
        width: 75%;
        margin: 0 auto;
        clear: both;
        display: block;
        border-radius: 2px; }
      #newsletterSignup form > input[type=submit] {
        width: 88%;
        margin: 0 auto;
        clear: both;
        display: block;
        border-radius: 2px;
        margin-top: 10px; }

  #adBanner {
    height: 95px; }
    #adBanner > a {
      height: 95px; }
      #adBanner > a img {
        max-width: 100%;
        height: 95px; }

  #snapwidgetContainer iframe {
    height: 65px; }

  #sportBanner {
    margin-top: 60px;
    margin-bottom: -50px; }
    #sportBanner .inner {
      width: 100%;
      height: auto;
      line-height: 55px;
      padding-top: 230px;
      padding-left: 10px;
      padding-right: 10px; }
      #sportBanner .inner a {
        float: left;
        padding: 3px 20px;
        margin-top: 10px;
        display: block; } }
