/* header */
#wrapper {
    width: 100%;
}

    #wrapper > #container {
        width: auto;
        box-shadow: none;
        padding: 0;
        max-width: 650px;
        margin: 0 auto;
    }

#container > #content {
    padding: 5px;
}

#container > header {
    height: 54px;
    border-bottom: 1px #e7e7e7 solid;
    width: 100% !important; /* needed to fix header for skins on tablet */
}

#container > footer {
    border-top: 0;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    width: 100% !important; /* needed to fix footer for skins on tablet */
}

.h_iframe {
    min-height: 480px;
}

#header #mobile-header-left {
    float: left;
    padding: 7px;
    width: calc(100% - 62px);
    box-sizing: border-box;
}

#header #mobile-header-menu {
    width: 55px;
    height: 54px;
    border-left: 1px #e7e7e7 solid;
    float: right;
}

#header #mobile-header-logo {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

#header #mobile-header-location {
    float: right;
    line-height: 14px;
    margin-top: 5px;
    font-size: 12px;
}

h2.titlebar {
    letter-spacing: -0.2px;
    margin-bottom: 20px;
    border-radius: 3px;
}

.selectdiv {
    position: relative;
}

    .selectdiv:before {
        content: url("/v2/assets/img/common/icon-location.png");
        top: -12px;
        left: -24px;
        position: absolute;
        pointer-events: none;
    }

    .selectdiv:after {
        content: url("/v2/assets/img/common/icon-drop-down.png");
        top: 0;
        right: 0;
        position: absolute;
        pointer-events: none;
    }

/* IE11 hide native button */
select::-ms-expand {
    display: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color: #ffffff;
    border-width: 0;
}

.location-dropdown {
    width: 98px;
    height: 20px;
    display: inline-block;
    -moz-transform: translateX(-4px);
}

@supports (-webkit-overflow-scrolling: touch) {
    .location-dropdown {
        transform: translateX(-5px);
    }
}

#header #mobile-header-logo img {
    height: 52px;
}

#header #mobile-header-menu img {
    position: absolute;
    top: 12px;
    right: 13px;
    height: 30px;
}

#footer .footer_col {
    width: 25%;
    float: left;
    margin: 0;
}

/* footer */
#wrapper {
    padding-bottom: 0;
}

