﻿@media (min-width: 30em) {
    .equal-width-buttons {
        display: flex;
        justify-content: space-around;
    }

        .equal-width-buttons > .eb-button {
            margin: 0 10px;
        }
}

@media (min-width: 35em) {
    .play-template {
        width: 50%;
    }

        .play-template > a {
            height: 320px;
        }

        .play-template .playimage {
            max-height: 195px;
        }
}

@media (min-width: 48em) {
    .playresults-wrapper {
        margin: 10px -10px 0 -10px;
    }

    .productresults-wrapper {
        margin: 10px -10px 0 -10px;
    }

    .order-tickets__list li:nth-child(even) {
        background-color: #fafafa;
    }
}

@media (min-width: 51em) {
    .slick-slide > .itemlink {
        width: 816px;
    }

    #play_slider {
        height: 465px;
        position: relative;
    }

    .play_slider-container:before {
        display: none;
    }

    #product_slider {
        height: 465px;
        position: relative;
    }

    .product_slider-container:before {
        display: none;
    }
}

@media (min-width: 55em) {
    .play-template {
        width: 33.33333%;
    }

    @-moz-document url-prefix() {
        .playresults-wrapper {
            margin-bottom: 8px;
        }
    }

    @-moz-document url-prefix() {
        .productresults-wrapper {
            margin-bottom: 8px;
        }
    }
}

@media (max-width: 105em) {
    #main-wrapper {
        margin-bottom: 260px;
    }
}

@media (max-width: 78em) {
    #main-wrapper {
        margin-bottom: 150px;
    }
}

@media (max-width: 56em) {
    #main-wrapper {
        margin-bottom: 50px;
    }
}

@media (max-width: 32em) {
    #main-wrapper {
        margin-bottom: 0px;
    }
}

@media (min-width: 85em) {
    .equal-width-buttons {
        justify-content: flex-end !important;
    }

    .equal-width-buttons > a:last-of-type {
        margin-right: 30px;
    }
    
    #scrollButtons {
        display: none;
    }
}

@media (min-width: 75em) {
    .play-template {
        width: 25%;
    }
}

/*.play-template{ width: 254px!important; }
@media (min-width: 0px) and (max-width: 531px) { .playresults-wrapper { width: 254px; } .playresults { margin: 0; }  }
@media (min-width: 532px) { .playresults-wrapper { width: 532px; }  }
@media (min-width: 800px) { .playresults-wrapper { width: 794px; }  }
@media (min-width: 1000px) { .playresults-wrapper { width: 100%; }  }*/

@media (max-width: 1020px) {
    .home-search-inner {
        margin: 15px 10px;
    }

    #top-main.limit {
        margin: 0 10px;
    }
}

@media (max-width: 991px) {
    .booking-panel-wrap__events-container {
        border-width: 1px 0 0 0;
    }

    .booking-panel-wrap > .row-eq-height {
        display: block !important;
    }

    .autocomplete-section {
        padding-left: 0;
    }

    #footer .footer-bottom-links {
        margin-top: 5px;
    }

    #footer .simplelist.contact-us {
        margin-bottom: 10px;
    }

    #footer .footer-bottom-links a.textLink {
        white-space: pre;
    }

    .order-details__left {
        margin-bottom: 20px;
    }
}

