/*latest File**/
.is--blue {
    color: #118acb !important
}
.primary--color {
    color: #118acb
}
.primaryBg--color {
    background-color: #118acb
}
.primaryBg--color-imp {
    background-color: #118acb !important
}
.primaryBorder--color {
    border-color: #118acb !important
}
.secondary--color {
    color: #005183 !important
}
.secondaryBg--color {
    background-color: #005183
}
.secondaryBorder--color {
    border-color: #005183
}
.sectionHeaderBg-color {
    background-color: #0088cd;
}
.sectionHeader-color {
    color: #0088cd;
}
.sectionHeaderBorder-color {
    border-color: #0088cd;
}
.sectionHeaderLeftBorder-color {
    border-left-color: #0088cd !important;
}
.promocodepill {
    left: calc(50% - 95px);
}

/**Custom Classes for Portals**/
.header-wrapper .brand--logo:after {
    content: "\E9AF";
    color: #fff;
    font-size: 95px;
    float: left;
    padding-left: 10px;
    line-height: 45px;
}
.header-wrapper .inner--logo:after {
    content: "\e906";
    color: #fff;
    font-size: 28px;
    padding-left: 10px;
    line-height: 42px;
}
.footer-brand--logo:after {
    content: "\e906";
    font-size: 20px;
}
.signIn-icon:before {
    border-color: #005183
}
.is--return:before, .is--depart:before {
    background-color: #005282;
}
.ui-datebox-container .is--depart, .ui-datebox-container .is--return {
    background-color: #b2f2f5;
}
.between {
    background-color: #b2f2f5;
}
.app-banner__logo {
    background-image: url(//c.fareportal.com/n/Portals/92/m/coa_icon.png);
}
.btn--cta, .cta-btn {
    background-color: #fd5021;
}
.ico-multi-air {
    color: #118acb
}

.active--filter:after {
    background-color: #118acb;
}

.is--done:after {
    background-color: #118acb
}
.tooltip-wrapper, .tooltip-wrap, .tippy-content-warp {
    border-left: solid 5px #0088cd;
}
.sectionHeaderBg-color,
.review-section .payment-section .header, .billing-information h2, .bookingNext-section .payment-section .header, .selectSeats-section .header, .delayedBaggageSection h2, .panel__header, .payment-section__header, .panel--upsell-new header {
    background-color: #0088cd !important;
}
.panel__header:before {
    border-bottom-color:#0088cd !important;
}
.review-section .payment-section .content__wrap .is--protectionImg, .bookingNext-section .payment-section .content__wrap .is--protectionImg {
    background: url(//c.fareportal.com/n/portals/92/m/travel__safe.png);
}
.review-section .payment-section .content__wrap .is--travelClassicImage {
    background: url(//c.fareportal.com/n/portals/92/m/travel_aassist.png);
}
.support--img {
    background: url(//c.fareportal.com/n/portals/92/m/support-package-coa.png);
}
.baggage-img {
    background: url(//c.fareportal.com/n/portals/92/m/baggage__image.png) center top no-repeat;
}
.review-section .payment-section .content__wrap .is--RevPlusImage {
    background: url(//c.fareportal.com/n/portals/92/m/images/revPlus__service.svg);
}
.delayedBaggageSection .is--brbImage {
    background: url(//c.fareportal.com/n/portals/92/m/images/baggageSafe.svg);
}
.refresh-popup .refresh-popup__newsearch .refresh-popup--icon {
    background: -moz-linear-gradient(left,#2878b0 0,#2b9fe7 100%);
    background: -webkit-linear-gradient(left,#2878b0 0,#2b9fe7 100%);
    background: linear-gradient(to right,#2878b0 0,#2b9fe7 100%);
}
.is--totalPrice {
    background: #E9F2F7;
}
.infoSection__wrap .infoSection__header {
    background: #005183;
}
.baggage-select:before {
    border-top-color: #118acb !important
}
.payment-header .active:before {
    border-bottom-color: #118acb !important
}
.billing-information h2:before {
    border-bottom-color: #0088cd !important;
}
.loader-spin:before {
    background: linear-gradient(#118acb,#fff 60%) repeat scroll 0 0 rgba(0,0,0,0);
    background-image: -webkit-linear-gradient(#118acb,#fff 60%);
    background-image: -moz-linear-gradient(#118acb,#fff 60%);
}
.logo-midscreen:after {
    content: "\E905";
    color: #118acb;
    font-size: 60px;
    top: 22px;
}
.page-loader {
    border-bottom-color: #fff !important;
    border-left-color: #fff !important;
    border-right-color: #118acb !important;
    border-top-color: #118acb !important;
}
.activeTab .is-stop_pos {
    color: #fff;
    background-color: #0286cb;
    border: 1px solid #0286cb;
}
/*---Seatmap Css Start---*/
.seatmap-popup__footer .pax-line {
    font-size: 10px;
}
.seatmap__footer .footer__cta .is--next {
    border: solid 1px #ef4e25;
}
.btn--select {
    border: 1px solid #118acb;
}
.is--selectedSeat {
    background-color: #118acb !important;
}
.seatmap-seat-row__seat.is--selected .seat-icon {
    background-color: #118ACB !important;
    border: 2px solid #118ACB !important;
    box-shadow: inset 0 -5px 0 #118ACB !important,inset 0 -6px 0 #fff,inset 0 -10px 0 #118ACB;
}

.seatmap-wrap .seats__wrap .is--selected .seat-icon:after,
.seatmap-wrap .is--selected .seat-icon:before {
    background-color: #118ACB !important;
    border: 2px solid #fff !important;
}

.seatmap-seat-row__seat.is--selected.avail .seat-icon {
    box-shadow: inset 0 -5px 0 #118ACB, inset 0 -6px 0 #118ACB, inset 0 -7px 0 #fff, 0 1px 5px rgba(0,0,0,.2) !important;
}

.selected-seat {
    background-color: #0088CC;
}
.seatrow .is--selected {
    background-color:transparent
}
/*---Seatmap Css End---*/
.is--brandlogo:before {
    content: '\e906';
    color: red;
}
.traveler__list .toggle span:active {
    background: #046aa8;
    border-color: #046aa8;
}
.baggage-apply input[type=checkbox]:checked + label:before {
    border: 1px solid #118acb;
}
.baggage-apply input[type=checkbox]:checked + label:after {
    color: #118acb;
}
.affirm-info_bookings a {
    color: #158acb;
}
.support-package-AB .bdr-blue2 {
    border: 2px solid #006ba0;
}
.bdr-blue .radio_checkmark:after {
    background-color: #006ba0
}
.affirm-pricedetails a a {
    text-decoration: underline;
    color: #158acb
}
.payment-header .is--done {
    color: #118acb;
    border-bottom-color: #118acb
}
.traveler-bottom li a {
    color: #118acb
}
.is--sameday:before {
    background-color: #005282;
}
.ic-flight:before, .ic-location:before, .ic-eiffel:before, .is--childsuggest:before, .ic-train:before, .is--all:before {
    color: #086aa7;
}
.invalid-OND-popup .destination-d:after {
    color: #118acb
}
.invalid-OND-popup .OND-popup-img {
    background: url(//c.fareportal.com/n/portals/92/m/images/Invalid-popup-icon.svg) left top no-repeat;
}
/*-----GCMS Page Formet CSS start------*/
    
/*-----GCMS Page Formet CSS End------*/
.top-date.is--selected {
    color: #118acb;
    background-color: #fff;
}
.date-sec.is--selected {
    background: #fff !important;
    color: #118acb !important;
}
.altMatrix__cell.is--selected span {
    background-color: #256ba8 !important;
    color: #fff !important;
}
.brand-rewards {
    color: #1789ca;
    text-align: center;
    font-size: 85px;
    padding: 15px 0 0;
}
.filter--tabs.active {
    background-color: #118acb;
    color: #fff;
}
    .brand-rewards:before {
        content: "\e9d9";
           }
.cta-btn {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    clear: both;
    padding: 0;
    font-weight: 400;
    position: relative;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.35);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.35);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.35);
    border: 0;
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
}
.select-eachway .checkmark:after {
    border: solid #158acb;
}
.dd_icon::after {
    color: #158acb;
}
.logo-icon-header {
    position: absolute;
    z-index: 99;
}
    .logo-icon-header:before {
        content: "\E906";
        color: lightgray;
        font-size: 28px;
        padding-left: 10px;
        line-height: 42px;
        font-family: mwebfont, sans-serif;
    }
.logo-icon-spin1 {
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 41px;
    margin-left: -37px;
}
    .logo-icon-spin1:before {
        content: "\E906";
        color: #158acb;
        font-size: 75px;
        padding-left: 0;
        line-height: 42px;
        font-family: mwebfont, sans-serif;
    }
.infoSection__content table tr th {
    background: #005183;
    color:#fff
}
.password-eye .eye-dis:after,
.account-wraper .password-eye-1 .eye-dis-1:after,
.fields-block__wrapper .is--forgot.eye-dis-1:after {
    background-color: #118acb
}
.appDownload-brandLogo {
    background-image: url(//c.fareportal.com/n/Portals/92/m/coa_icon.png);
    background-position: -1px -7px;
}
.is--mail-icon {
    background-color: #118acb
}

.header-cheapflightsSection .cheapmeta__inner--logo {
    position: absolute;
    color: #fff;
    z-index: 99;
    background-image: url(//c.fareportal.com/n/portals/92/m/images/coa--logo-1.0.1.png);
    display: inline-block;
    width: 25%;
    height: 25px;
    background-repeat: no-repeat;
    margin: 9px 5px 12px 5px;
    float: left
}
.cheapflight-tab .tabs .activeTab {
    color: #118acb !important;
    font-weight: 400;
    border-bottom: solid 2px #118acb !important;
}
.tripswap__wrap input:checked + label {
    background: #7cb5d5;
}

    .tripswap__wrap input:checked + label:after {
        left: calc(100% - -2px);
        transform: translateX(-100%);
        background: #1385c6;
    }
.is--pmp-logo:before {
    content: '\e91d'
}
.priceMatachPromice:before {
    content: '\e91c'
}
.payment-steps .is--step-done {
    color: #118acb;
    border-bottom-color: #118acb;
}
.icon-Tag-signup:before {
    content: '\e982';
    font-size: 34px;
    line-height: 30px
}
.icon--promo:before {
    content: '\e982';
}
.hideNumber {
    visibility: hidden
}
.widget__tabs li:nth-child(2){
    width:10% !important
}
.widget__tabs li:nth-child(3) {
    width: 36.6%  !important
}
.filterSlider__wrap {
    width: calc(100% - 67px) !important;
}
.price-details__head {
    min-height: 46px !important
}
.Filterby__txt {
    width: 55px !important;
}
.five-cal60ES, .five-cal40ES {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.five-cal60ES {
    flex: 0 0 56% !important;
    max-width: 56% !important;
}
.five-cal40ES {
    flex: 0 0 44% !important;
    max-width: 44% !important;
}

@media only screen and (max-width: 420px ) {
    .support-column:first-child {
        flex: 0 0 35% !important;
        max-width: 35% !important;
    }

    .support-column {
        flex: 0 0 21% !important;
        max-width: 21% !important;
    }

    .is--services .support-column__block {
        padding: 10px 3px !important;
    }
}
@media only screen and (max-width: 320px ) {
    .geo-deals .geo-deals__details .price__wrap {
        font-size: 11px !important;
      
    }

    .gotit__txt {
        width: 231px !important;
    }
    .contract__wrap .price-wrap .is--arrow {

        font-size: 16px !important;
    }
    .btn--select {
        padding: 3px 5px !important;
    }
    .geo-deals {
        height: 50px !important;
    }
        .geo-deals .geo-deals__images {
            width: 31% !important;
        }
      .geo-deals .geo-deals__details {
            width: 66% !important;
    }
    
    .mweb-popup .popup__wrap .filter__tabs{
        font-size:11px !important
    }


    .mweb-popup .popup__wrap .wdt-20 li:nth-child(1) {
        width: 15% !important;
    }
    .mweb-popup .popup__wrap .wdt-20 li:nth-child(2) {
       width: 13%!important;
    }
    .mweb-popup .popup__wrap .wdt-20 li:nth-child(4) {
        width: 19.68% !important;
    }
    .mweb-popup .popup__wrap .wdt-20 li:nth-child(5) {
        width: 18.66% !important;
    }
    .mweb-popup .popup__wrap .filter__tabs li.active.active--filter:after {
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        top: 10px;
        border-radius: 50%;
        margin-left: 2px;
        background-color: #fff;
        right: 0 !important;
    }
    .active--filter:after {
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        top: 10px;
        border-radius: 50%;
        margin-left: 2px;
        right: 0 !important;
    }
    .bookingNext-section .service__Type {

        height: 63px !important;
    }

}

.timeOut-new__sec .icon-hourtimer {
    background: -moz-linear-gradient(left,#2878b0 0,#2b9fe7 100%);
    background: -webkit-linear-gradient(left,#2878b0,#2b9fe7);
    background: linear-gradient(90deg,#2878b0 0,#2b9fe7);
}
@keyframes colorTransition {
    0% {
        background-color: #03b8d7
    }
    30% {
        background-color: #005183
    }
    100% {
        background-color: #1787cd
    }
}
.trip__checkbox label:before,
.trip__checkbox input[type=checkbox]:checked + label:after {
    color: #118acb
}
.is--super-saver {
    background-color: #005380
}
.is--opaque {
    border-color: #005380
}
.selectedTrip--fixed {
    position: fixed;
    z-index: 6;
    left: 0px;
    right: 0px;
    top: 92px;
    margin: 0px 5px;
}
.seletDate-Wrap .returns__wrap.date--active,
.seletDate-Wrap .departs__wrap.date--active {
    color: #118acb;
    border-bottom: solid 2px #118acb;
}


/*******SCSS css start*********/
.header-block, .header-block .hamburger-menu .signin-icon {
    background-color: #005183 !important;
    background: #005183 !important;
}
    .header-block .hamburger-menu .signin--icon:before {
        border-color: #005183 !important
    }
    .header-block .brand--logo:after {
        content: "\E9AF";
        color: #fff;
        font-size: 6rem;
        float: left;
        padding-left: 0.625rem;
        line-height: 2.438rem;
    }
    .header-block .hamburger-menu .nav-icon{
        color:#fff !important;
    }
    .header-block .callbutton-portalwise {
        padding-right: 3.75rem;
    }
.listing-only .hamburger-menu .signin--icon:before {
    border-color: #fff !important;
}

.listing-only .hamburger-menu .nav-icon {
    color: #142535 !important;
}
.listing-only .hamburger-menu .signin-icon {
    background-color: #fff !important;
    background: #fff !important;
}

.footer__brand--logo:after {
    content: "\E9AF" !important;
}
.main-bg--header {
    background-color: #005183 !important;
    color: #fff !important;
}
.listing-only .brand-logo {
    background-image: url(//c.fareportal.com/n/portals/92/m/images/coa--logo-1.0.1.png);
    margin-top: 0.55rem;
    margin-left: 0.313rem;  
}
.listing-only .brand-logo.paymentpagelogo{
    margin-top: 0.6rem;
    margin-left: 2rem;
}
.listing-only .brand-logo .culture-title, 
.listing-only .brand-logo.paymentpagelogo .culture-title{
    left: 2.4rem;
    font-size: .475rem;
    font-weight: 700;
    color: #056ba8;
    width: auto;
    white-space:nowrap;
    text-align: right;
    top: 1.7rem;
    display: block !important;
}

.brand-logo-new{
    margin-bottom: .5rem;
}

.brand-logo-new .culture-title, 
.brand-logo-new.paymentpagelogo .culture-title{
    left: 5rem;
    font-size: .475rem;
    font-weight: 700;
    color: #056ba8;
    width: auto;
    white-space:nowrap;
    text-align: right;
    top: 2.1rem !important;
    display: block !important;
}

.header-block--soldout .recommendedpage, .header-block--soldout .recommendedpaymentpagelogo {
    position: relative;
}
.header-block--soldout .recommendedpage .culture-title, .header-block--soldout .recommendedpaymentpagelogo .culture-title{
    right: 0.2rem;
    font-size: .5rem;
    font-weight: 700;
    color: #056ba8;
    width: 6rem;
    text-align: right;
    top: 1.4rem;
    display: block !important;
    position: absolute;
}
.header-block__wrapper {
    background: #fff;
}
/*******SCSS css start*********/

.header-block, .header-block .hamburger-menu .signin-icon {
    background-color: #005183 !important;
    background: #005183 !important;
}

    .header-block .hamburger-menu .signin--icon {
        background-color: #005183 !important;
        color: #fff !important;
    }

        .header-block .hamburger-menu .signin--icon:before {
            border-color: #005183 !important;
            border: 0 solid #fff;
        }

.listing-only.header-block .hamburger-menu .signin--icon {
    background-color: #fff !important;
    color: #005183 !important;
}

.header-block .brand--logo:after {
    content: "\E9AF";
    color: #fff;
    font-size: 5.938rem;
    float: left;
    padding-left: 0.625rem;
    line-height: 2.438rem;
}

.header-block .hamburger-menu .nav-icon {
    color: #fff !important
}

.header-block .callbutton-portalwise {
    padding-right: 3.75rem;
}

.header-block.listing-only {
    background-color: #fff !important;
    background: #fff !important;
}

.listing-only .hamburger-menu .signin-icon {
    background-color: #fff !important;
    background: #fff !important;
}

.listing-only .hamburger-menu .signin--icon:before {
    border-color: #fff !important;
}

.listing-only .hamburger-menu .nav-icon {
    color: #005183 !important;
}

.priceicon:before {
    content: '\e91a'
}

.promocode .icon-circle--tag:before {
    content: "\E982";
}

.promocode .promo--input {
    color: #118acb !important
}

.is-gdpr .header-block {
    margin-top: 48px !important;
}
.price-details__head .is--pmp-logo {
    left: -3px !important;
    top: -8px !important;
    display: inline-block;
}
.price-details__head .is--pmp-txt {
    top: 0 !important;
    display: inline-block;
    width: calc(100% - 50px);
}
.tooltips__inner span div{
    padding-right:10px !important;
}
@media (max-width: 350px) {
    .support-package-block .support-column__block {
        height: 3.3rem;
    }
    .support-package-block .support-column__block, .support-package-block .support-column .is--blue-block{
        padding-top:5px !important;
    }
    }

/* filter new css start*/
.is--newfilter-design.mweb-popup .popup__wrap .filters__nav--item-name a.is--selected {
    border: 1px solid #006ee3;
}

.is--newfilter-design.mweb-popup .filters__actions--apply {
    color: #1a7de6;
}

.is--newfilter-design.mweb-popup .popup__wrap .filters__details--list input[type=checkbox]:checked + label:before {
    border: .0625rem solid #1a7de6;
    background: #1a7de6;
}

.is--newfilter-design.mweb-popup .popup__wrap .filters__details--title .primary--color {
    color: #006ee3;
}
/* filter new css End*/
.dynamic-icon .d-doller:before,
.dynamic-icon .d-check:before,
.isDyamicIcon .d-check:before,
.isDyamicIcon .d-doller:before,
.isDyamicIcon .d-cross:before {
    color: #118acb !important
}
.support-package__block .support-package__details {
    padding-right: .1rem !important;
}
.support-package__details ul li:first-child {
    height: 3rem;
}

.support-package__lists .support-package__item .item__cancellation-fee {
    height: 3rem;
}
.support-package__item {
    padding: .3rem;
}
.nav-group .clubmiles-signwrap .is--signin-btn .navbar-signin{
    left: calc(50% - 8.4rem);
}

@media (max-width: 475px){
    .review-section .rapid-ref-popup .panel__content{
        min-height: 23rem!important;
    }         
}

@media (max-width: 394px){
    .review-section .rapid-ref-popup .panel__content .is--anciliary-price{
        bottom: 3.5rem!important;
    }      
    .review-section .rapid-ref-popup .panel__content .rapid-refund__footer-content{
        bottom: 1.5rem!important;
    }      
}

.contract-block .trip-variation__details .is--next-day{
    top: -0.3rem !important;
    left: -1.4rem !important;    
}
     
.contract-block .selected--contract-main .trip-variation__details .is--next-day{
    top: 0.3rem !important;
    left: 0.25rem !important;
}

.booking-next--overhaul__block.travel-protection .insurance-upgrade__header.travel-assist-classic>div:nth-child(2) h3 {
    white-space: normal !important;
    line-height: 1.25rem !important;
    padding-bottom: 0.375rem !important;
}

.page-unit .price-details .car--price-details>li:first-child > span{
    padding-right: 1.75rem !important;
}

.page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer .seatmap-modal--content h4 {
    line-height: 1.0625rem;
    min-height: 0.875rem;
}

.page-unit .is--newbookstep .payment-unit .payment-pkg .payment-pkg-optionsv2__container .pkg-optionsv2 .paymentoption__type.paymentoption__newcardpay .is--card-pay .pkg-options__method--content div .payment-cards__fields .form-group .field-box__variation.is--cvvfield .fieldv2 .inputlabel{
    max-width: calc(100% - 64px);
    text-overflow: ellipsis;
    overflow: hidden;
}

.page-unit .is--newbookstep .payment-unit .payment-pkg .payment-pkg-optionsv2__container .pkg-optionsv2 .paymentoption__type.paymentoption__newcardpay .is--card-pay .pkg-options__method--content div .payment-cards__fields .is--card-expiry-v2 .expirydate .dateField .explabel{
    left: 0.75rem !important;
}

@media (max-width: 410px){
    .booking-next--overhaul .booking-next--overhaul__block.travel-protection .panel__content .view--action-button.supportactionbtn > div:nth-child(2) {
        flex: 0 0 27.5%!important;
        max-width: 27.5%!important;
    }
    .booking-next--overhaul .booking-next--overhaul__block.travel-protection .panel__content .view--action-button.supportactionbtn > div:first-child {
        flex: 0 0 72.5%!important;
        max-width: 72.5%!important;
    }
    .price-details .pricing-block__footer .is--promo-form table tr td .promo-form__input::placeholder {
        font-size: 12px !important;
    }
}

@media (max-width: 390px){
    .booking-next--overhaul .booking-next--overhaul__block.travel-protection .is--plan-summary.is--plan-summary-large .view--details {
        white-space: nowrap !important;
    }
    .booking-next--overhaul .booking-next--overhaul__block.travel-protection .is--plan-summary.is--plan-summary-large .view--details.view--es__details {
        white-space: normal !important;
    }
}

@media (max-width: 340px){
    .page-unit.es-us .menu-wrapper .nav-group a.is--signin-btn {
        padding: 0.8rem 0.1rem!important;
        text-align: right;
        margin: 1rem 0rem 0.5rem !important
    }
    .page-unit.es-us .clubmiles-signwrap .is--signin-btn .navbar-signin {
        left: calc(50% - 7.6rem)!important;
    }
}

.page-unit .baggage-sdk.is--payment .baggage-sdk__footer.is--payment>div:first-child{
    flex: 0 0 35% !important;
    max-width: 35% !important;
    padding-left: 0.75rem !important;
    text-align: left;
}

.page-unit .baggage-sdk.is--payment .baggage-sdk__footer.is--payment>div:nth-child(2){
    flex: 0 0 65% !important;
    max-width: 65% !important;
    padding-right: 1rem !important;
}

.page-unit .baggage-sdk.is--payment .baggage-sdk__footer.is--payment>div:first-child.no--right{
    flex: 0 0 60% !important;
    max-width: 60% !important;
}

.es-us .booking-next--overhaul .booking-next--overhaul__block.travel-protection .panel__content .view--action-button.supportactionbtn > div:first-child{
    padding-top: 0rem !important;
}

.es-us .booking-next--overhaul__block.travel-protection .panel__content .view--action-button.supportactionbtn>div:nth-child(2)>span {
    padding-top: 0.125rem !important;
}
.es-us .promocodepill {
    left: calc(50% - 84px) !important;
}

@media (max-width: 395px){
    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer--action .is--primary-button {
        width: calc(56.5% - 1.125rem);
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer--action .is--seconadry-button {
        width: 44.5%;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer--action .is--primary-button {
        width: calc(56.5% - 1.125rem);
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer--action .is--seconadry-button {
        width: 44.5%;
    }
}

@media (max-width: 355px){
    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__overhaul .is--primary__header {
        font-size: 0.9375rem !important;
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__overhaul .is--header__secondary {
        font-size: 0.75rem !important;
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__overhaul .is--header__wrapper {
        padding-right: 0.75rem !important;
    }

        .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__overhaul .is--primary__header {
        font-size: 0.9375rem !important;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__overhaul .is--header__secondary {
        font-size: 0.75rem !important;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__overhaul .is--header__wrapper {
        padding-right: 0.75rem !important;
    }
}

@media (max-width: 340px){
    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__content.sit-together {
        padding: 1rem 1.125rem !important;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__overhaul .popup-dropdown{
        min-width: 52.5%;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__header--skip-button{
        right: 0.625rem;
    }

    .page-unit .seatmap__header--back-button {
        left: 0.375rem;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer{
        padding: 1rem 0.8125rem !important;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat{
        padding: 0rem !important;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer--action .is--primary-button {
        font-size: 1rem !important;
    }

    .page-unit .seatmap-pkg--wrapper__sdk.is--mweb.is--overhaul.mweb-popup__overhaul .seatmap__footer--action .is--seconadry-button {
        font-size: 1rem !important;
    }
    
    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__content.sit-together {
        padding: 1rem 1.125rem !important;
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat .seatmap-popup__overhaul .popup-dropdown{
        min-width: 52.5%;
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__header--skip-button{
        right: 0.625rem;
    }

    .page-unit .seatmap__header--back-button {
        left: 0.375rem;
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer{
        padding: 1rem 0.8125rem !important;
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer.select-seat{
        padding: 0rem !important;
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer--action .is--primary-button {
        font-size: 1rem !important;
    }

    .page-unit .seatmap.is--overhaul.mweb-popup__overhaul .seatmap__footer--action .is--seconadry-button {
        font-size: 1rem !important;
    }
}