.mobile-footer {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.mobile-footer-black {
    background: black;
    padding-top: 20px;
    padding-bottom: 20px;
}

.mobile-footer-col1 {
    width: 100%;
    margin: 0;
}

.mobile-footer-col-content > .switch a {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.mobile-footer-col2 {
    width: 50%;
    float: left;
    margin: 0;
}

.mobile-footer-col-content {
    padding-left: 0;
    padding-right: 0;
}

    .mobile-footer-col-content > .socialmedia {
        width: 25%;
        float: left;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .mobile-footer-col-content > .socialmedia img {
            height: 45px;
            width: 45px;
        }

.mobile-links {
    padding: 7px;
    margin-bottom: 10px;
}

    .mobile-links h2 {
        text-transform: uppercase;
        font-weight: bold;
    }

.mobile-footer-col-content h3 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.mobile-footer-col-content a {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
}

    .mobile-footer-col-content a:hover {
        text-decoration: none;
        color: #000;
    }

.mobile-footer-links a {
    text-transform: uppercase;
    margin: 0 10px;
    font-size: 14px;
    color: white;
    line-height: 30px;
}

    .mobile-footer-links a:hover {
        color: white;
    }

.mobile-footer-subtext p {
    font-size: 9px;
    margin-bottom: 5px;
    color: white;
}

    .mobile-footer-subtext p > a {
        font-size: 9px;
        color: white;
    }

        .mobile-footer-subtext p > a:hover {
            color: white;
        }

.mobile-footer-logo {
    margin: 40px auto;
    width: 250px;
}

    .mobile-footer-logo img {
        width: 100px;
    }

/* common elements*/
.form {
    padding: 0;
}

#attendee-individual-names-table tr {
    display: grid;
    width: 100%;
}

.attendee-row-secondary-mobile {
    width: 100%
}

.attendee-postcode {
    float: right;
    width: 48%
}

.attendee-phone {
    float: left;
    width: 48%
}

.attendee-email {
    width: 100% !important;
    padding-right: 0px !important;
}

.attendee-phone {
    width: 100% !important;
    padding-right: 0px !important;
}

.attendee-postcode {
    width: 48% !important;
    padding-right: 0px !important;
}

form input[type="text"],
form input[type="select"],
form input[type="password"],
form input[type="email"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.alertbox_error a,
.panel_error,
.panel_info,
.panel_success {
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    padding-bottom: 10px;
    padding-right: 40px;
    width: 100%;
    box-sizing: border-box;
}

    .panel_error a {
        color: #ffffff;
        font-weight: bold !important;
    }

    .panel_error p,
    .panel_info p,
    .panel_success p {
        padding-left: 0;
        color: #ffffff;
    }

.icon_error,
.icon_info,
.icon_success {
    display: none;
}

.panel_info {
    background-color: rgba(0, 130, 198, 1);
    border-color: rgb(0, 130, 198);
}

.panel_error {
    background-color: rgba(236, 28, 36, 1);
    border-color: rgb(236, 28, 36);
}

.panel_success {
    background-color: rgba(155, 202, 59, 1);
    border-color: rgb(155, 202, 59);
}

.sub_col {
    padding-right: 0;
    width: 100%;
    float: none;
    clear: both;
    box-sizing: border-box;
}

.small-image-holder {
    /* 100px on a 320 screen*/
    width: 31.25%;
    box-sizing: border-box;
    float: left;
    margin-right: 15px;
}

.small-image-subtext {
    width: 60%;
    box-sizing: border-box;
}

/* Mobile flex form styles */
.form .flex-col-double {
    width: 48%;
}

.form .flex-col-triple {
    width: 31%;
}

.form .left-large,
.form .right-large,
.form .even-large {
    width: 100%;
}

/* END Mobile flex form styles */

div.button-container {
    flex-direction: column-reverse;
}

    div.button-container input[type="button"],
    div.button-container input[type="submit"],
    div.button-container a {
        width: 100%;
        margin-top: 15px;
    }


/* Menu   */
#mobile-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(00, 00, 00, 0.85);
    color: #ffffff;
    z-index: 10000;
    overflow-y: scroll;
}

.mobile-menu-header {
    padding: 10px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.icon_closer,
#mobile-menu-closer {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-close.png");
    background-size: contain;
    width: 18px;
    height: 18px;
    top: 10px;
    right: 28px;
    display: block;
    position: fixed;
}

/*fix for other panel closers*/
#col_main_mobile h1.panel_closer {
    width: auto;
    float: none;
}

#col_main_mobile h1 .panel_closer_icon {
    /* display: none; */
}

#mobile-menu-overlay div[id^="menu-item"] {
    width: 100%;
    height: 44px;
    display: inline-block;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: 10px;
}

    #mobile-menu-overlay div[id^="menu-item"] a {
        text-decoration: none;
    }

#mobile-menu-overlay h2,
#mobile-menu-overlay h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#mobile-menu-overlay h2 {
    font-size: 16px;
    margin-top: 12px;
    margin-left: 46px;
}

#mobile-menu-overlay h3 {
    font-size: 14px;
    margin-top: 12px;
    margin-left: 46px;
}

.menu-inactive {
    border-left: 5px solid;
}

.menu-active {
    border-left: #00c900 5px solid;
}

.menu-inactive h2,
.menu-inactive h3 {
    color: #fff;
}

.menu-active h2,
.menu-active h3 {
    color: #00c900;
}

#menu-item-account h2 span {
    width: 13px;
    height: 8px;
    display: inline-block;
    background-image: url("/v2/assets/img/common/icon-mobile-menu-expand-less.png");
    background-size: 13px 8px;
    background-repeat: no-repeat;
    margin-left: 12px;
}

.background-image-flip {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Menu Item Defaults */
.menu-home-inactive {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-home.png");
}

.menu-login {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-account.png");
}

.menu-account {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-account.png");
}

.menu-news-inactive {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-news.png");
}

.menu-gift-vouchers-inactive {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-gift-voucher.png");
}

.menu-support-inactive {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-support.png");
}

.menu-whats-on-inactive {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-whats-on-inactive.png");
}

.menu-whats-on-active {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-whats-on-active.png");
}

/* Menu Item Selected */
.menu-home-active {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-home-active.png");
}

.menu-login-active {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-account-active.png");
}

.menu-news-active {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-news-active.png");
}

.menu-gift-vouchers-active {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-gift-voucher-active.png");
}

.menu-support-active {
    background-image: url("/v2/assets/img/common/icon-mobile-menu-support-active.png");
}

/* Ads */
.ad-block {
    text-align: center;
}

.driver-mock {
    height: 50px;
    width: 100%;
    background-color: rgba(0, 130, 198, 1);
}

.ad-block {
    margin-bottom: 10px;
}

.desktop {
    display: none;
}

.mobile {
    display: block !important;
}

/************* home page *************/
#col_main_mobile #featureslides {
    width: 100%;
}