/*@media (max-width: 980px) {
    .moreInfo{
margin-bottom:8px;
    }
    body.embedded .priceListContainer h3.dotted,
    body.embedded .calendar-wrapper,
    body.embedded div.play-details-container-bottom {
        display: none;
    }

    body.embedded .bookingpanel.right {
        width: 100% !important;
    }

        body.embedded .bookingpanel.right .tmpl {
            padding: 0;
        }

    body.embedded div.play-details-container {
        background: #ffffff;
        min-height: 150px;
    }

        body.embedded div.play-details-container table {
            max-width: 100% !important;
        }

            body.embedded div.play-details-container table td {
                vertical-align: top;
            }

            body.embedded div.play-details-container table.details,
            body.embedded div.play-details-container table.eventtime,
            body.embedded div.play-details-container table.total {
                max-width: 100% !important;
                width: 100%;
                margin-left: 0;
            }

                body.embedded div.play-details-container table.details td:first-child,
                body.embedded div.play-details-container table.eventtime td:first-child,
                body.embedded div.play-details-container table.total td:first-child {
                    width: 90px;
                    text-align: left;
                }

    body.embedded .ui-dialog {
        width: 300px !important;
    }

    .flex-form .field-group {
        display: flex;
        flex-direction: column;
    }

        .flex-form .field-group .label {
            padding: 0 0 5px 0;
            margin: 10px 0 0 0;
        }

    .countdown_timer_notification p {
        display: block;
    }

    .events-container__item > div[class*='col-'] {
        padding: 15px 15px 5px 15px;
        text-align: center;
        float: none;
        width: 100%;
    }

    .events-container__item.row-eq-height {
        display: block !important;
    }

    .events-container__item + .events-container__item,
    .events-container__item:first-child {
        padding-bottom: 15px;
    }

    .events-container__item .flex-align-right {
        justify-content: center;
    }

    .booking-panel-wrap__calendar-container .ui-datepicker td a.ui-state-default {
        padding: 24% 18%;
    }

    .header-container .eb-button--full {
        margin: 15px 5px 0 5px;
        width: calc(100% - 10px);
    }
}*/

@media (min-width:1227px) {
    .header-container .eb-button--full {
        gap: 8px;
        margin: 15px 5px 0 5px;
        width: calc(100% - 10px);
    }
}
@media (max-width:1226px) {
    .moreInfo {
        margin-bottom: 8px;
    }

    body.embedded .priceListContainer h3.dotted,
    body.embedded .calendar-wrapper,
    body.embedded div.play-details-container-bottom {
        display: none;
    }

    body.embedded .bookingpanel.right {
        width: 100% !important;
    }

        body.embedded .bookingpanel.right .tmpl {
            padding: 0;
        }

    body.embedded div.play-details-container {
        background: #ffffff;
        min-height: 150px;
    }

        body.embedded div.play-details-container table {
            max-width: 100% !important;
        }

            body.embedded div.play-details-container table td {
                vertical-align: top;
            }

            body.embedded div.play-details-container table.details,
            body.embedded div.play-details-container table.eventtime,
            body.embedded div.play-details-container table.total {
                max-width: 100% !important;
                width: 100%;
                margin-left: 0;
            }

                body.embedded div.play-details-container table.details td:first-child,
                body.embedded div.play-details-container table.eventtime td:first-child,
                body.embedded div.play-details-container table.total td:first-child {
                    width: 90px;
                    text-align: left;
                }

    body.embedded .ui-dialog {
        width: 300px !important;
    }

    .flex-form .field-group {
        display: flex;
        flex-direction: column;
    }

        .flex-form .field-group .label {
            padding: 0 0 5px 0;
            margin: 10px 0 0 0;
        }

    .countdown_timer_notification span {
        display: block;
    }

    .events-container__item > div[class*='col-'] {
        padding: 15px 15px 5px 15px;
        text-align: center;
        float: none;
        width: 100%;
    }

    .events-container__item.row-eq-height {
        display: block !important;
    }

    .events-container__item + .events-container__item,
    .events-container__item:first-child {
        padding-bottom: 15px;
    }

    .events-container__item .flex-align-right {
        justify-content: center;
    }

    .booking-panel-wrap__calendar-container .ui-datepicker td a.ui-state-default {
        padding: 24% 18%;
    }

    .header-container .eb-button--full {
        gap: 8px;
        margin: 15px 5px 0 5px;
        width: calc(100% - 10px);
    }
}

@media (max-width: 940px) {
    .slider .slick-arrow.slick-prev {
        left: 0;
    }

    .slider .slick-arrow.slick-next {
        right: 0;
    }
}

@media (max-width: 800px) {
    .play__filters .daterangepicker {
        width: 266px;
        padding: 8px;
        margin: 0 auto;
    }

        .play__filters .daterangepicker .calendar {
            margin: 0;
            float: none !important;
        }

    .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 4px;
    }
}

