.showsList.row { max-width: 1200px; margin-right: auto; margin-left: auto; margin-top: 60px; }
.mainBody       { display: none; }

.CalendarStripRight { width:67%; }

.lettersFilters { float: right; width: 33%; overflow: hidden; }
.lettersFilters ul.allLetters { margin: 0; padding: 0; list-style: none; text-align: right; overflow: auto; }
.lettersFilters ul.allLetters li { display: inline-block; vertical-align: middle; }
    .lettersFilters ul.allLetters li button.LetterBtn { -webkit-appearance: none; background: transparent; border: 0; border: 0; text-align: center; font-size: 130%; padding: 15px 8px; background: #ffffff; position: relative; outline: none; }
.lettersFilters ul.allLetters li button.LetterBtn:focus span { text-decoration: underline; }
.lettersFilters ul.allLetters li button.LetterBtn:after { content: ""; border-left: 1px solid #d3d3d3; position: absolute; left: 0; top: 50%; transform: translateY(-50%);-webkit-transform:translateY(-50%); height: 24px; }
.lettersFilters ul.allLetters:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 68px; height: 45px; background-image: linear-gradient(to right, #ffffff 9%, rgba(255, 255, 255, 0) 114%); }
.lettersFilters ul.allLetters li button.LetterBtn.active span { background: #252525; color: #ffffff; }
.lettersFilters ul.allLetters li button.LetterBtn span { padding: 1px 8px; display: inline-block; min-width: 24px; vertical-align: middle; line-height: 1; text-align: center; }
.showsList.row { min-height: 300px; }
@media (max-width:991px) {
    .teamStrip.CalendarStrip { display: block; }
    .teamStrip.CalendarStripRight { width: 57%; }
    .lettersFilters { width: 43%; }
}

@media (max-width:767px) { 
    .showsList.row { margin-top: 30px; max-width: 90%; }
    .teamStrip.CalendarStripRight { width: 100%; }
    .teamStrip.CalendarStrip { bottom: -60px; }
    .lettersFilters { width: 100%; }
    .showsList.row { margin-top: 100px; }
}