#col_main_mobile #featureslides_selector {
    width: 100%;
}

#col_main_mobile #featureslides li {
    left: 0;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    bottom: 0;
    padding: 5px;
    display: none;
}

    #col_main_mobile #featureslides li h2 {
        height: auto;
    }

    #col_main_mobile #featureslides li .featureslides_details br {
        display: none;
    }

#col_main_mobile #featureslides img {
    width: 100%;
    height: auto;
}

/* Featured Events */

.slider-events-mobile h2 {
    margin-top: 6px;
}

.slider-events-mobile {
    margin-bottom: 20px;
}

#col_main_mobile .featured-events {
    padding-bottom: 0;
}

    #col_main_mobile .featured-events .date {
        font-size: 15px;
        font-weight: normal;
    }

    #col_main_mobile .featured-events .venue {
        font-size: 11px;
        font-weight: bold;
    }

#col_main_mobile .feature_event_col {
    width: 47%;
    margin: 0 6% 15px 0;
}


    #col_main_mobile .feature_event_col:nth-child(2n) {
        margin-right: 0;
    }

#col_main_mobile .feature_event_col_image {
    display: block;
    overflow: visible;
}

#col_main_mobile .feature_event_col img {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    float: left;
}

#col_main_mobile .feature_event_col_details h2 {
    line-height: 18px;
    font-size: 16px;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* News */
#col_main_mobile .news {
    padding-bottom: 0;
}

#col_main_mobile .news_col_feature {
    width: auto;
    margin: 0 0 15px 0;
    clear: both;
}

#col_main_mobile .news_col_feature_image {
    display: block;
    overflow: visible;
}

#col_main_mobile .news_col_feature img {
    display: block;
    width: 35%;
    height: auto;
    margin-right: 3%;
    box-sizing: border-box;
    float: left;
}

#col_main_mobile .news_col_feature .news_col_details {
    width: 62%;
    float: left;
}

#col_main_mobile .news_col_details h2 {
    line-height: 16px;
}

/************* /home page *************/

/************* news list *************/
.newsitem_feature .newsitem_details {
    width: 62%;
}

    .newsitem_feature .newsitem_details #desktop {
        display: none;
    }

    .newsitem_feature .newsitem_details #mobile {
        display: block !important;
    }

    .newsitem_feature .newsitem_details h1 {
        margin-top: 0;
        font-size: 13px;
        line-height: 16px;
        text-transform: uppercase;
    }

.newsitem_feature .button_orange {
    display: none;
}

.newsitem_feature .newsitem_featureimage {
    display: block;
    float: left;
    width: 35%;
    margin-right: 3%;
    overflow: hidden;
}

    .newsitem_feature .newsitem_featureimage img {
        width: 100%;
        height: auto;
    }
/************* /news list *************/

.mobile-footer-selltix {
    margin-bottom: 20px;
}

/* Search page overrides*/
#search-submit-button {
    width: auto;
}

    #search-submit-button > span {
        display: none;
    }


.search-refine-row > label {
    display: none;
}

#refine-time {
    flex-direction: column;
}

    #refine-time div.search-refine-row {
        width: 100%;
    }

#refine-time-generic {
    width: 100%;
}

#refine-time-custom {
    margin-top: 0;
}

#search-refine-categories div.flex-row {
    justify-content: normal;
}

#search-refine-categories label {
    width: 33%;
}


#searchrefine_button {
    display: none;
}

.searchresult_image {
    width: 70px;
    height: 70px;
}

    .searchresult_image img {
        width: 100%;
        height: 100%;
    }

.searchresult_content {
    width: auto;
}

/* event page ovverides*/
.page_sociallinks {
    display: none;
}

.page_headleftimage,
.page_headleftimage img {
    width: 100%;
    height: auto;
    display: block;
}

.page_headtitle {
    display: inline;
    float: none;
}

.event-tickettypetable .col-salesdates,
.event-tickettypetable .col-ticketprice,
.event-tickettypetable .col-phonefee,
.event-tickettypetable .col-bookingfee,
.event-tickettypetable .col-totalprice {
    display: none;
}

