#filter-btn {
    float: right;
    margin: 10px 0 0 0;
}
.match-dtl {
    width: 80px;
}
.match-status-full {
    width: 80px;
}
.match-result, .match-status {
    width: 20%;
font-size: 14px;
}
#games-date-wrapper {
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    width: 100%; 
}
.arrow-navigation {
    display: none;
}
.table-switch {
    padding: 0;
    height: 45px;
}
.game-date-link {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    text-align: center;
    list-style-type: none;
    display: list-item;
    padding: 5px 10px;
    border: 1px solid #DDD;
    margin: 10px 5px;
    color: #6D6D6D;
    font-weight: bold;
}
#games-date-wrapper .game-date-link:first-child {
    margin-left: 0;
}
#games-date-wrapper .game-date-link:last-child {
    margin-right: 0;
}
.game-date-today, .game-date-link:hover {
    background: #51AFEB;
    color: #FFF;
    border-color: #51AFEB;
    text-decoration: none;
}
.scroller {
    width:100%;
    overflow: auto;
    float:left; 
    height:55px";
}
#yearsContainer, #monthsContainer {
	    border: 1px solid #f4f4f7;
    display: flex;
    margin-bottom: 30px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
}

.match:nth-child(odd) {
background: rgb(0 37 142 / 3%);
}

.match {
    border-radius: 5px;
    padding: 20px 5px;
height: 127px;
}

.logoContainer {
	width: 45%;
}

.nameContainerLeft {
	width: 55%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.nameContainerRight {
	width: 55%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.match-result a {
font-weight: bold;
}

.nameContainerLeft > div, .nameContainerRight > div {
font-weight: bold;
}

.nameContainerLeft > div {
	text-align: left;
}

.nameContainerRight > div {
	text-align: right;
}

.gameStatusComplete {
color: green;
    font-size: 12px;
    font-weight: 700;
}

.match-data {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 125px;
    box-sizing: border-box;
    padding-bottom: 8px;
    padding-top: 10px;
    padding-left: 10px;
    border-right: 2px solid #d2d2d9;
}

.schedule_matches .participants {
}

.table_link_active, .table_link:hover {
    background:#00258E;
	color: white;
}

.table_link {
	font-size: 18px;
	border-radius: 8px;
	height: 95%;
	display: flex;
	align-items: center;
    justify-content: center;
}

#yearsContainer h1 {
	width: 12%;
}

#monthsContainer .singleMonth {
width: 8%;
}

.singleYear {
width: 8%;
}

.lmname {
    margin-left: 15px;
}

.rmname {
    margin-right: 15px;
}


@media screen and (min-width: 0px) and (max-width: 400px) {
  #desktop { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
  #desktop { display: none; }   /* hide it elsewhere */
}

@media screen and (min-width: 0px) and (max-width: 800px) {
.arrow-navigation {
    width:5%;
    float:left;
    display: flex;
}
.scroller {
    width:100%;
}
.match {
    display: flex !important;
    flex-wrap: wrap;
    padding: 8px;
    height: fit-content;
	}
	
.match_data {
order: 4;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #d2d2d9;
	text-align: center;
padding-top: 10px;
}

.competition-event {
flex-wrap: wrap;
}

.nameContainerLeft {
width: 100%;
justify-content: center;
}

.competition-event img {
width: 60px;
height: 60px;
}

.competition {
width: 70%;
}

.gameName {
width: 30%;
}

.location {
 width: 100%;
padding-top: 10px;
}

.partc1 {
order: 1;
}

.partc2 {
order: 3;
}

.match-result {
	order: 2;
	width: 50% !important;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-self: center;
	font-size: 12px;
}

.logoContainer {
width: 100%;
}

.nameContainerLeft > div, .nameContainerRight > div {
font-size: 14px;
text-align: center;
}

.competition-event {
flex-wrap: wrap;
}

.nameContainerRight {
	order: 2;
    width: 100%;
	justify-content: center;
}

.match_data > div {
font-size: 14px;
}

#yearsContainer h1 {
	width: 20%;
}

#monthsContainer .singleMonth {
width: 20%;
}
.singleYear {
width: 20%;
}
}

.mobileHide
{ display: none;}
/*.table_link {
	display: block;
	margin: 0;
	width: 100%;
    	text-decoration: none;
	font-size: 15px;
	padding: 8px 0;
	font-weight: 400;
    border-radius: 8px;
height: inherit;
}*/
.table_link:hover {
	text-decoration: none;
}
.table_link:focus {	
    outline: none;
}
.table_link_active, .table_link:hover {
    background:#00258E;
	color: white;
}