.test {
  margin-top: 10px;
}
/* main.css */
html, body {
    background-color: #0D0D0D;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 650px;
}

a {
  text-decoration: none;
}

.FirstTextWrapper {
    margin-left: 3%;
    margin-top: 5px;
}

.FirstTextDiv h1 {
    color: white;
    font-size: 0.1em;
    font-weight: normal;
    margin: 0;
}


.TopMenu {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    background-color: #72F2A9;
    color: #0D0D0D;
    font-size: 10px;
    vertical-align: top;
    transition: top 0.3s ease-in-out;
}

/* Add a class to set position to fixed */
.TopMenu.fixed {
    position: fixed;
    top: -5px;
    left: 0;
}

.Logo {
    color: #0D0D0D;
    width: 13.5%;
    height: 40px;
    margin: auto;
    background: url(/img/logoscoresfeed.png) -14px -5px;
    background-size: 210%;
    cursor: pointer;
}
@media screen and (max-width: 1300px) {
  .Logo {
    width: 16.5%;
  }
}

@media screen and (max-width: 1150px) {
  .Logo {
    width: 18.5%;
  }
}

@media screen and (max-width: 1000px) {
  .Logo {
    width: 20.5%;
  }
}
@media screen and (max-width: 900px) {
  .Logo {
    margin-left: 4%;
  }
}
@media screen and (max-width: 850px) {
  .Logo {
    width: 24.5%;
  }
}

@media screen and (max-width: 700px) {
  .Logo {
    width: 29.5%;
  }
}

@media screen and (max-width: 550px) {
  .Logo {
    width: 30.5%;
  }
}

@media screen and (max-width: 480px) {
  .Logo {
    width: 47.5%;
}
}

.Logo:hover {
  transform: scale(1.05);
}

.MenuButton {
    font-size: 2.6em;
    color: #0D0D0D;
    width: 8%;
    height: 30px;
    padding-top: 8px;
    margin-left: 37%;
    vertical-align: top;
    text-align: center;
    font-style: oblique;
    display: inline-block;
}

.MenuDiv {
    top: 61.7px;
    right: 1px;
    width: 42%;
    height: 25%;
    position: fixed;
    background-color: #2B2B2B;
    border-bottom-left-radius: 3px;
    box-shadow: 0 4px 12px rgba(114, 242, 169, 0.6);
    display: none;
}

