.calendar-menu { display:flex; border-bottom:1px solid #DEE6EB; justify-content:space-between; padding:20px 40px 0 40px;align-items:flex-end; }
.calendar-menu > div:nth-of-type(1) { display:flex;  }
.calendar-menu > div:nth-of-type(2) { display:none;  }
.calendar-menu > div:nth-of-type(3) { display:flex;  justify-content:flex-end; }
.calendar-menu > div:nth-of-type(3) > div:nth-of-type(1) { padding:0 15px 0 0;margin:0 0 9px 0;   border-right:1px solid #DEE6EB;} 

.tournament-select { position: relative; width: 220px; }
.tournament-current { display: flex; align-items: center; gap: 10px; padding: 6px 10px 7px 12px; border-radius: 4px; font: 700 14px/14px 'NT',sans-serif;  letter-spacing: -.2px; background: #3F4F56; color: #fff; cursor: pointer; }
.tournament-current:hover { background: #334046; }
.tournament-current::after { content: '▼'; margin-left: auto; font-size: 12px; color: #fff; }
.tournament-select.open .tournament-current::after { content: '▲'; }
.tournament-dropdown { display: none;  padding:5px 0 8px 0; position: absolute;  top: 100%; left: 0;  right: 0;  font: 500 13px/14px 'NT',sans-serif;  background: #fff;  letter-spacing: -.2px;  overflow-y: auto;  z-index: 100;  box-shadow: 0 0 30px rgba(142, 156, 164, 0.5); border-radius: 5px; }
.tournament-select.open .tournament-dropdown { display: block; }
.tournament-item { display: flex; align-items: center; gap: 10px; padding: 7px 0 7px 10px; text-decoration: none; font: 700 13px/14px 'NT',sans-serif;  letter-spacing: -.2px;  color: #263239; }
.tournament-item:hover { background-color: #DFE6EA;  color: #111; }

.tournament-img { width: 20px; height: 20px; object-fit: contain; }



.calendar-menu > div:nth-of-type(3) > div:nth-of-type(2) { margin:0 0 9px 0;  width:40px; height:24px;  cursor:pointer; }
.cal-unpin {  background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 12px -166px;  filter: drop-shadow(5px 8px 2px rgba(82, 112, 127, .3)); }
.cal-pin {  background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 12px -190px;  filter: none; }
.calendar-menu button, #cal-hide a { background: none;  border: none; font: 700 14px/17px 'NT',sans-serif; letter-spacing: -.3px; color: #4D6473; cursor: pointer;  padding: 15px 15px 14px 15px; position: relative; transition: color 0.3s; }
.calendar-menu button.active, #cal-hide a.active { color:#111; }
.calendar-menu button.active::after, #cal-hide a.active::after {  content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #3A49A0; border-radius: 2px 2px 0 0; box-shadow: 0 -3px 7px rgba(142, 156, 164, 0.4); }
.calendar-ud { display:none; }
.calendar { display:flex; gap:30px; padding-top:30px; padding-bottom: 10px; min-height:1000px; }
.calendar .calendar-ca { width:51%; }
.calendar .calendar-tt{ width:49%; position: relative; }
.calendar-fly { width:100%; position: absolute; top: 0;  left: 0; }
.calendar-rewind { background-color:#E7ECEF; padding:16px 17px;  border-radius:8px; margin-bottom:15px; max-height:65px; overflow:hidden;  }
.calendar-rewind b { display:block; border-radius:5px;  background-color:#fff; font: 500 14px/33px 'NT', sans-serif; letter-spacing:-.4px;  text-align:center;  box-shadow: 0 0 10px rgba(142, 156, 164, 0.3); color:#52707F; cursor:pointer; }
.calendar-date header { display:block; background-color:#E7ECEF; border-radius:5px; font: 700 11px/29px 'NT', sans-serif; letter-spacing:-.3px;  color:#2B3940; text-transform: uppercase; padding:0 0 0 16px; }
.calendar-date ul { margin:0 0 11px 0; padding:0; }
.calendar-date li { display:flex; justify-content:space-between; padding:0 16px 0 16px; border-bottom:1px solid #E7ECEF; align-items:center;  }
.calendar-date li span:nth-of-type(1) { flex:none; width:64px; position:relative; top:-2px; }
.calendar-date li span:nth-of-type(1) i { width:10px; height:16px; display:inline-block; background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: -3px -148px; margin:0 0 0 10px; position:relative; top:7px; }
.calendar-date li > a { flex:none; width:60px; position:relative; top:-1px; display:flex; justify-content:flex-end; align-items:center; padding:11px 0;  }
.calendar-date li span:nth-of-type(2) { display:flex; width:100%; justify-content:center; align-items:center; overflow:hidden; }
.calendar-date li span:nth-of-type(2) b:nth-of-type(1) {  width:41%; text-align:right; font: 700 15px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; user-select: none; }
.calendar-date li span:nth-of-type(2) a:nth-of-type(1) {  width:18%; min-width:34px; text-align:center;   font: 800 16px/1 'NT', sans-serif; letter-spacing:-.3px; color:#111; padding:11px 0; }
.calendar-date li span:nth-of-type(2) a:nth-of-type(1) i { font-style: normal; }
.calendar-date li span:nth-of-type(2)  b:nth-of-type(2) {   width:41%;  font: 700 15px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; user-select: none; }
.calendar-date li u {   text-decoration:none; }
.calendar-date li > span:nth-of-type(2) b  u { display:inline-block; padding:4px 6px 5px 6px; border-radius:5px; vertical-align: middle; box-sizing: border-box;  user-select: none; }
.cal_hl_1, .cal_hl_2, .cal_hl_3, .cal_hl_4 { position: relative; z-index: 0; background: transparent; overflow: hidden; color: #000; border-radius: 5px; }
.cal_hl_1::before, .cal_hl_2::before, .cal_hl_3::before, .cal_hl_4::before { content: ""; position: absolute;  top: 0; left: 0;  width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; animation: highlight-in 0.4s ease forwards;  z-index: -1; border-radius: 5px; }
.cal_hl_1::before { background: #C5E8E6; }
.cal_hl_2::before { background: #F3DAD8; }
.cal_hl_3::before { background: #E9E751;  }
.cal_hl_4::before { background: #D0DDD4; }
@keyframes highlight-in { to { transform: scaleX(1);  } }
.calendar-date .cs-ok span:nth-of-type(1) u {  background-color:#E7ECEF; color:#52707F; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; padding: 3px 8px;  }
.calendar-date .cs-ht span:nth-of-type(1) u { background-color:#E9E751; color:#5F5C0C; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; padding: 3px 8px;  }
.calendar-date .cs-on span:nth-of-type(1) u { background-color:#4FBF4F; color:#fff; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; padding: 3px 8px; }
.calendar-date .cs-ns span:nth-of-type(1) u { color:#52707F; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; border:1px solid #E7ECEF; padding: 5px 1px; width:36px; text-align:center;  display:inline-block; position:relative; top:1px; }
.calendar-date .cs-st span:nth-of-type(1) u { background-color:#FE5F00; color:#fff; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; padding: 3px 8px;  }
.calendar-date li > a i { display:inline-block; background-color:#E7ECEF; color:#52707F; font: 700 11px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:4px; padding: 3px 0; width:18px; font-style: normal; text-align:center;  margin:0 0 0 10px; }
.calendar-date li > a u { width:20px; height:18px; background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 20px 375px; background-position: 0 -300px; position:absolute; top:12px; right: 26px; }
.calendar-date li > a b { width:20px; height:18px; background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 20px 375px; background-position: -1px -320px; position:absolute; top:12px; right: 26px; }

.calendar-tour header { display:block; background-color:#E7ECEF; border-radius:4px; font: 700 11px/29px 'NT', sans-serif; letter-spacing:-.3px;  color:#2B3940; text-transform: uppercase; padding:0 0 0 20px; }
.calendar-tour ul { margin:0 0 12px 0; padding:0; }
.calendar-tour li { display:flex; justify-content:space-between; padding:0 16px; border-bottom:1px solid #E7ECEF; align-items:center;  }


.calendar-tour li span:nth-of-type(1) { flex:none; width:64px; position:relative; top:-1px; }
.calendar-tour li span:nth-of-type(1) u { color:#52707F; font: 500 13px/1 'NT', sans-serif; letter-spacing:-.7px;  }

.calendar-tour li span:nth-of-type(2) { width:100%; }
.calendar-tour li span:nth-of-type(2) i { width:10px; height:16px; display:inline-block; background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: -3px -148px; margin:0 0 0 5px; position:relative; top:5px; }

.calendar-tour li span:nth-of-type(2) { display:flex; width:100%; justify-content:center; align-items:center; overflow:hidden; }
.calendar-tour li span:nth-of-type(2) b:nth-of-type(1) {  width:41%; text-align:right; font: 700 15px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; user-select: none; }
.calendar-tour li span:nth-of-type(2) a:nth-of-type(1) {  width:18%; min-width:34px; text-align:center;  padding: 12px 0 11px 0; font: 800 16px/1 'NT', sans-serif; letter-spacing:-.3px; color:#111; }
.calendar-tour li span:nth-of-type(2)  b:nth-of-type(2) {   width:41%;  font: 700 15px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; user-select: none; }
.calendar-tour li u {  text-decoration:none; }
.calendar-tour li > span:nth-of-type(2) b u { display:inline-block; padding:4px 6px 5px 6px; border-radius:5px; vertical-align: middle; box-sizing: border-box;   }


.calendar-tour li span:nth-of-type(3) { flex:none; width:60px; display: flex; justify-content: flex-end; }
.calendar-tour .cs-ok span:nth-of-type(3) u {  background-color:#E7ECEF; color:#52707F; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; padding: 5px 8px; }
.calendar-tour .cs-ht span:nth-of-type(3) u { background-color:#E9E751; color:#5F5C0C; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; padding: 5px 8px; }
.calendar-tour .cs-on span:nth-of-type(3) u { background-color:#4FBF4F; color:#fff; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; padding: 5px 8px;  }
.calendar-tour .cs-ns span:nth-of-type(3) u { color:#52707F; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; border:1px solid #E7ECEF; padding: 5px 1px; width:36px; text-align:center;  display:inline-block; position:relative; top:1px;  }
.calendar-tour .cs-st span:nth-of-type(3) u { background-color:#FE5F00; color:#fff; font: 700 12px/1 'NT', sans-serif; letter-spacing:-.7px; border-radius:5px; padding: 5px 8px; }


.calendar-tour h3 { display:block; padding:0; margin:0 0 15px 0; font: 800 18px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F;  }
.calendar-tour h3:nth-child(n+2) { margin-top:32px; }



.league-table { border-collapse: collapse;  width: 100%; border:0; padding:0; margin-bottom:12px; }
.league-table th { background-color:#E7ECEF; font: 700 11px/27px 'NT', sans-serif; letter-spacing:-.3px;  color:#52707F; text-transform: uppercase;  }
.league-table th:first-child { border-radius: 4px 0 0 4px; text-align: left; padding-left: 15px; }
.league-table th:last-child { border-radius: 0 4px 4px 0; padding-right:10px; padding-left:7px; }
.league-table:hover th:first-child {  border-radius: 4px 0 0 0; }
.league-table:hover th:last-child { border-radius: 0 4px 0 0; }
.league-table tbody tr { border-bottom:1px solid #E7ECEF;  }
.league-table td { text-align:center;  padding:8px 0 7px 0; }
.league-table tr td:nth-of-type(1) { text-align:right; width:29px;  }
.league-table tr td:nth-of-type(1) u {  color:#52707F; font: 500 13px/1 'NT', sans-serif; letter-spacing:-.3px; padding:2px 4px 2px 5px; border-radius:4px; }
.league-table tr td:nth-of-type(2) { width:40px; }
.league-table tr td:nth-of-type(2) img { display:block; width:24px; height:24px; margin:0 8px 0 10px; } 
.league-table tr td:nth-of-type(3) a { display:flex; justify-content:space-between;  } 
.league-table tr td:nth-of-type(3) a b:nth-of-type(1) { font: 700 15px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F;  } 
.league-table tr td:nth-of-type(3) a b:nth-of-type(1) u { display: block; max-width:106px; padding:4px 6px 5px 6px; border-radius:5px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
.league-table tr td:nth-of-type(3) a b:nth-of-type(2) { width:16px; height:16px; margin:3px 10px 0 5px; } 
.league-table tr td:nth-of-type(4), .league-table tr td:nth-of-type(5), .league-table tr td:nth-of-type(6), .league-table tr td:nth-of-type(7) { width:7%; font: 500 14px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F; }
.league-table tr td:nth-of-type(8) { font: 500 14px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F; width:12%; }
.league-table tr td:nth-of-type(9) { font: 700 14px/1 'NT', sans-serif; letter-spacing:-.7px; color:#2B393F; padding-right:10px; padding-left:7px; }
.league-table u {   text-decoration:none; }
.cal_tt_cl td:nth-of-type(3) a b:nth-of-type(2) { background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 0 0;  } 
.cal_tt_el td:nth-of-type(3) a b:nth-of-type(2) { background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 0 -20px;  } 
.cal_tt_ec td:nth-of-type(3) a b:nth-of-type(2) { background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 0 -40px;  } 
.cal_tt_re td:nth-of-type(3) a b:nth-of-type(2) { background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 0 -123px;  } 
.cal_tt_do td:nth-of-type(3) a b:nth-of-type(2) { background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 0 -100px;  } 
.cal_tt_to td:nth-of-type(3) a b:nth-of-type(2) { background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 0 -80px;  } 
.cal_tt_wi td:nth-of-type(3) a b:nth-of-type(2) { background-image:url(/i/v17/i/icons-tt.png?9); background-repeat: no-repeat; background-size: 16px 300px; background-position: 0 -60px;  } 
.cal_tt_live td:nth-of-type(1) u  { background-color:#4FBF4F; color:#fff !important; font: 700 13px/1 'NT', sans-serif !important;  } 
.highlight-row { background-color: rgba(232, 236, 238, 0.5) !important;  }
.highlight-col { background-color: rgba(232, 236, 238, 0.5) !important; }
.highlight-cross { background-color: rgba(232, 236, 238, 0.9) !important; }
.league-table td, .league-table th {  transition: background-color 0.2s ease; }

.article-gag { height:34px; width:100%; background-color:#fff; position:relative; z-index:100;  top: 20px; border-top: 1px solid #DEE6EB; }

.item-relative-img { display:flex; width:100%; padding:24px 0 25px 0; }
.item-relative-img picture  { display: block; position: relative; width: 180px; height: 100px; margin:0 20px 0 0; }
.item-relative-img picture img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px; filter: saturate(1.1) contrast(1.1); box-shadow: 0 2px 3px rgba(142, 156, 164, 0.3); }
.item-relative-img > span { flex:1; }
.item-relative-img > span > span:nth-of-type(2) { margin:5px 0 0 0; display:block; color:#111; font:500 20px/25px 'NT',sans-serif; letter-spacing:-.4px; padding:0 10% 0 0; }
.item-relative-img > span > span:nth-of-type(2) b {  font:800 20px/25px 'NT',sans-serif;  }
.item-relative-img small { display:block; font:500 14px/19px 'NT',sans-serif; color:#52707F;  letter-spacing:-.2px; margin:5px 0 0 0; }
.item-relative-img:hover > span > span:nth-of-type(2) { color:#3A49A0;  }
.item-relative-img picture b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display:flex; align-items:center; }
.item-relative-live picture > b > u { display:inline-block; text-align: center; width: 44px; height: 44px; border-radius: 50%; background-color: #45BC45; background-image: var(--icons-url); background-repeat: no-repeat; background-position: 11px -75px; background-size: var(--icons-size); margin:0 0 0 12px; }
.item-relative-tips picture > b > u { display:inline-block; text-align: center; width: 44px; height: 44px; border-radius: 50%; background-color: #3A49A0; font: 900 14px/44px 'NT', sans-serif; letter-spacing: -.3px; color: #fff; text-decoration:none; margin:0 0 0 12px; }
.item-relative-talk picture > b > u { display:inline-block; text-align: center; width: 44px; height: 44px; border-radius: 50%; background-color:#D3C77E; background-image:var(--icons-url); background-repeat: no-repeat;  background-position: -25px -75px;  background-size: var(--icons-size); margin:0 0 0 12px; }
.article-relative, .right-article-second { padding-top:21px; }
.article-relative .item-relative-img {  border-bottom: 1px solid #DEE6EB;  }
.article-relative a:last-child {  border-bottom: 0; padding-bottom:0;  }
.article-relative a:first-child { padding-top:0px;  }
.article-relative h4 { font:700 18px/1 'NT',sans-serif; letter-spacing:-.3px; padding:0 1px 13px 0; color:#111; margin:28px 0 0 0; position: relative; display: inline-block; }
.article-relative h4::after { content: ""; position: absolute; left: 0; bottom: 0; height: 5px; width: 100%; background-color: #E9E751; border-radius: 5px; }

.calendar-legend { border-bottom:1px solid #DFE6EA; padding:7px 0 20px 0; }
.calendar-legend span { display:flex; }
.calendar-legend span:nth-of-type(1) { margin:0 0 8px 0; }
.calendar-legend span u { flex:none; display:inline-block; width:17px; height:17px;  margin:0 7px 0 0; position:relative; top:2px;   }
.calendar-legend span b { font: 500 14px/18px 'NT', sans-serif; letter-spacing:-.5px; color:#2B3940; margin:0 15px 0 0;   }
.calendar-legend span:nth-of-type(1) u { background-image: url(/i/v17/i/icons-tt.png?9);  background-repeat: no-repeat;  background-size: 16px 300px; background-position: 0 -146px; }
.calendar-legend span:nth-of-type(2) u { background-image: url(/i/v17/i/icons-tt.png?9);  background-repeat: no-repeat;  background-size: 16px 300px; background-position: 1px -217px; }
.calendar-rules h2 { display:block; margin:5px 0 7px 0; padding:0; color:#111; font: 800 17px/18px 'NT', sans-serif; letter-spacing:-.5px; }
.calendar-rules ul { margin:0; padding:0;  }
.calendar-rules p { font: 500 15px/20px 'NT',sans-serif;  color: #111; letter-spacing: -.1px; padding:0; margin:0 0 15px 0; }
.calendar-rules  ul li {  font: 500 15px/18px 'NT',sans-serif;  color: #2B3940; padding-right: 20px;  letter-spacing: -.2px; margin:0 0 10px 25px; border-bottom: 2px solid transparent;  list-style: none;  text-indent: -24px; }
.calendar-rules  ul li::before { content: '';display: inline-block;width: 8px; height: 8px; background-color:#338E33; border-radius: 50%; margin: 0 16px 0 0; position: relative; top: -1px; }

.calendar-rules {max-height:none;overflow:hidden;position:relative;transition:max-height .4s ease;}
.calendar-rules.is-collapsed {max-height:129px;} 
.show-more {display:none; width:100%; border:1px solid #DFE6EA; border-radius: 5px; background-color: #fff; font: 500 14px/33px 'NT', sans-serif; letter-spacing: -.4px; text-align: center; box-shadow: 0px -10px 30px rgba(142, 156, 164, 0.5); color: #52707F; cursor:pointer; margin:0 0 11px 0; }
.calendar-rules.is-collapsed + .show-more {display:block;}


.calendar-ca { min-height:1000px; }
.calendar-ca > div { display: none; opacity: 0; transition: opacity 0.3s ease; }
.calendar-ca > div.show {  display: block; opacity: 1; }

@media (max-width: 767px) { 
.calendar-ca { min-height:0; }
.calendar { gap:0; }
.calendar-fly { position: relative;  }
.calendar .calendar-ca, .calendar .calendar-tt { transition: opacity 0.3s ease, height 0.3s ease; width: 100%; overflow: hidden;  opacity: 0; height: 0; }
.calendar .show { opacity: 1; height: auto;  }
.calendar-menu { padding:20px 30px 0 30px; flex-direction:column; align-items: flex-start;  border-bottom:0; }
.calendar-menu > div:nth-of-type(1)  { order:4; width:100%;border-bottom:1px solid #DFE6EA; margin-top:10px;  }
.calendar-menu > div:nth-of-type(2) { order:2;  display:block; width:100%; }
.calendar-menu > div:nth-of-type(3) { order:1; width:100%;  justify-content:center; margin-bottom:15px;   }
.calendar-menu > div:nth-of-type(3) > div:nth-of-type(1) { width: 100%; padding:0; border-right:0; margin:0;  } 
.whoa_card_mob { flex-direction:row; order:3; margin:10px 0 0 -20px; width: calc(100% + 40px); }

.tournament-select { width: 100%; }

.tournament-current { padding: 8px 12px 7px 15px;  }
.tournament-dropdown { box-shadow: 0 0 70px rgba(142, 156, 164, 0.7);  }
.tournament-item { gap: 14px; padding: 8px 0 9px 40px; font: 700 15px/1 'NT',sans-serif;  }
.tournament-img { width: 24px; height: 24px; }





.calendar-menu > div:nth-of-type(3) > div:nth-of-type(2) { display:none; }
.calendar-menu button, #cal-hide a { padding: 10px 15px 14px 15px;  }
.calendar-ud { background-color:#E7ECEF; border-radius:5px; display:flex;  justify-content:space-between; gap:4px; padding:5px; }
.calendar-ud a { flex:2; text-align:center; color:#2B3940; font: 700 14px/31px 'NT', sans-serif; letter-spacing:-.3px; padding-bottom:1px; }
.calendar-ud-a { background-color:#fff; border-radius:4px; box-shadow: 0 0 20px rgba(142, 156, 164, 0.5); } 
.calendar .calendar-ca, .calendar .calendar-tt { width:100%; }
.calendar { flex-direction:column; padding-top:25px;  }

}

@media (max-width: 640px) { 
.calendar { gap:0; padding-top:20px; padding-bottom: 0;   }
.calendar-menu { padding:20px 20px 0 20px;  }
.calendar-rewind { border-radius:4px; padding:0;  margin-bottom:20px;  border:1px solid #E0E7EB; }
.calendar-rewind b { border-radius:4px;   background-color:#E7ECEF; font: 500 14px/33px 'NT', sans-serif; letter-spacing:-.4px;  text-align:center;  color:#52707F; }
.article-relative { margin-right:20px; }
.item-relative-img picture  { width: 140px; height: 78px; }
.item-relative-img > span > span:nth-of-type(2) { font:500 18px/23px 'NT',sans-serif; padding:0; }
.item-relative-img > span > span:nth-of-type(2) b { font:800 18px/23px 'NT',sans-serif;  }
.article-gag { height:21px;  }

}

@media (max-width: 560px) { 
.calendar-date li, .calendar-tour li  { padding:0; }
.calendar-date li > a i { margin:0 0 0 5px; }
.league-table tr td:nth-of-type(2) img { margin:0 5px; } 
.calendar-date li span:nth-of-type(2) b:nth-of-type(1), .calendar-date li span:nth-of-type(2) b:nth-of-type(2) {  letter-spacing:-.8px; }
}


@media (max-width: 440px) { 
.calendar-date li span:nth-of-type(1) { width:59px;}
.calendar-date li span:nth-of-type(3) i { margin:0 0 0 5px; }
.calendar-date li span:nth-of-type(3) { width:79px; }
.calendar-date li span:nth-of-type(1) i { margin:0 0 0 7px;  }
}

@media (max-width: 390px) { 
.calendar-date li span:nth-of-type(3) a, .calendar-tour li span:nth-of-type(4) a { display:inline-block;  width:27px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  position:relative; top:3px; }
.calendar-date li span:nth-of-type(3) { width:60px; }
}

@media (max-width: 350px) { 
.calendar-menu button, #cal-hide a { padding: 10px 0 14px 0;  }
.calendar-date li span:nth-of-type(2) a:nth-of-type(1) {  position: relative; right: -3px; }
.calendar-date li > span:nth-of-type(2) b  u { padding:3px 4px 4px 4px;  }
.calendar-date li span:nth-of-type(2) b:nth-of-type(1) {  font: 700 14px/1 'NT', sans-serif; }
.calendar-date li span:nth-of-type(2) a:nth-of-type(1) {  font: 800 15px/1 'NT', sans-serif; }
.calendar-date li span:nth-of-type(2)  b:nth-of-type(2) { font: 700 14px/1 'NT', sans-serif;  }
}