@media (max-width: 767px) {
    .deleteproductTitle {
        width: 120px;
    }

    .productAddedDiv {
        padding: 16px !important;
        left: 0% !important;
        width: 100% !important;
        max-width: calc(100% - 32px) !important;
        margin: 16px !important;
        transform: unset;
    }

    table#seatselection-table td {
        padding: 4px 10px;
        text-align: left;
    }

    table#seatselection-table th {
        font-weight: normal;
        font-size: 14px;
        color: #000;
        padding: 4px 10px;
        text-align: left;
        border-bottom-width: 2px;
        font-family: pf_highway_sans_pro_mediumRg,arial,sans-serif;
        letter-spacing: .02em;
        white-space: normal;
    }

    .deliveryMethod {
        border-radius: 10px;
        padding: 0;
        font-size: 12px;
    }

    .deleteproduct {
        width: 20px;
        height: 20px;
        background-size: 8px;
        background-color: #1AABBF;
        margin-right: 5px;
        border-radius: 50%;
        background-image: url("https://www.viva.gr/tickets/Site/images/icons/svg/delete.svg");
        background-repeat: no-repeat;
        background-position: center
    }

        .deleteproduct:hover {
            background-color: #76CDD9;
            cursor: pointer;
        }

    .deleteProductTd {
        display: -webkit-inline-box;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
    }

    .joyride-tip-guide {
        width: 95% !important;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        left: 2.5% !important;
    }

    .joyride-tip-guide-wrapper {
        width: 100%;
    }

    .reveal-banner .m_promo_content {
        font-size: 16px;
    }

    .row-eq-height {
        display: block !important;
    }

    #play_slider .content {
        padding: 20px 15% 45px;
    }

    .play__filters {
        display: block;
    }

        .play__filters > div {
            width: 100%;
        }

            .play__filters > div + div {
                margin-top: 15px;
            }

        .play__filters .daterangepicker {
            top: 237px !important;
            right: 20px !important;
            left: auto !important;
        }

    .gender-filters {
        width: 100%;
    }

    #map > div:first-child {
        overflow-x: auto;
    }

    #blockableArea {
        overflow: auto;
        width: 100%;
    }

    .order-delivery {
        margin-bottom: 20px;
    }

    #main-wrapper {
        padding-top: 0;
    }

    .play_slider-container {
        margin-top: 0;
    }

    .eb-modal__footer .vertical-align {
        display: block;
    }
    .eb-button {
       /* padding: 12px 14px 12px 14px;*/
        letter-spacing: 0;
    }
    .eb-modal__footer .eb-button {
        width: 100%;
        margin-top: 15px;
    }

    .eb-modal__footer .alignLeft + .alignLeft {
        text-align: right !important;
    }

    .order-tickets__list {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: -moz-scrollbars-none;
    }

        .order-tickets__list ul {
            display: flex;
            flex-wrap: nowrap;
        }

        .order-tickets__list li {
            scroll-snap-align: start;
            width: 86vw;
            flex: 86vw 0 0;
            margin-right: 3vw;
        }

    .order-tickets__list-item-sep {
        display: inline-block;
    }

    .order-tickets__list--single li {
        width: 100%;
        flex: 100% 0 0;
        margin-right: 0;
    }

    .order-tickets__list2 {
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow: -moz-scrollbars-none;
    }

        .order-tickets__list2::-webkit-scrollbar {
            display: none;
        }

        .order-tickets__list2 ul {
            padding: 0 10vw;
        }

        .order-tickets__list2 li {
            scroll-snap-align: center;
        }

    .freedom-pass-div {
        display: block;
    }

    .freedom-pass-img {
        margin-left: 0;
        margin-top: 5px;
    }

    .marginTopPaddingTop {
        margin-top: 50px !important;
        padding-top: 50px !important;
    }

    .marginBottomPaddingBottom {
        margin-bottom: 50px !important;
        padding-bottom: 50px !important;
    }

    .ticektButtonDiv {
        position: fixed !important;
        left: 0 !important;
        bottom: 0 !important;
        z-index: 1000 !important;
        height: 100px !important;
        width: 100% !important;
        color: white !important;
        background-color: white !important;
        height: auto;
    }

    .ticketButtonBottom {
        position: fixed !important;
        right: 0%;
        left: 0%;
        bottom: 3%;
        z-index: 1000;
        text-align: center;
        text-decoration: none;
        min-height: 1px;
        padding-left: 0px;
        padding-right: 0px;
        margin: auto;
        width: 95% !important;
        height: 50px !important;
    }

    .ticketButtonCenter {
        margin-bottom: auto !important;
        margin-top: auto !important;
        padding: 17px 0px 17px 0px !important;
    }

    .venuDatePadding {
        position: relative !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .rating-label {
        float: left;
         margin-left: 0px !important; 
    }

    .image_content backdrop {
        position: absolute;
        top: 20px;
        left: 20px;
        width: calc(((100vw / 2.222222) - 40px) / 1.5);
        min-width: calc(((100vw / 2.222222) - 40px) / 1.5);
        height: calc((100vw / 2.222222) - 40px);
        min-height: calc((100vw / 2.222222) - 40px);
        border-radius: 8px;
        z-index: 4;
    }

    div.title h2 {
        font-size: 22px !important;
    }

    .tag2 {
        font-size: 18px;;
    }

    .poster_wrapper {
        position: inherit !important;
        width: calc(((100vw/2.222222) - 40px)/1.5) !important;
        min-width: calc(((100vw/2.222222) - 40px)/1.5) !important;
        height: calc((100vw / 2.222222) - 40px) !important;
        min-height: calc((100vw / 2.222222) - 40px) !important;
        z-index: 4 !important;
        left: -35% !important;
    }

    section.header div.title {
        margin-bottom: 20px;
    }

    .backimg {
        background-repeat: no-repeat !important;
        background-size: 100vw calc(100vw / 2.15) !important;
    }

    .section.images div.poster {
        min-width: 100vw;
        width: 100vw;
        height: calc(100vw / 2.222222);
    }
    

    .div.header.large.first {
        border-bottom: 1px solid #fdfdfd;
        background-position: right -200px top -200px;
        background-size: cover;
    }

    .mobile-main-info {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .mobile-main-info-no-title {
        padding-top: 13px !important;
        padding-bottom: 10px !important;
    }

    .venueMarginTop {
        margin-top: 10px !important;
    }

    .mainInfoMargintop {
        margin-top: 3px !important;
    }

    .widthHeightAuto {
        float: left !important;
        width: 100% !important;
        height: auto !important;
    }

    /*.play__filters*/ .playSearchFilters2 {
        justify-content: space-around !important;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 20px 20px 25px 20px;
        background: #ffffff;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: -25px 0 20px 0;
    }

    .playSearchFilters2 > div {
        margin: 0;
        padding: 0;
        width: 100% !important;
    }

    .playSearchFilters2 .navbar-nav {
        margin: 0;
    }


    section.images {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        flex-direction: row;
        align-items: baseline;
        justify-content: center;
    }
        section.images > div.poster_wrapper {
            border-width: 0px;
            min-width: 100%;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

    div.header_poster_wrapper {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-content: center !important;
        justify-content: center !important;
        align-items: center !important;
    }

    section.header {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        box-sizing: border-box;
        padding-left: 0px !important;
        flex-direction: column;
        justify-content: center;
    }
    div.header_poster_wrapper {
        padding-top: 30px;
    }

    div.custom_bg {
        background-image: linear-gradient(to right, rgba(99.22%, 99.22%, 99.22%, 1.00) 120px, rgba(99.22%, 99.22%, 99.22%, 0) 60%) !important;
    }

    .title-fix-font-size {
        font-size: 22px !important;
        font-family: pf_highway_sans_pro_mediumRg,Arial,sans-serif !important;
    }

    .bottom-border-margin-mobile {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }

    .container-fluid-mobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .title-margin-top {
        margin-top: 0px !important;
    }

    .intercom-lightweight-app-launcher-mobile-up {
        bottom: 105px !important;
    }

    .intercom-lightweight-app-launcher-mobile-standar {
        bottom: 20px !important;
    }

    .zero-top-padding {
        padding: 20px !important;
        padding-top: 0px !important;
    }

    .svg-share {
        color: #697180;
        font-size: 17px !important;
        text-decoration: none;
        font-family: pf_highway_sans_pro_lightRg,Arial,sans-serif !important;
    }

    .navdiv {
        position: relative;
        background: #ffffff;
        color: #697180;
        font-family: pf_highway_sans_pro_lightRg,Arial,sans-serif !important;
    }

    .navdiv__inner {
        margin: 0 !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        user-select: none !important;
        list-style: none !important;
        padding: 0 !important;
    }

        .navdiv__inner::-webkit-scrollbar {
            display: none !important;
        }

    .navdiv__inner {
        -ms-overflow-style: none; /* IE 11 */
        scrollbar-width: none; /* Firefox 64 */
    }

    .button-font-padding {
        font-size: 15px !important;
        padding: 10px !important;
    }

    .mv_poster {
        min-height: 300px;
        background: url("../../images/icons/loaders/Loading.png") no-repeat 50% 50%;
        font-size: 0;
        width: 219px;
        box-shadow: 0 1px 5px rgba(0,0,0,.45);
        -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.45);
        -moz-box-shadow: 0 1px 5px rgba(0,0,0,.45);
        /*border:6px solid #313234;*/
        display: block;
        width: 100%
    }

        .mv_poster img {
            border: 0;
            width: 100%;
            opacity: 0;
            -moz-transition: opacity 1s;
            -webkit-transition: opacity 1s;
            -o-transition: opacity 1s;
            transition: opacity 1s;
        }
}

.svg-share {
    text-decoration: none !important;
}

    .svg-share:not(.active):hover {
        color: #697180;
    }

@media (max-width: 1250px) {
    .covidImages {
        height: 150px;
    }

    .covidOccupancy {
        height: 149px !important;
    }

    .hidden-md-down-smaller-btn {
        display: none !important;
    }

    .visible-md-down-smaller-btn {
        display: block !important;
    }
}

@media (max-width: 639px) {
    .reveal-modal {
        width: 450px;
        margin-left: -240px;
    }

    body.embedded #PlayDetailsContainer {
        background: none;
    }

        body.embedded #PlayDetailsContainer .leftSection,
        body.embedded .tabstaticbg {
            display: none;
        }

        body.embedded #PlayDetailsContainer .rightSection {
            width: 100%;
            display: block;
        }

    body.embedded .playinnerpage {
        width: 100%;
        float: none;
        padding: 20px;
        box-sizing: border-box;
    }

    body.embedded .eventImageContainer {
        width: auto;
        height: auto;
    }

    .tp-form-half, .tp-form-quarter, .tp-form-third, .tp-form-threequarters {
        width: 100%;
    }

    .tp-form-row > div + div {
        margin-top: 15px;
    }

    body.embedded .tooltip.seatselection .info {
        top: -5px;
    }

    body.embedded .backtoschedulelink {
        margin-top: 3px;
    }

    body.embedded .tooltip.floorplan .info {
        min-width: 200px;
        width: 200px;
        right: -140px;
    }

        body.embedded .tooltip.floorplan .info .info_arrow {
            background-position: 23% 0;
        }

    body.embedded table.scheduleTable tbody tr td.proceedcontainer {
        padding: 0 10px;
        border-left: 5px solid #f0f0f0;
    }

    body.embedded table.tickets tbody tr td {
        white-space: normal !important;
        word-wrap: break-word;
    }

    .playinnerpage {
        padding: 20px;
    }

    .vertical-align-bottom {
        display: block !important;
    }

    body.embedded .rwd-table thead th,
    body.embedded .rwd-table tbody td.hiderwd {
        display: none;
    }

    body.embedded .rwd-table tbody td:not(.headerless) {
        display: block;
        text-align: left !important;
        padding-left: 100px;
        margin-right: -6px;
        height: auto;
        position: relative;
        min-height: 30px;
    }

        body.embedded .rwd-table tbody td:not(.headerless):before {
            content: attr(data-th) ": ";
            font-weight: bold;
            width: 85px;
            line-height: 25px;
            display: inline-block;
            left: 15px;
            position: absolute;
        }

        body.embedded .rwd-table tbody td:not(.headerless):after {
            content: '';
            display: inline-block;
            height: 30px;
            vertical-align: middle;
            font-size: 0;
        }
}