.MenuLeagueButton {
    width: 100%;
    height: 10%;
    font-size: 0.8em;
    color: white;
    text-align: center;
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.LiveCalendarDiv {
    width: 80%;
    height: 40px;
    margin-top: 5px;
    margin-left: 10%;
    text-align: center;
}

.LiveButton {
    width: 13%;
    height: 33px;
    vertical-align: top;
    margin-top: 5px;
    border: 1px solid red;
    border-radius: 13px;
    font-size: 1em;
    color: red;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.LiveButton:hover {
    transform: scale(1.05);
}

.MainLeagueFlagImageDiv {
    width: 8.2%;
    height: 31px;
    object-fit: cover;
    margin-left: 6%;
    border-radius: 66%;
    overflow: hidden;
    min-width: 31px;
    margin-top: -2px;
}

.LeagueFlagImageDesktop4 {
    height: 30px; /* Set the desired height */
    width: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the whole image is visible within the set height */
}

.LiveMatchesButton{
    background-color: red;
    color: white;
}

.CalendarItem {
    width: 12.8%;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
    margin-top: 5px;
    border: 1px solid #696969;
    border-radius: 13px;
    font-size: 0.9em;
    color: #696969;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.CalendarItem:hover {
    transform: scale(1.05);

}

.CalendarItemToday{
  border: 1px solid #72F2A9;
  color: #72F2A9;
}

.Matches {
    margin-top: 15px;
}

.CalendarMenusDesktop {
    width: 24.6%;
    vertical-align: top;
    display: inline-block;
}

.NewsDiv {
    width: 80%;
    margin-top: 10px;
    background-color: #2B2B2B;
    margin-left: 12.5%;
    border-radius: 7px;
}

.BreakingNews {
    width: 6%;
    height: 16px;
    margin-left: 90%;
    background-color: red;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
}

.NewsDesktop {
    width: 24.6%;
    vertical-align: top;
    display: inline-block;
}

.NewsDesktop3 {
    color: #cebbbb;
    padding: 15px;
    font-size: 1em;
}

.NewsDesktop4BreakingNews {
  padding-top: 1px !important;
}

.MonthCalendarDiv {
  width: 80%;
  height: 130px;
  margin-top: 10px;
  background-color: #2B2B2B;
  margin-left: 10%;
  border-radius: 7px;
  margin-bottom: 50px;
}

.AltMonthCalendarDiv {
    width: 80%;
    height: 134px;
    margin-top: 10px;
    margin-left: 10%;
    border: 1px solid #cebbbb;
    border-radius: 7px;
}

.CalendarWeekDaysDiv {
    width: 100%;
    height: 20px;
    margin-bottom: 7px;
}

.WeekDayDiv {
  width: 10.5%;
  margin-left: 2%;
  height: 20px;
  display: inline-block;
  font-size: 0.7em;
  text-align: center;
  color: #cebbbb;
}

.CalendarMonthDaysDiv {
    width: 100%;
    height: 38px;
}

.CalendarMonthDayDiv {
    width: 10.5%;
    margin-left: 2%;
    height: 25px;
    display: inline-block;
    font-size: 0.7em;
    text-align: center;
    color: #cebbbb;
    cursor: pointer;
}

.CalendarMonthDayDiv:hover {
    background-color: #887676;
    transform: scale(1.05);
    color: #0D0D0D;
    border-radius: 5px;
}

.CalendarDayNumber {
  width: 100%;
    line-height: 10px;
    margin-top: 3px;
}

.CalendarMonthDiv {
  width: 100%;
  font-size: 0.1em;
    line-height: 10px;
}

.AltMonthCalendarDiv .ActiveCalendarDay {
    background-color: #cebbbb;
    color: #0D0D0D !important;
    padding-top: 0.5px;
    border-radius: 5px;
}

.OriginalActiveDayMemories {
    width: 10.5%;
    margin-left: 2%;
    height: 25px;
    display: inline-block;
    font-size: 0.7em;
    text-align: center;
    color: #cebbbb;
    cursor: pointer;
    border-radius: 5px;
}

.search-container {
    margin: 30px 0px 20px;
}

.search-input {
    width: 56%;
    margin-left: 12%;
    height: 10px;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    outline: none;
    font-size: 0.9em;
}

.search-button {
    padding: 9px;
    height: 31px;
    background-color: #72F2A9;
    border: #72F2A9;
    border-radius: 7px;
    color: #0D0D0D;
    font-size: 0.8em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.search-button:hover {
    background-color: #0056b3;
}

.MicroSearchButtonImageDiv {
    width: 105%;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
    text-align: center;
}

.LeagueMenuDiv {
  width: 81%;
  height: 35px;
  margin-top: 3px;
  background-color: #2B2B2B;
  margin-left: 10%;
  border-radius: 7px;
  padding-top: 1px;
  text-decoration: none;
  display: block;
}

.LeagueMenuDivDesktop4 {
    width: 80%;
    height: 35px;
    background-color: #2B2B2B;
    margin: 10px 10% 5px;
    border: 1px solid #786f6f;
    border-radius: 7px;
    padding-top: 1px;
    cursor: pointer;
}

.LeagueMenuDivLargeMenuDesktop4 {
    width: 81%;
    margin-top: 4px;
    background-color: #2B2B2B;
    border-radius: 7px;
    margin-left: 10%;
    cursor: pointer;
}

.LeagueMenuDivLargeMenuHeaderDesktop4 {
    height: 35px;
    background-color: #2B2B2B;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 1px solid;
    padding-top: 1px;
    cursor: pointer;
}

.comps {
    display: none;
    border-top: solid;
}

.LeagueMenuDivLargeMenuCategoryDesktop4 {
    height: 30px;
    font-size: 0.8em;
    text-align: center;
    color: #cebbbb;
    padding-top: 10px;
    background-color: #2B2B2B;
    border-bottom: 1px solid #0D0D0D;
    display: block;
    text-decoration: none;
}

.LeagueMenuDivLargeMenuCategoryDesktop4:hover {
    background-color: #373131;
}

.LeagueMenuDivLargeMenuCategoryDesktop4:last-of-type {
    border: 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.LeagueMenuDivDesktop4:hover {
    transform: scale(1.05);
}

.LeagueMenuDiv:hover {
    background-color: #373131;
    transform: scale(1.05);
}

.LeagueMenuSign {
    width: 16%;
    height: 28px;
    color: #cebbbb;
    font-size: 0.8em;
    text-align: center;
    margin-top: 5px;
    margin-left: 7%;
    display: inline-block;
}

.LeagueMenuSignImg {
    height: 25px;
    width: auto;
    object-fit: contain;
    border-radius: 5px;
}

.LeagueMenuText {
    height: 20px;
    color: #cebbbb;
    font-size: 0.8em;
    margin-top: 10px;
    margin-left: 3%;
    display: inline-block;
    vertical-align: top;
}

.LeagueMenuText:hover {
    transform: scale(1.05);
}

.ActiveTextDesktop3 {
    color: #72F2A9;
}

.LeagueMenuTextDesktop3 {
    width: 100%;
    height: 20px;
    color: #cebbbb;
    font-size: 0.8em;
    margin-top: 10px;
    text-align: center;
    margin-left: 0%;
}

.MatchesDesktop {
    width: 50%;
    vertical-align: top;
    display: inline-block;
}

#feed {
    width: 75%;
    margin: auto;
}

.LeagueContainer {
   align-items: center;
    width: 75%;
    margin-top: 15px;
    display: flex;
    height: 35px;
    margin-left: 18%;
}

/*
.LeagueContainer:hover {
    transform: scale(1.05);
}
*/

.LeagueFlagImageDiv {
    width: 5%;
    height: 30px;
    object-fit: cover;
    margin-left: 10%;
    border-radius: 66%;
    overflow: hidden;
}

.League {
    font-size: 0.9em;
    color: white;
    width: 80%;
    margin-left: 3%;
    margin-top: 2px;
}

.Match {
    height: 90px;
    margin-top: 10px;
    background-color: #2B2B2B;
    border-radius: 7px;
}

.RedCardMatchDiv {
    width: 10.7%;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    margin-left: -4%;
}

.RedCardMatchDiv2 {
    margin-top: 20px !important;
}

.RedCardTeamCrest {
    margin-left: -0.5% !important;
}

.RedCardNumber {
    position: absolute;
    color: #dfdfdf;
    border-radius: 5px;
    font-size: 0.9em;
    text-align: center;
    margin-top: -24px;
    margin-left: 0.6%;
}

.RedCardImageDiv {
    height: 25px; /* Set the desired height */
    width: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure the whole image is visible within the set height */
}

.MatchDesktop3 {
    width: 100%;
    cursor: pointer;
}

/*
.MatchDesktop3:hover {
    transform: scale(1.05);
}
*/

.BigMatch {
  width: 93.5%;
  height: 100px;
}

.Teams {
    width: 62%;
    height: 90px;
    display: inline-block;
    vertical-align: top;
}

.BigTeams {
    height: 90px;
}

.Score {
    height: 90px;
    width: 10%;
    display: inline-block;
    border-right: 1px solid black;
    margin-left: 6%;
    vertical-align: top;
}

.BigScore {
    margin-left: 12%;
    height: 100px;
}

.ScoreDesktop3 {
    margin-left: 8%;
}

.StatusDiv {
    width: 18.6%;
    height: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95em;
    color: white;
    text-align: center;
}

.StatusDivDesktop3 {

}

.BigStatusDiv {
  width: 13%;
  height: 100px;
}

.TeamCrestNew1 {
    width: 17%;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 8%;
}

.BigTeamCrestNew1 {
    margin-top: 15px;
}

.Team1 {
    font-size: 0.9em;
    color: white;
    width: 60%;
    height: 20px;
    margin-top: 15px;
    margin-left: 3%;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.BigTeam1 {
    font-size: 0.9em;
    margin-top: 19px;
    margin-left: 1%;
}

.TeamCrestNew2 {
    width: 17%;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
    margin-left: 8%;
}

.Team2 {
    font-size: 0.9em;
    color: white;
    width: 60%;
    height: 20px;
    margin-top: 26px;
    margin-left: 3%;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.BigTeam2 {
    font-size: 0.9em;
    margin-left: 1%;
}

.Team1Score {
    font-size: 0.95em;
    color: white;
    width: 60%;
    height: 35px;
    margin-top: 14px;
    margin-left: 3%;
    vertical-align: top;
}

.BigTeam1Score {
    font-size: 0.99em;
    margin-top: 18px;
}

.Team2Score {
    font-size: 0.95em;
    color: white;
    width: 60%;
    height: 35px;
    margin-top: 12px;
    margin-left: 3%;
    vertical-align: top;
}

.InActiveText {
  color: #cebbbb !important;
}

.BigTeam2Score {
    font-size: 0.99em;
    margin-top: 13px;
}

.Time {
    font-size: 1em;
    color: white;
    font-weight: bold;
}

.Minute {
    color: #72F2A9;
    font-size: 1.2em;
}

.blink {
    animation: blink-animation 0.5s infinite; /* Apply the blink animation */
}

@keyframes blink-animation {
    0% {
        opacity: 1; /* Start with visible */
    }
    50% {
        opacity: 0; /* Disappear at 50% of the animation */
    }
    100% {
        opacity: 1; /* Reappear at 100% of the animation */
    }
}

/* Define the initial background color */
.Goal{
    background-color: #2B2B2B;
    transition: background-color 0.5s; /* Add a transition for background-color */
}

/* Define the background color for the active state */
.Active {
    background-color: #800000; /* Specify the desired active color */
}

.Footer {
    width: 100%;
    height: 100px;
    background-color: rgb(114, 242, 169);
    margin-left: 0%;
    margin-top: 10%;
    color: #2B2B2B;
    font-size: 10px;
    vertical-align: top;
}

.FooterLinks {
    width: 55%;
    display: inline-block;
    vertical-align: top;
}

.FooterCopyright{
  width: 40%;
  height: 100px;
  display: inline-block;
}

.FooterLink {
    font-size: 1.4em;
    color: #0D0D0D;
    width: 25%;
    height: 20px;
    margin-left: 4%;
    margin-top: 20px;
    vertical-align: top;
    text-align: center;
    font-style: oblique;
    display: inline-block;
    cursor: pointer;
}

.FooterLink:hover {
    transform: scale(1.05);
}

.CopyrightVideos {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-style: oblique;
}

.Rights {
    font-size: 1.2em;
    color: #0D0D0D;
    width: 100%;
    height: 18px;
    text-align: center;
    margin-top: 15px;
    font-style: oblique;
}

.TeamCrestNew1 img {
        max-width: 100%; /* Make sure the image doesn't exceed the container width */
        max-height: 100%; /* Make sure the image doesn't exceed the container height */
        display: block; /* Ensure proper rendering as a block element */
        margin: auto; /* Center the image horizontally */
    }

.TeamCrestNew2 img {
        max-width: 100%; /* Make sure the image doesn't exceed the container width */
        max-height: 100%; /* Make sure the image doesn't exceed the container height */
        display: block; /* Ensure proper rendering as a block element */
        margin: auto; /* Center the image horizontally */
    }

/* LeaguePage */

.LPLeaguePageDesktop {
    width: 50%;
    vertical-align: top;
    display: inline-block;
}

.LPMatchDesktop {
    width: 76%;
}

.LPLiveCalendarDiv {
    width: 80%;
    height: 40px;
    margin-top: 5px;
    margin-left: 10.5%;
    text-align: center;
}

.LPCalendarItem {
    width: 22%;
    margin-left: 1%;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    border: 1px solid #696969;
    border-radius: 13px;
    font-size: 1em;
    color: #696969;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.LPCalendarItem:hover {
  transform: scale(1.05);
}

.LPCalendarItemToday{
  border: 1px solid #72F2A9;
  color: #72F2A9;
}

.LPArrowButton {
    font-size: 1.4em;
    color: #72F2A9;
    width: 7%;
    height: 28px;
    margin-top: 10px;
    margin-left: 8%;
    vertical-align: top;
    text-align: center;
    font-style: oblique;
    display: inline-block;
}

.LiveTable {
    width: 76%;
    background-color: #2B2B2B;
    margin-left: 13%;
    margin-top: 15px;
    border-radius: 13px;
}

.LPLeagueFlagImageDiv {
    width: 5.5%;
    height: 29px;
    object-fit: cover;
    margin-left: 6%;
    border-radius: 66%;
    margin-top: 2px;
}

.LPLeagueName{
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 7px;
  height: 42px;
  border-bottom: 1px solid black;
}

.TeamDiv {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid black;
}

.LPLastTeamDiv {
    border: 0px;
}

.SeperateMatchPageActiveTeams{
    background-color: rgba(255, 255, 255, 0.3);
}

.TeamTable {
   font-size: 0.9em;
    color: white;
    width: 30%;
    height: 20px;
    margin-top: 9px;
    margin-left: 1%;
    vertical-align: top;
    display: inline-block;
}

.TeamCrestTable {
    width: 7%;
    height: 30px;
}

.TeamStanding {
    width: 5%;
    font-size: 1.15em;
    height: 20px;
    margin-left: 3%;
    margin-top: 6px;
    display: inline-block;
    color: white;
    text-align: center;
    vertical-align: top;
}

.MatchMenuDiv {
    width: 100%;
    height: 48px;
    margin-top: 5px;
    text-align: center;
    position: fixed;
    bottom: 0px;
    background-color: #0D0D0D;
    left: 0;
    box-shadow: 0 4px 20px rgba(114, 242, 169, 35);
}

.MenuItem {
    width: 22%;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3%;
    margin-top: 7px;
    border: 1px solid #696969;
    border-radius: 13px;
    font-size: 0.9em;
    color: #696969;
    text-align: center;
    line-height: 32px;
}

.MenuItemToday{
  border: 1px solid #72F2A9;
  color: #72F2A9;
}

.WinDiv {
   width: 6.5%;
   height: 19px;
   margin-left: 2%;
   margin-top: 8px;
   display: inline-block;
   background-color: #47df65;
   border-radius: 8px;
   padding-left: 0.25%;
   padding-right: 0.25%;
   color: black;
   font-size: 0.6em;
   vertical-align: top;
   text-align: center;
   line-height: 1.9;
}

.DrawDiv {
  width: 6.5%;
  height: 19px;
  margin-top: 8px;
  display: inline-block;
  background-color: #e6e743;
  border-radius: 8px;
  padding-right: 0.25%;
  padding-left: 0.25%;
  color: black;
  font-size: 0.6em;
  vertical-align: top;
  text-align: center;
  line-height: 1.9;
}

.LossDiv {
  width: 6.5%;
  height: 19px;
  margin-top: 8px;
  display: inline-block;
  background-color: #ff2c4e;
  border-radius: 8px;
  padding-left: 0.25%;
  padding-right: 0.25%;
  color: black;
  font-size: 0.6em;
  vertical-align: top;
  text-align: center;
  line-height: 1.9;
}

.GoalsDiv {
   width: 12%;
  height: 19px;
  margin-top: 7px;
  display: inline-block;
  border-radius: 8px;
  border: 0.5px solid #888080;
  color: #888080;
  font-size: 0.4em;
  padding-left: 0.25%;
  padding-right: 0.25%;
  vertical-align: top;
  text-align: center;
  line-height: 2.1;
}

.MatchesPlayedDiv {
    width: 7.5%;
    height: 21px;
    margin-left: -2px;
    margin-top: 5px;
    display: inline-block;
    border-radius: 10px;
    color: white;
    font-size: 0.9em;
    vertical-align: top;
    text-align: center;
    line-height: 1.9;
}

.PointsDiv {
    width: 8.7%;
    height: 27px;
    margin-top: 2.5px;
    margin-left: -3px;
    padding-top: 2px;
    display: inline-block;
    border-radius: 16px;
    border: 0.5px solid white;
    color: white;
    font-size: 0.9em;
    vertical-align: top;
    text-align: center;
    font-weight: bolder;
    line-height: 1.8;
}

.PlayersContainer {
    width: 100%;
    height: 25px;
}

.Lineups {
    text-align: center;
    width: 100%;
    display: inline;
    font-size: 1em;
    font-weight: bolder;
    color: white;
    margin-left: 0%;
}

.LineupsContainer {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 7px;
    height: 40px;
    margin-bottom: 7px;
    border-bottom: 1px solid black;
}

.MPLineupsDiv {
    width: 100%;
    background-color: #2B2B2B;
    margin-left: 0%;
    margin-top: 15px;
    border-radius: 7px;
    padding-bottom: 3px;
}

.ShirtNumberTeam1 {
    width: 10%;
    height: 25px;
    margin-left: 7%;
    display: inline-block;
    text-align: center;
    font-size: 1em;
    color: white;
}

.PlayerTeam1 {
    height: 25px;
    margin-left: 3%;
    display: inline-block;
    text-align: left;
    font-size: 1em;
    color: white;
}

.PlayerTeam2 {
    height: 25px;
    margin-right: 3%;
    display: inline-block;
    text-align: right;
    font-size: 1em;
    color: white;
}

.ShirtNumberTeam2 {
    width: 10%;
    height: 25px;
    margin-right: 4%;
    display: inline-block;
    text-align: center;
    font-size: 1em;
    color: white;
}

.TeamLineupContainer {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.PlayersContainerTeam2 {
    width: 100%;
    height: 25px;
    text-align: right;
}

.MPLineupsEventImageTeam1 {
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-left: 2.5%;
    margin-top: 1.5px;
}

.MPLineupsEventImageTeam2 {
    height: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 2.5%;
    margin-top: 1.5px;
}

.LineupsEventImg {
    width: 16px;
    height: 21px;
    margin-top: -2.5px;
}

.PlayersContainerTeam1 {
    width: 100%;
    height: 25px;
    text-align: left;
}

.LeagueNameResults {
    display: flex;
    align-items: center;
    width: 76%;
    margin-left: 13%;
    margin-top: 10px;
    height: 42px;
    background-color: #2B2B2B;
    border-radius: 7px;
}

.LPLeagueNameResults{
   display: flex;
   align-items: center;
   width: 100%;
   margin-top: 10px;
   height: 42px;
   background-color: #2B2B2B;
   border-radius: 7px;
}

.DateContainerResults {
   display: flex;
   align-items: center;
   width: 100%;
   margin-top: 7px;
   height: 42px;
}

.LPLeague {
    font-size: 1em;
    color: white;
    width: 80%;
    margin-left: 3%;
}

.LeagueFlagImageDiv {
    width: 9vw;
    height: 31px;
    object-fit: cover;
    margin-left: 6%;
    border-radius: 66%;
    overflow: hidden;
    margin-top: -2px;
}

.LPAltLeagueFlagImageDiv {
    width: 12%;
    height: 31px;
    object-fit: cover;
    margin-left: 10%;
    border-radius: 12%;
    overflow: hidden;
    margin-top: -2px;
}

.LPNoResultsCommunication {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #cebbbb;
    border-radius: 50px;
    text-align: center;
    color: #cebbbb;
    font-size: 1em;
    padding-top: 12px;
    padding-bottom: 13px;
}

.LPCalendarItem3ITEMS {
    width: 30% !important;
}

.LPNewsLeagueDesktop4 {
    width: 76%;
    background-color: #cebbbb;
    margin-left: 13%;
    margin-top: 10px;
    border-radius: 7px;
}

.LPNewsLeagueImageDivDesktop4 {
    width: 100%;
    color: #cebbbb;
    padding-top: 15px;
    font-size: 0.8em;
    text-align: center;
}

.LPLeagueNewsImageDiv {
    width: 92%;
    object-fit: contain;
    border-radius: 7px;
}

.LPNewsLeagueTextDesktop4 {
    width: 100%;
    font-size: 0.9em;
    padding-top: 7px;
    padding-bottom: 10px;
    text-align: center;
}

.ResultsFixturesDividerDesktop4 {
    width: 100%;
    height: 32px;
    background-color: #2B2B2B;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    border: 1px solid #786f6f;
    border-radius: 7px;
    font-size: 1.1em;
    color: #cebbbb;
    text-align: center;
    line-height: 32px;
}

/* MatchPage */

.MatchPageDesktop {
    width: 50%;
    height: 1130px;
    vertical-align: top;
    display: inline-block;
}

.MPMenuItem {
    width: 11%;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 1%;
    border: 1px solid #696969;
    border-radius: 13px;
    font-size: 1em;
    color: #696969;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.MPMenuItem:hover {
  transform: scale(1.05);
}

.MPMenuItemToday {
    border: 1px solid #72F2A9;
    color: #72F2A9;
}

.MPMatchMenuLineups {
  width: 16%;
}

.MPMatchMenuLarge {
    width: 18%;
}

.MPMenuDiv{
    width: 85%;
    height: 40px;
    margin-left: 7.5%;
    margin-top: 8px;
    text-align: center;
}

.MPArrowButton {
    font-size: 1.4em;
    color: #72F2A9;
    width: 7%;
    height: 28px;
    margin-top: 10px;
    margin-left: 16%;
    vertical-align: top;
    text-align: center;
    font-style: oblique;
    display: inline-block;
}

.MPMatchDivDesktop {
    width: 85%;
    height: 205px;
    margin-left: 7.5%;
    background-color: #2B2B2B;
    margin-top: 15px;
    border-radius: 7px;
}

.MPLeagueFlagImageDiv {
    width: 5%;
    height: 32px;
    object-fit: cover;
    margin-left: 6%;
    border-radius: 66%;
    overflow: hidden;
}

.MPTeamCrestsDesktop {
  height: 80px; /* Set the desired height */
  width: auto; /* Maintain aspect ratio */
  object-fit: contain; /* Ensure the whole image is visible within the set height */
  margin: 0 10px;
}

.MPResultStatusTime {
    width: 34%;
    height: 130px;
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
}

.MPTeam {
    width: 32%;
    height: 150px;
    vertical-align: top;
    display: inline-block;
}

.MPTeamCrest {
    width: 100%;
    height: 90px;
    text-align: center;
    margin-top: 25px;
}

.Team1CrestFrameCircle {
    width: 55%;
    height: 75px;
    border-radius: 55px;
    display: flex;
    margin-left: 22.5%;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.3);
}

.Team2CrestFrameCircle {
    width: 55%;
    height: 75px;
    border-radius: 55px;
    display: flex;
    margin-left: 22.5%;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.3);
}

.TeamLogoImg {
    height: 47px;
    object-fit: contain;
}

.MPDesktopContainerDiv {
    width: 50%;
    margin: auto;
    vertical-align: top;
    max-width: 700px;
    min-width: 699px;
}

.MPTeamName {
    width: 100%;
    height: 25px;
    text-align: center;
    color: white;
    font-size: 1em;
}

.MPFinalResult {
    width: 100%;
    text-align: center;
    font-size: 2.7em;
    color: #72F2A9;
}

.MPMatchInfo{
    width: 100%;
    text-align: center;
    color: white;
    font-size: 0.9em;
}

.MPImportant{
  font-weight: bold;
}

.MPHalfTime{
  display: inline-block;
}

.MPLeague {
    font-size: 1.1em;
    color: white;
    width: 85%;
    margin-left: 3.5%;
    margin-top: 2px;
}

.MPLeagueNameResults {
    display: flex;
    align-items: center;
    width: 94%;
    margin-left: 3%;
    margin-top: 7px;
    height: 42px;
    background-color: #2B2B2B;
    border-radius: 5px;
}

.MPSeperateMatchPageLeagueName {
    width: 100%;
    border-bottom: 1px solid black;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 50px;
    margin-left: 0%;
}

.MPHalfSummmaryDiv{
    width: 85%;
    background-color: #2B2B2B;
    margin-left: 7.5%;
    margin-top: 7px;
    border-radius: 7px;
    padding-bottom: 10px;
}

.MPLeagueContainer {

}

.MPHalfTimeContainer {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 7px;
    height: 35px;
    margin-bottom: 7px;
    border-bottom: 1px solid black;
    padding: 5px;
}

.MPHalfTimeText {
    text-align: center;
    width: 25%;
    font-weight: bolder;
    display: inline;
    font-size: 1.1em;
    color: white;
    margin-left: 30%;
}

.MPHalfTimeResult {
    font-weight: bold;
    display: inline-block;
    color: white;
    font-size: 1.1em;
}

.MPEventContainer {
    width: 100%;
    height: 20px;
    margin-top: 8px;
}

.MPEventTimeTeam1 {
    width: 7%;
    height: 20px;
    display: inline-block;
    font-size: 1em;
    color: white;
    vertical-align: top;
    text-align: center;
    margin-left: 2.7%;
    margin-top: 1px;
}

.MPEventImageTeam1 {
    width: 3.5%;
    height: 20px;
    margin-left: 1%;
    display: inline-block;
    text-align: center;
    vertical-align: sub;
}

.MPTeam1SimpleEvent {
    width: 50%;
    height: 20px;
    font-size: 1em;
    color: white;
    margin-left: 2%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}

.MPTeam2SimpleEvent {
    width: 50%;
    height: 20px;
    font-size: 1em;
    color: white;
    margin-top: 0.5px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    margin-left: 34.7%;
}

.MPEventImageTeam2 {
    width: 4.5%;
    height: 20px;
    margin-left: 1.8%;
    display: inline-block;
    text-align: center;
    vertical-align: sub;
}

.MPEventTimeTeam2 {
    width: 5.5%;
    height: 20px;
    display: inline-block;
    margin-top: 1px;
    margin-left: 0.3%;
    font-size: 1em;
    color: white;
    vertical-align: top;
    text-align: center;
}

.MPEventImageCards {
    margin-top: -3px;
}

.MPComplexEvent {
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.MPSubTime {
    width: 7%;
    height: 20px;
    display: inline-block;
    font-size: 1em;
    color: white;
    vertical-align: top;
    text-align: center;
    margin-left: 2.8%;
    margin-top: 10px;
}

.MPSubs {
    width: 50%;
    height: 40px;
    margin-left: 1%;
    display: inline-block;
}

.MPSub {
    width: 100%;
    height: 20px;
}

.MPSubImage {
    font-size: 1.5em;
    color: red;
    width: 7%;
    height: 14px;
    margin-top: -4px;
    vertical-align: top;
    text-align: center;
    font-style: oblique;
    display: inline-block;
}

.MPSubText {
    width: 80%;
    height: 20px;
    font-size: 1em;
    color: white;
    margin-top: -1px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-left: 3.8%;
}

.MPSubInImage {
    color: green;
    margin-top: -8px;
}

.MPSubsTeam2 {
   margin-left: 43%;
}

.MPTeam2SubText {
    text-align: right;
    margin-right: 4%;
}

.MPSubTimeTeam2 {
    margin-left: -2.5%;
}

/* HEAD TO HEAD */

.MPHeadToHead {
    width: 100%;
    height: 28px;
    background-color: #2B2B2B;
    margin-top: 8px;
    border-radius: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.MPLastMatchesText {
    color: white;
    font-size: 1em;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}

.MPLastMatchesDateDiv {
    width: 20%;
    height: 30px;
    text-align: center;
    margin-right: 3px;
    color: white;
    background-color: #2B2B2B;
    border-radius: 7px;
    padding: 5px 0px;
}

.MPLastMatchesDivText {
    margin-top: 6px;
}

.MPLastMatchesMatchDiv {
    width: 79.2%;
    height: 30px;
    display: flex;
    color: white;
    background-color: #2B2B2B;
    text-align: center;
    border-radius: 7px;
    padding: 5px 0px;
    align-items: center;
}

.MPLastMatchesTeamDiv {
    width: 38%;
    text-align: right;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.MPLastMatchesTeamDiv2 {
    width: 38%;
    text-align: left;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.MPLastMatchesScorelineDiv {
    width: 20%;
    display: inline-block;
    font-size: 1em;
}

.MPMoreInfoButton {
    width: 68%;
    height: 30px;
    background-color: rgb(114, 242, 169);
    margin-left: 16.1%;
    margin-top: 20px;
    border-radius: 7px;
    text-align: center;
}

.MPMoreInfoButtonText {
    width: 100%;
    height: 20px;
    padding-top: 5px;
}

.MPLiveTable {
    width: 85%;
    background-color: #2B2B2B;
    margin-left: 7.5%;
    margin-top: 5px;
    border-radius: 7px;
}

.MPStandingsFlagImageDiv {
  width: 6.2%;
}

.MPTeamStanding {
    width: 6%;
    font-size: 1.1em;
    height: 20px;
    margin-left: 2%;
    margin-top: 8px;
    display: inline-block;
    color: white;
    text-align: center;
    vertical-align: top;
}

.MPTeamTable {
    font-size: 1em;
    color: white;
    width: 37%;
    height: 18px;
    margin-top: 9px;
    margin-left: 1%;
    vertical-align: top;
    display: inline-block;
}

.MPWinDiv {
    width: 7%;
    height: 21px;
    margin-top: 7px;
    display: inline-block;
    background-color: #47df65;
    border-radius: 10px;
    color: black;
    margin-left: -1%;
    font-size: 0.6em;
    vertical-align: top;
    text-align: center;
    line-height: 2.1;
}

.MPDrawDiv {
    width: 7%;
    height: 21px;
    margin-top: 7px;
    display: inline-block;
    background-color: #e6e743;
    border-radius: 10px;
    color: black;
    font-size: 0.7em;
    vertical-align: top;
    text-align: center;
    line-height: 1.9;
}

.MPLossDiv {
    width: 7%;
    height: 21px;
    margin-top: 7px;
    display: inline-block;
    background-color: #ff2c4e;
    border-radius: 10px;
    color: black;
    font-size: 0.7em;
    vertical-align: top;
    text-align: center;
    line-height: 1.9;
}

.MPGoalsDiv {
    width: 11%;
    height: 21px;
    margin-top: 7px;
    display: inline-block;
    border-radius: 10px;
    border: 0.5px solid whitesmoke;
    color: whitesmoke;
    font-size: 0.75em;
    vertical-align: top;
    text-align: center;
    line-height: 1.9;
}

.NewsMobileDiv {
    width: 85%;
    margin-top: 10px;
    background-color: #2B2B2B;
    margin-left: 7.5%;
    border-radius: 7px;
}

.NewsMobileText {
    color: white;
    padding: 15px;
    font-size: 0.95em;
}

.NewsHeader {
    width: 85%;
    height: 37px;
    margin-top: 10px;
    background-color: #2B2B2B;
    margin-left: 7.5%;
    border-radius: 7px;
}

.NewsMobileImageDiv {
    width: 5%;
    height: 30px;
    margin-top: 3px;
    object-fit: cover;
    margin-left: 25%;
    border-radius: 5%;
    overflow: hidden;
    display: inline-block;
}

.NewsTitleText {
    font-size: 0.9em;
    color: white;
    margin-left: 4%;
    vertical-align: 9px;
    display: inline-block;
}

.DisclaimerDivs {
  text-align: center;
}

.DisclaimerLink {
  color: #72F2A9;
  text-decoration: none;
}

.FormContactUsText {
  text-align: left;
  padding-left: 7%;
  padding-bottom: 10px;
  font-size: 1em;
}

.SubmitForm {
    width: 35%;
    padding-bottom: 15px;
    text-align: left;
    padding-left: 6%;
    padding-top: 10px;
}

.submit-button {
    padding: 8px 16px;
    border: none;
    border-radius: 7px;
    background-color: #72F2A9;
    color: #0D0D0D;
    font-size: 1em;
    cursor: pointer;
}

.submit-button:hover {
    background-color: #0056b3;
}

.SearchForm {
    width: 100%;
}

.contact-us-container {
    display: flex;
    justify-content: unset;
    text-align: left;
    margin-left: -7%;
}

.contact-us-input {
    width: 77%;
    margin-left: 12%;
    height: 10px;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    outline: none;
    font-size: 0.9em;
    display: inline-block;
}

.message-input {
    padding-bottom: 60px;
}

.NewsPageMiddleFeedDesktop4 {
  width: 50%;
  margin-left: 25%;
}

.FooterHighMarginDesktop4 {
  margin-top: 24%;
}

/* Media Queries */
@media (max-width: 600px) {
   .RedCardNumber {
        position: absolute;
        color: #dfdfdf;
        border-radius: 5px;
        font-size: 0.9em;
        text-align: center;
        margin-top: -24px;
        margin-left: 1.2%;
   }
  .StatusDiv {
        width: 19.3%;
        height: 90px;
        display: inline-flex;
        align-items: center;
        margin-left: -0.5%;
        justify-content: center;
        font-size: 1em;
        color: white;
        text-align: center;
  }
}

@media (max-width: 700px) {
  .LPLeaguePageDesktop {
    width: 100%;
  }
  .CalendarMenusDesktop {
    display: none;
  }
  .MatchesDesktop {
    width: 100%;
  }
  .NewsDesktop {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .FooterPageText {
    font-size: 0.9em;
  }

  .FooterCopyright {
    display: none;
  }

  .FooterLinks {
    width: 100%;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  .CalendarMenusDesktop {
    width: 32%;
    vertical-align: top;
    display: inline-block;
  }

  .MatchesDesktop {
    width: 67%;
    vertical-align: top;
    display: inline-block;
  }

  .NewsDesktop {
    display: none;
  }

  .NewsDesktopScrollable {
    width: 25%;
    height: 100%;
    display: none;
    flex: 1;
    overflow-y: auto;
    box-sizing: border-box;
    flex: 1;
  }

  .LPLeaguePageDesktop {
    width: 67%;
    vertical-align: top;
    display: inline-block;
  }

  .AltMonthCalendarDiv {
    width: 90%;
    height: 134px;
    margin-top: 10px;
    margin-left: 5%;
    border: 1px solid #cebbbb;
    border-radius: 7px;
    margin-bottom: 50px;
  }

  .CalendarMonthDayDiv {
    width: 10.5%;
    margin-left: 1.8%;
    height: 25px;
    display: inline-block;
    font-size: 0.7em;
    text-align: center;
    color: #cebbbb;
    cursor: pointer;
  }

  .LPNoResultsCommunication {
    margin-top: 10px;
    margin-left: 13%;
    border: 1px solid #cebbbb;
    border-radius: 50px;
    text-align: center;
    color: #cebbbb;
    font-size: 0.8em;
    padding-top: 12px;
    padding-bottom: 13px;
  }

  .WeekDayDiv {
    width: 10.5%;
    margin-left: 1.8%;
    height: 20px;
    display: inline-block;
    font-size: 0.7em;
    text-align: center;
    color: #cebbbb;
  }

  .CalendarItem {
    font-size: 0.75em;
  }
}

@media (min-width: 601px) and (max-width: 700px) {
    .LPCalendarItem {
      width: 22%;
      margin-left: 1%;
      height: 32px;
      display: inline-block;
      vertical-align: top;
      margin-top: 5px;
      border-radius: 13px;
      font-size: 0.9em;
      text-align: center;
      line-height: 32px;
      cursor: pointer;
    }
    .LPAltLeagueFlagImageDiv {
      width: 12%;
    }
    .AltMonthCalendarDiv {
      width: 90%;
      height: 134px;
      margin-top: 10px;
      margin-left: 9%;
      border: 1px solid #cebbbb;
      border-radius: 7px;
      margin-bottom: 50px;
    }

    .LiveButton {
      width: 13%;
      height: 33px;
      vertical-align: top;
      margin-top: 5px;
      border: 1px solid red;
      border-radius: 13px;
      font-size: 0.9em;
      color: red;
      display: inline-block;
      text-align: center;
      line-height: 34px;
      cursor: pointer;
    }

    .LeagueMenuDivDesktop4 {
      width: 90%;
      height: 35px;
      margin-top: 5px;
      background-color: #2B2B2B;
      margin-left: 5%;
      border: 1px solid #786f6f;
      border-radius: 7px;
      padding-top: 1px;
      cursor: pointer;
    }

    .LeagueMenuDiv {
      width: 91%;
      height: 35px;
      margin-top: 5px;
      background-color: #2B2B2B;
      margin-left: 5%;
      border-radius: 7px;
      padding-top: 1px;
      cursor: pointer;
    }

    .LeagueMenuSign {
      width: 18%;
      height: 28px;
      color: #cebbbb;
      font-size: 0.8em;
      text-align: center;
      margin-top: 5px;
      margin-left: 7%;
      display: inline-block;
    }

    .LeagueMenuTextDesktop3 {
      width: 100% !important;
      height: 20px;
      color: #cebbbb;
      font-size: 0.8em;
      margin-top: 10px;
      text-align: center;
      margin-left: 0% !important;
    }

    .LeagueMenuText {
      width: 60%;
      height: 20px;
      color: #cebbbb;
      font-size: 0.8em;
      margin-top: 10px;
      margin-left: 4%;
      display: inline-block;
      vertical-align: top;
    }

    .search-input {
      width: 56%;
      margin-left: 8%;
      height: 10px;
      margin-bottom: 5px;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 7px;
      outline: none;
      font-size: 0.9em;
      display: inline-block;
    }

    .LeagueMenuDivLargeMenuDesktop4 {
      width: 91%;
      margin-top: 5px;
      background-color: #2B2B2B;
      border-radius: 7px;
      margin-left: 5%;
      cursor: pointer;
    }

    .LPNoResultsCommunication {
      margin-top: 10px;
      margin-left: 13%;
      border: 1px solid #cebbbb;
      border-radius: 15px;
      text-align: center;
      color: #cebbbb;
      font-size: 0.7em;
      padding-top: 12px;
      padding-bottom: 13px;
    }

    .LPLeague {
      font-size: 0.9em;
      color: white;
      width: 80%;
      margin-left: 3%;
    }

    .RedCardNumber {
      position: absolute;
      color: #dfdfdf;
      border-radius: 5px;
      font-size: 0.9em;
      text-align: center;
      margin-top: -24px;
      margin-left: 1.2%;
    }

    .Team1 {
      font-size: 0.8em;
      color: white;
      width: 60%;
      height: 20px;
      margin-top: 15px;
      margin-left: 3%;
      vertical-align: top;
      display: inline-block;
    }

    .Time {
      font-size: 0.8em;
      color: white;
      font-weight: bold;
    }

    .StatusDiv {
        width: 19.15%;
        height: 90px;
        display: inline-flex;
        align-items: center;
        margin-left: -0.5%;
        justify-content: center;
        font-size: 0.9em;
        color: white;
        text-align: center;
    }

    .Team2 {
      font-size: 0.8em;
      color: white;
      width: 60%;
      height: 20px;
      margin-top: 26px;
      margin-left: 3%;
      vertical-align: top;
      display: inline-block;
    }

    .Team1Score {
      font-size: 0.85em;
      color: white;
      width: 60%;
      height: 28px;
      margin-top: 14px;
      margin-left: 3%;
      vertical-align: top;
    }

    .Team2Score {
      font-size: 0.85em;
      color: white;
      width: 60%;
      height: 28px;
      margin-top: 18px;
      margin-left: 3%;
      vertical-align: top;
    }
}

@media (min-width: 701px) and (max-width: 800px) {
    .LPAltLeagueFlagImageDiv {
      width: 9%;
    }

    .LeagueMenuSign {
      width: 18%;
      height: 28px;
      color: #cebbbb;
      font-size: 0.8em;
      text-align: center;
      margin-top: 5px;
      margin-left: 7%;
      display: inline-block;
    }
    .RedCardNumber {
      position: absolute;
      color: #dfdfdf;
      border-radius: 5px;
      font-size: 0.9em;
      text-align: center;
      margin-top: -24px;
      margin-left: 1%;
    }

    .StatusDiv {
      width: 18.3%;
      height: 90px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.9em;
      color: white;
      text-align: center;
    }
}

@media (min-width: 901px) and (max-width: 1200px) {

  .CalendarMenusDesktop {
    width: 25%;
    vertical-align: top;
    display: inline-block;
  }

  .NewsDesktopScrollable {
    width: 22%;
    height: 100%;
    display: inline-block;
    flex: 1;
    overflow-y: auto;
    box-sizing: border-box;
    flex: 1;
  }

  .NewsDesktop {
    width: 24%;
    vertical-align: top;
  }

  .LPLeaguePageDesktop {
    width: 50%;
    vertical-align: top;
    display: inline-block;
  }

  .AltMonthCalendarDiv {
    width: 85%;
    height: 134px;
    margin-top: 10px;
    margin-left: 7%;
    border: 1px solid #cebbbb;
    border-radius: 7px;
    margin-bottom: 50px;
  }

  .LPNoResultsCommunication {
    margin-top: 10px;
    margin-left: 13%;
    border: 1px solid #cebbbb;
    border-radius: 50px;
    text-align: center;
    color: #cebbbb;
    font-size: 0.9em;
    padding-top: 12px;
    padding-bottom: 13px;
  }

  .WeekDayDiv {
    width: 10%;
    margin-left: 2%;
    height: 20px;
    display: inline-block;
    font-size: 0.7em;
    text-align: center;
    color: #cebbbb;
  }

  .CalendarMonthDayDiv {
    width: 10%;
    margin-left: 2%;
    height: 25px;
    display: inline-block;
    font-size: 0.7em;
    text-align: center;
    color: #cebbbb;
    cursor: pointer;
  }

  .CalendarItem {
    font-size: 0.75em;
  }

}

@media (min-width: 901px) and (max-width: 1000px) {
 .LiveTable {
    width: 80%;
    background-color: #2B2B2B;
    margin-left: 10%;
    margin-top: 15px;
    border-radius: 13px;
  }

  .LPLiveCalendarDiv {
    width: 82%;
    height: 40px;
    margin-top: 5px;
    margin-left: 8.5%;
    text-align: center;
  }

  .LeagueNameResults {
    display: flex;
    align-items: center;
    width: 78%;
    margin-left: 11%;
    margin-top: 10px;
    height: 42px;
    background-color: #2B2B2B;
    border-radius: 7px;
  }

  .LiveButton {
    width: 13%;
    height: 33px;
    vertical-align: top;
    margin-top: 5px;
    border: 1px solid red;
    border-radius: 13px;
    font-size: 0.9em;
    color: red;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
  }

  .LPAltLeagueFlagImageDiv {
    width: 14%;
    height: 31px;
    object-fit: cover;
    margin-left: 10%;
    border-radius: 12%;
    overflow: hidden;
    margin-top: -2px;
  }

  .LPNoResultsCommunication {
    width: 78%;
    margin-top: 10px;
    margin-left: 11%;
    border: 1px solid #cebbbb;
    border-radius: 50px;
    text-align: center;
    color: #cebbbb;
    font-size: 0.9em;
    padding-top: 12px;
    padding-bottom: 13px;
  }

  .LPNoResultsCommunication {
    margin-top: 10px;
    margin-left: 13%;
    border: 1px solid #cebbbb;
    border-radius: 50px;
    text-align: center;
    color: #cebbbb;
    font-size: 0.9em;
    padding-top: 12px;
    padding-bottom: 13px;
  }

  .DateContainerResults {
    display: flex;
    align-items: center;
    width: 78%;
    margin-top: 7px;
    margin-left: 11%;
    height: 42px;
  }

  .LPMatchDesktop {
    width: 78%;
  }

  .StatusDiv {
    width: 18.39%;
    height: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    color: white;
    text-align: center;
  }

  .NewsDiv {
    width: 88%;
    margin-top: 10px;
    background-color: #2B2B2B;
    margin-left: 6.5%;
    border-radius: 7px;
  }

  .NewsDesktop3 {
    color: #cebbbb;
    padding: 15px;
    font-size: 0.9em;
  }

  .RedCardNumber {
    position: absolute;
    color: #dfdfdf;
    border-radius: 5px;
    font-size: 0.9em;
    text-align: center;
    margin-top: -24px;
    margin-left: 0.8%;
  }
}

@media (min-width: 1001px) and (max-width: 1100px) {
    .StatusDiv {
        width: 18.55%;
        height: 90px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.9em;
        color: white;
        text-align: center;
    }
    .LPAltLeagueFlagImageDiv {
      width: 9%;
      height: 31px;
      object-fit: cover;
      margin-left: 10%;
      border-radius: 12%;
      overflow: hidden;
      margin-top: -2px;
    }

    .RedCardNumber {
      position: absolute;
      color: #dfdfdf;
      border-radius: 5px;
      font-size: 0.9em;
      text-align: center;
      margin-top: -24px;
      margin-left: 0.8%;
    }
}

@media (min-width: 1101px) and (max-width: 1200px) {
    .RedCardNumber {
      position: absolute;
      color: #dfdfdf;
      border-radius: 5px;
      font-size: 0.9em;
      text-align: center;
      margin-top: -24px;
      margin-left: 0.7%;
    }
}