.event-tickettypetable th.col-tickettype,
.event-tickettypetable td.col-tickettype {
    width: 45%;
}

.event-tickettypetable th.col-details,
.event-tickettypetable td.col-details {
    width: 45%;
    display: table-cell;
}

.event-tickettypetable th.col-quantity,
.event-tickettypetable td.col-quantity {
    width: 10%;
}

.event-tickettypetable td.col-details p:first-child {
    padding-bottom: 10px;
}

#event-tickettype-agequalifier {
    float: none;
    clear: both;
    padding-bottom: 10px;
}

#event-offercode-textbox {
    display: inline;
}

/* login page override*/
#login-section input {
    display: inline;
}

#login-section .sub_col,
#sectionPasswordRequestedByUser .sub_col {
    width: 100% !important;
}

#login-section .sub_col_first {
    border-right: none;
    border-bottom: 1px #000000 dotted;
    padding-bottom: 10px;
    padding-right: 0;
}
/* register page overrides */
#col_main_mobile #already-have-account {
    margin-left: 0;
}

/*  booking page overrides */
.attendee-row .attendee-dob label {
    margin-top: 10px;
}

.attendee-row input {
    width: 100%;
    box-sizing: border-box;
}

#col_main_mobile .question select {
    width: 100%;
}

#booking-fees-description {
    display: none;
}

.button_PerformBooking,
.button_PerformBooking:active,
.button_PerformBooking:visited {
    font-size: 16px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
}

#col_main_mobile #order-basket {
    width: 100%;
    position: relative;
    top: 0;
}

#col_main_mobile #hosted_frame_div {
    height: 350px;
}

#col_main_mobile #hosted_frame {
    height: 100%;
    width: 100%;
}

#order-basket {
    margin-bottom: 15px;
}

    #order-basket hr {
        display: none;
    }

#order-header tr {
    position: relative;
    display: block;
    background: #000;
    padding: 2px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 21px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

#col_main_mobile #footer-order-amount {
    height: auto;
}

.popup {
    top: 15%;
    left: 50%;
    margin-left: 0;
    margin-top: 0;
    width: 85%;
    max-width: 600px;
    border: 0;
    border-radius: 0;
    padding: 20px;
    transform: translateX(-50%);
}

.popup-text {
    font-size: 15px !important;
    line-height: 22px;
}

.payment-type-selected label {
    border: 3px solid #f99f34;
    border-radius: 3px;
}

#performBookingModal br {
    display: none;
}

#performBookingModal img {
    float: left;
    margin-left: 10px;
}

#performBookingModal h2 {
    display: block;
    width: 60%;
    float: left;
    margin-left: 10px;
}

#order-basket > div.zippay-banner.zippay-banner-small {
    width: initial;
}

.afterpay-banner {
    margin: 5px 30px 15px 30px;
}

.afterpay-banner img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.afterpay-banner[data-afterpay-modal] {
    cursor: pointer;
}

.afterpay-badge {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    line-height: 1.25;
    margin: 20px 0;
}

.afterpay-badge-pill {
    height: 48px;
    width: auto;
    display: block;
}

.afterpay-badge-label {
    white-space: nowrap;
    font-size: 1rem;
}

.afterpay-info {
    background: transparent;
    border: 0;
    padding: 0 0 0 2px;
    cursor: pointer;
    font: inherit;
    color: inherit;
    line-height: 1;
}

.afterpay-info svg {
    width: 20px;
    height: 20px;
    display: block;
}

.afterpay-info:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 2px;
}

/*My Account Pages*/
#col_main_mobile .upcomingevent_table {
    width: auto;
    box-sizing: border-box;
}

#col_main_mobile .upcomingevent_content {
    margin-left: 0;
    min-width: 100%;
}

/* news */
#col_main_mobile .page_head .page_image img {
    width: 100%;
}

#col_main_mobile .page_head .page_headtitle {
    min-width: initial;
}

#col_main_mobile .page_cols .page_col_main {
    width: 100%;
    float: none;
}

#col_main_mobile .page_cols .page_col_side {
    float: none;
    width: 100%;
    border: none;
    padding-left: 0;
    margin-left: 0;
}

#col_main_mobile .page iframe,
#col_main_mobile .page_col_main iframe {
    width: auto;
    height: auto;
}

