@media (max-width: 1880px) {
  
  #mainMenuFrame UL LI A {}   
  
}

@media (max-width: 1780px) {
  
  #mainMenuFrame UL LI A {}   
  
}


@media (max-width: 1650px) {
  
  #mainMenuFrame UL LI A {}   
  
}


@media (max-width: 1550px) {
  
  #mainMenuFrame UL LI A {}   
  
}


@media (max-width: 1430px) {
    
}


@media (max-width: 1300px) {
  

}

@media (max-width: 850px) {

  .noMobile {display: none !important;}
  .onlyMobile {display: block;}

  HEADER {height: auto; flex-wrap: wrap;}
  HEADER .logoHref {height: 90px;}
  HEADER H1 {padding-left: 10px; font-size: 38px;}
  HEADER .icon {padding-left: 20px;}
  
  .loggedUserMobile {width: 100%; display: flex; justify-content: space-between; color: #fff;}
  .loggedUserMobile P {margin-right: auto;}
  
  #mainMenuFrame UL {display: none;}
  #mainMenuFrame UL LI {width: 100%; border-bottom: 2px solid #213744;}
  #mainMenuFrame UL LI A {width: 100%;}
  
  #hamburger { display: block; width: 100%; height: 35px; float: right; position: relative; padding: 0 0 0 10px; margin: 0 0 0 0; background-color: #F23D24; line-height: 1;}
  #hamburger .text {width: 70px; height: 35px; line-height: 35px; color: #fff; font-size: 28px;}
  #hamburger .icon { width: 35px; position: absolute; top: calc(50% - 1px); right: 10px; transition: all .5s; }
  #hamburger.active .icon { width: 27px; background: transparent; }
  #hamburger .icon, .hamburger .icon:before, .hamburger .icon:after { height: 2px; background: #fff; }
  #hamburger .icon:before, .hamburger .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; }
  #hamburger .icon:before { top: -10px; }
  #hamburger .icon:after { bottom: -10px; }
  #hamburger.active .icon:before { top: 0; transform: rotate(45deg); }
  #hamburger.active .icon:after { top: 0; transform: rotate(135deg); }
  
  #loginCont .loginFrame {width: 100%; left: 0; top: 18%; box-shadow: none;}  
}

@media (max-width: 568px) {

  * {-webkit-appearance: none;}

  #dataList .left {display: none;}
  #dataList .right {width: 100%;}
  #dataList .row.header {display: none;}
  #dataList .row.summaryRow {display: none;}
  #dataList .row.playerNameMobile {display: block; width: 100%; height: 42px; text-align: center; font-weight: bold; font-size: 18px; color: #fff; background-color: #fa4632; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items: center; justify-content: center;}
  #dataList .row .day .dayDateMobile {display: block; margin-right: 20px;}
  #dataList .row .day.weekend .dayDateMobile {margin-right: 0;}
  #dataList .row .day {border-bottom: 1px solid #eaeaea;}
    
  #dataList .row {display: block; width: 100%; height: auto;}
  #dataList .row .day {width: 100%; flex: none;}
  #dataList .row .day.weekend {width: 100%; flex: none;}
  
  #dialog-container {width: 100%;}
  #dialog-frame {width: 100%;}
  .dialog-btn {margin-bottom: 10px;}
  
  .table01.table-kitchen {width: 100% !important;}
  
  #footer {flex-wrap: wrap;}
  #footer .left {width: 100%;}
  #footer .right {width: 100%;}
}