@media (max-width: 540px) {
    .reveal-modal {
        width: 300px;
        margin-left: -155px;
        top: 10px;
    }

    #play_slider .content {
        padding: 20px 30%;
        display: none;
    }

        #play_slider .content p {
            display: none;
        }

        #play_slider .content h2 {
            font-size: 25px;
        }

    .slider .slick-arrow {
        padding: 40px 40px 0 0;
    }

        .slider .slick-arrow.slick-prev:before,
        .slider .slick-arrow.slick-next:before {
            font-size: 20px;
        }

    .play__filters {
        margin-top: -5px;
    }
}

@media (max-width: 480px) {
    /*.gender-filters {
        width: 250px;
    }*/
    .play__filters {
        padding: 20px 10px 0 10px;
    }

    .yamm .yamm-content {
        padding: 0;
    }



    .booking-panel-wrap__events-container .vertical-align {
        display: block;
    }

    .booking-panel-wrap__events-container .eb-button {
        width: 80%;
        max-width: 100%;
        box-sizing: border-box;
        
    }

        .booking-panel-wrap__events-container .eb-button + .eb-button {
            margin: 10px 0 0 0;
            
        }

    .receipts-container .eb-button--full {
        margin: 5px 5px 0 5px;
        width: calc(100% - 10px);
    }

    .order-tickets__list2 li {
        width: 70vw;
        margin: 5px 5vw 5px 0;
    }

    .ferry-campaign-container {
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .reveal-banner .m_promo_content {
        font-size: 11px;
    }

    #unnumbered, #quantityselector {
        width: 100%;
    }

    body.embedded div.tickets-container,
    body.embedded div.contact-form-container {
        padding: 0;
        border-radius: 0;
    }

    body.embedded div.contact-form-container {
        padding-bottom: 10px;
    }

    body.embedded div.tickets-container.disappear {
        border: none;
        background: none;
    }

    body.embedded .bookingpanelcontainer {
        padding: 10px;
    }

    body.embedded .wizard-nav {
        margin: 20px -20px -20px;
    }

    body.embedded .backtoschedulelink {
        font-size: 90%;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .booking-panel-wrap__calendar-container #calendar {
        max-width: 300px;
        margin: 0 auto;
    }
}