/* resend my tickets*/
#col_main_mobile #formResendMyTicket #Email {
    width: auto;
}

/* overrideing media queries */
@media only screen and (orientation: portrait) {
    #mainfeeds tr td:nth-child(3),
    .feeds-heading-2 {
        display: none;
    }
}

@media only screen and (orientation: landscape) {
    /* landscape - make the layout two columns
        */
    .sub_col {
        width: 50%;
        padding-right: 10px;
        float: left;
        clear: none;
    }
}

/* seach results */
.searchresult {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
}

    .searchresult .searchresult_content h1,
    .searchresult .searchresult_content h1 a {
        text-transform: none;
        font-size: 14px;
        text-decoration: none;
    }

    .searchresult .searchresult_content h2,
    .searchresult .searchresult_content h2 a {
        text-transform: none;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
    }

.searchresult_image {
    float: left;
    margin-right: 10px;
}

.searchresult .searchresult_content {
    width: initial;
    float: none;
    overflow: hidden;
}

.mobile-search-results-arrow {
    position: absolute;
    bottom: 10px;
    right: 7px;
    width: 16px;
    height: 16px;
}

.mobile-seperator {
    border: none;
    border-top: 1px solid #000;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

#mobile-ad-top {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

#col_main_mobile > a > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#mobile-footer-ad {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

/* Ticket Type Group */
.tickettypegroup-group-selection-status-container {
    float: left !important;
    clear: both;
}

img.tickettypegroup-icon-check,
img.tickettypegroup-icon-warning {
    padding-left: 0 !important;
    padding-right: 5px;
    float: left;
}

.tickettypegroup-options-container-info-box > div {
    font-size: 15px;
}

.tickettypegroup-tickettypes-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.tickettypegroup-col-salesdates,
.tickettypegroup-col-totalprice {
    display: none;
}

.tickettypegroup-col-tickettype {
    width: 40% !important;
}

.tickettypegroup-col-details {
    display: table-cell !important;
    width: 50%;
}

    .tickettypegroup-col-details p:first-child {
        text-decoration: line-through;
        padding-bottom: 10px;
    }

.tickettypegroup-summary-header {
    font-size: 12px;
    color: #666;
    font-style: italic;
    padding: 0 0 4px 0 !important;
}

.tickettypegroup-summary-items td {
    font-size: 12px;
    color: #666666;
    padding: 4px 0 !important;
}

#sectionMoshtixSubscribeForm {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

div#confirmation-success {
    width: 100%;
}

/* Manage tickets*/
.upcoming-event-details-desktop {
    display: none;
}

#upcoming-events-section div.upcoming-event-details-mobile {
    display: block;
    margin-left: 12px;
}

#upcoming-events-section ul.upcomingevent_table {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

div.view-tickets-container span.ticket-row-details {
    display: block;
}

div#refund-request-details > div > p {
    display: block;
}

div#select-all-tickets {
    margin-top: 40px;
}

li.donation-row .donation-select-container {
    flex-direction: column;
    width: 70px;
    align-items: flex-start;
}

#container > header {
    position: relative;
}

header > #logo {
    position: absolute;
    top: 30px;
    z-index: 10;
}

#guest-registration-instruction #important-panel {
    flex-direction: column;
}

#guest-registration-instruction #important-panel-message {
    margin-right: 0;
    margin-top: 15px;
}

#sectionPasswordReset #new-password-container {
    margin-bottom: 0;
}

#sectionLocationGenrePreferences ul.triplelist li {
    width: 100%;
}

section > #footer-order-amount {
    margin-top: 50px;
}

#event-tickettype-buytickets {
    flex-direction: column;
}

#refund-protection #refund-protection-options > .option-group-option {
    padding: 15px 20px;
    min-height: 0;
}

.footer-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    text-decoration: none !important;
    cursor: pointer;
    text-transform: uppercase;
    color: white;
    margin: 0 10px;
    font-weight: bold;
}

#ot-sdk-btn {
    display: none;
}

#resell-my-ticket .resale-display-alignment {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

#resell-my-ticket .price-wrapper {
    margin-left: 27px;
}

#resell-my-ticket .copy-wrapper {
    margin-left: 0px;
    width: 100%;
}

#resell-my-ticket #price .icon-position {
    right: 330px;
}

#resell-my-ticket .resale-celebration p {
    width: 250px;
}

#resale-complete-popup .resale-celebration {
    margin-top: 15px;
}