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

.CalendarStrip {width: 900px;}
.CalendarStripRight, .lettersFilters {display: inline-block;}
.CalendarStripRight {width: 15%;}
.lettersFilters { width: 85%; float: left; 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; }
.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) {
    .repStrip { display: block; }
}

@media (max-width:767px) {
    .CalendarStrip { bottom: 0;}
    ul.MonthsSelect button { padding: 15px 10px;}
    .showsList.row { margin-top: 30px; max-width: 90%; }
    /*.showItemBox .buttonHover { min-width: unset; width: 100%; margin-bottom: 8px;}
    .showItemBox .buttonHover.trailerBtn { margin: 0;}*/
}