@media (min-width: 576px) and (max-width: 800px) {
    div.equal-width-buttons.col-xs-5 {
        width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .countdown_timer_notification {
       /* padding: 15px;*/
        padding: 8px 16px;
        flex-direction: column;
        gap: 16px;
    }

    .countdown_timer_notification div {
        float: none;
        width: 100%;
        text-align: center;
        /*  margin-bottom: 10px;*/
        position: relative;
    }

        .countdown_timer_notification span {
            margin: 0;
            padding: 0;
            display: block;
        }

        .countdown_timer_notification .eb-button {
            position: static;
            margin: 0 auto 0 auto;
            display: block;
            
        }

    .streaming_info_container p {
        margin: 0 0 15px 0;
        padding: 0;
    }

        .streaming_info_container p:last-child {
            margin-bottom: 15px;
        }

    .streaming_info_container .eb-button {
        width: auto;
        position: static;
        margin: 15px auto 0 auto;
        display: block;
        text-align: center;
    }
}

@media (max-width: 922px) {
    .arrows-height {
        height: 50px;
    }

    .responsive-tabs dt {
        display: inline-block;
        margin-right: 0px;
        padding-left: 25px !important;
        padding-right: 25px !important;
        position: relative;
        height: 50px;
        line-height: 50px !important;
        background: none !important;
        border: none;
        border-bottom: 3px solid transparent;
        color: #697180;
        font-size: 17px !important;
        text-decoration: none !important;
        padding: 0;
        font-family: pf_highway_sans_pro_lightRg,Arial,sans-serif !important;
    }

        .responsive-tabs dt:last-of-type {
            margin-right: 0;
        }

        .responsive-tabs dt:not(.active):hover {
            color: #676d76;
        }

    .responsive-tabs .active {
        border-bottom-color: #1b2432;
        color: #1b2432;
        font-family: pf_highway_sans_pro_lightRg,Arial,sans-serif !important;
        font-weight: bold;
    }

        .responsive-tabs .active + dd,
        .responsive-tabs-dropdown {
            display: none;
        }

    .responsive-tabs-placeholder {
        clear: both;
        display: block;
        border-top: 1px solid #D4D4D4;
        padding: 25px 0 5px 0;
    }

    .zero-top-padding {
        padding: 20px !important;
        padding-top: 0px !important;
    }

    .responsivetab__arrow {
        position: absolute !important;
        top: 0px !important;
        bottom: 0px !important;
        width: 50px !important;
        opacity: 1 !important;
        cursor: pointer !important;
        pointer-events: initial !important;
    }

    .responsivetab__arrow--disabled {
        pointer-events: none !important;
        opacity: 0 !important;
    }

    .responsivetab__arrow > svg {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .responsivetab__arrow--prev {
        left: 20px !important;
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%) !important;
    }

        .responsivetab__arrow--prev > svg {
            left: 0 !important;
        }

    .responsivetab__arrow--next {
        right: 20px !important;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%) !important;
    }

        .responsivetab__arrow--next > svg {
            right: 0 !important;
        }
}

@media (min-width: 923px) {
    .responsive-tabs dt {
        float: left;
        border-top: 0;
        margin: 0 20px -1px 0;
        color: #a1a4aa;
        padding: 0 30px 15px 30px;
        transition: all .1s ease-in;
        border-bottom: 3px solid transparent;
        display: flex;
        align-items: center;
        font-size:17px;
    }

        .responsive-tabs dt:last-of-type {
            margin-right: 0;
        }

        .responsive-tabs dt:not(.active):hover {
            color: #676d76;
        }

    .responsive-tabs .active {
        border-bottom-color: #1b2432;
        color: #1b2432;
    }

        .responsive-tabs .active + dd,
        .responsive-tabs-dropdown {
            display: none;
        }

    .responsive-tabs-placeholder {
        clear: both;
        display: block;
        border-top: 1px solid #D4D4D4;
        padding: 30px 0 5px 0;
    }
}

@media (min-width: 768px) {
    #footer .newsletterform-container {
        margin-left: 20px;
        border-bottom: none;
        padding: 0;
    }
}

@media (min-width: 860px) {
    .table-wrapper {
        overflow: visible;
        box-shadow: none;
    }

        .table-wrapper:after {
            content: none;
        }
}

@media (min-width: 992px) {
    .left-column-container {
        margin-right: 20px;
    }
}

@media (min-width: 641px) and (max-width: 991px) {
    .event-details {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .event-details__body {
        flex: 2 2 65%;
    }

    .event-details_venue-directions-container {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: 0;
    }
}

@media (max-width: 1300px) {
    .spw-chat__launcher {
        font-size: 0;
    }

        .spw-chat__launcher i {
            margin-right: 0;
        }
}

@media (max-width: 767px) {
    .failed-donation-instructions {
        padding: 15px 30px 0 30px !important;
    }
    
    .failed-donation-paybtn {
        padding: 0 0 15px 0 !important;
    }
}

@media (max-width: 480px) {
    
    .sort-by-container {
        margin-right: 0;
    }
    
}

@media (pointer: fine) and (hover: hover) {
    
    .not-favourited {
        display: none;
    }
    
}