/* #=#=#=#=#=#=#=#=#=#=#=#=#=#
 Meida Quries Bottom to Top 
 #=#=#=#=#=#=#=#=#=#=#=#=#=#=# */
@media all and (min-width: 1800px) {
}

@media all and (min-width: 1200px) { /* .fast-top-up { position: sticky; position: -webkit-sticky; top: 84px; z-index: 999; } */
    .chekout-cc-select label:hover img { filter: grayscale(0) !important; opacity: 0.8 !important; transform: scale(0.99); -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); -webkit-filter: grayscale(0) !important; }
    .topup-amounts label::after, .amount-box label::after { content: ''; position: absolute; width: 100%; height: 0; right: 0; bottom: 0px; background-color: #efefef; z-index: -1; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; }
    .topup-amounts label:hover::after, .amount-box label:hover::after { height: 100%; }
}

@media all and (min-width: 992px) {
}

@media all and (min-width: 768px) { /* Credit SIM Plan */
    .csp-card .csp-head strong { transition: all 300ms ease-in-out; backface-visibility: hidden; }
    .csp-card:hover .csp-head strong::before { width: 50px; }
    .csp-highlighted { transform: scale(1.075); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; }
}
/* #=#=#=#=#=#=#=#=#=#=#=#=#=#
 Meida Quries Top to Bottom
 #=#=#=#=#=#=#=#=#=#=#=#=#=#=# */

@media all and (max-width: 1199.98px) {
    .floating-sim-order { display: none; }
}

@media all and (max-width: 991.98px) { /* Fast Top Up */
    .fast-top-up .justify-content-center [class*="ft-"] { margin: 0px 5px !important; }
    .fast-top-up .justify-content-center [class*="ft-"]:not(:last-child) { margin-right: 0.5rem; }
    .ft-title img { width: 40px; height: 40px; }
    .ft-title .ft-heading { font-size: 1rem; }
    .ft-amount .form-check-inline:not(:last-child) { margin-right: 5px; }
    .ft-amount label { height: 40px; width: 40px; line-height: 38px; font-size: 1rem; }
    .fast-top-up .ft-pin { width: 220px; }
    .ft-pin .form-control { height: 40px; }
    .ft-atu label { height: 40px; }
    .ft-atu label span { padding-bottom: 0; }
    .ft-atu label strong { font-size: 0.85rem; }
    .ft-btn .btn { height: 40px; min-width: 76px; line-height: 1; }

    /* Title Banner */
    .title-banner { padding: 90px 0px 30px !important; }

    /* Account Dashboard */
    .ac-dashboard .nav-pills .nav-link { border-bottom: 1px solid #dcdedf !important; }

    /* CSP Card */
    .csp-card .csp-head, .csp-card .csp-body { padding: 1.5rem 1.25rem; }
    .csp-card .csp-head strong { font-size: 1.25rem; }
    .csp-card .csp-head h3 { font-size: 2.5rem; }

    /*contribyoute page*/
    .bg-elements-cir-wir::before { width: 300px; height: 300px; }
    .bg-elements-cir-wir::after { width: 300px; height: 300px; }
}

@media all and (max-width: 767.98px) { /* Fast Top Up */
    .fast-top-up .justify-content-center [class*="ft-"] { margin: 8px 5px !important; }
    .fast-top-up .ft-pin { width: 170px; }
    /* Plan Card */
    .plan-title, .plan-details strong { font-size: 1.3rem; }

    /* intl-topup-hp */
    .intl-topup-hp .col img.align-middle { margin-left: 1rem; }

    /* Check Out */
    .boz { padding: 1.4rem 1rem; }
    .boz .boz-head { font-size: 1.175rem; }
    .boz .sub-section { font-size: 1.05rem; }
    .boz .boz-foot { padding: 1.4rem 1rem; margin: 0rem -0.985rem 0 -0.985rem; margin-bottom: -1.395rem; }

    .uk-rate-offers .list-inline li:not(:last-child) { margin-right: 0; margin-bottom: 1.35rem; }
    .uk-rate-offers .list-inline li { width: 100%; font-size: 14px; padding-left: 2.5rem; }
    .uk-rate-offers .list-inline li img { height: 28px; }
    .uk-rate-offers .list-inline li strong { font-weight: 400; }

    /* International top up */
    .stepper .nav-pills .nav-link { font-size: 1.475rem; width: 46px; height: 46px; line-height: 44px; }
    .step-path li.completed .nav-link::before { font-size: 16px; top: -6px; right: -6px; width: 20px; height: 20px; line-height: 22px; }

    .amount-box strong { font-size: 1.65rem; }
    .amount-box strong span { font-size: 1rem; }
    #pills-confirm-transfer .table { font-size: 0.9rem; }

    /*Choose SIM*/
    .choose-sim-card { padding: 2rem 1rem; }
    .choose-sim-card .sim-type { position: relative; padding-bottom: 0.775rem; margin-top: 0.775rem; margin-bottom: 1rem; font-weight: 400; }

    .sim-plus-credit { padding: 1.25rem 1rem; }

    /* Accounts Style */
    .sisu-wrapper .form-section { padding: 1.5rem 1rem; border: none !important; }
    .sisu-wrapper .campaign-section { padding: 2rem 1.5rem; }

    .plans-slider .swiper-button-next, .plans-slider .swiper-button-prev { display: none; }

    /*contribyoute page*/
    .contribyoute-hero { padding-top: 15px; }
    .contribyoute-hero [alt="talk-home-logo"] { width: auto; height: 64px; }
    .contribyoute-form { position: relative; margin-bottom: 15px; }

    .bg-elements-cir-wir::before { width: 200px; height: 200px; }
    .bg-elements-cir-wir::after { width: 200px; height: 200px; }
}

@media all and (max-width: 575.98px) { /* Fast Top Up */
    .fast-top-up .justify-content-center [class*="ft-"] { margin: 5px 5px !important; }
    .fast-top-up .ft-btn[class*="ft-"] { display: block !important; padding-top: 12px; margin: 0 !important; }
    .fast-top-up .ft-pin { width: 215px; }
    .ft-btn .btn { min-width: 200px; }

    /* Accounts Style */
    .sisu-wrapper .form-section { padding: 1.5rem 0.5rem 2rem; border: none !important; }
    .sisu-wrapper .campaign-section { padding: 2rem 1.5rem; }

    /* 404 Page */
    .page-404-error .svg_icons { width: auto; height: 140px; }
    .page-404-error .text strong { font-size: 5rem; }
    .page-404-error .text span { font-size: 2.75rem; }

    /* Account Dashboard */
    .ac-dashboard { padding: 35px 0px; }
    .ac-dashboard .boz { border: none; box-shadow: 0 0 10px 1px rgba(0,0,0,0.15); }
    .ac-dashboard .table { font-size: 0.85rem; }
    .ac-dashboard #ac-history .nav-tabs .nav-link { opacity: 1 !important; transition: none; }
    .ac-dashboard #ac-history .nav-tabs .nav-link span { display: none; will-change: scroll-position; }
    .ac-dashboard #ac-history .nav-tabs .nav-link.active span { display: inline; }
    .ac-dashboard label.text-primary, .ac-dashboard .credit-card a { font-size: 0.85rem; }
    .ac-dashboard .page-item .page-link { padding: 0.275rem 0.55rem; }
    .ac-dashboard .page-item .page-link { font-size: 0.75rem; padding: 0.275rem 0.65rem; }
    .ac-dashboard .btn { padding: 0.475rem 0.675em !important; }
    .atus-threshold::before { top: 2.575rem; }

    /* Rates Pages */
    .country-rate-list .rate-box { padding: 0.75rem 0.75rem; }
    .country-rate-list .rate-box img { width: 28px; height: 28px; }
    .country-rate-list .rate-box h3 { font-size: 0.75rem; padding-bottom: 0.55rem; margin-top: 0.55rem; margin-bottom: 0.55rem; }
    .country-rate-list .rate-box strong { font-size: 1.35rem; }
    .country-rate-list .rate-box strong span { padding-top: 0.35rem; }


    /* intl top up */
    .iti-custom .iti input { padding: 12px 35px 12px 65px; font-size: 1.1rem; font-weight: 800; }
    .iti-custom .iti input::placeholder { font-weight: 400; font-size: 1rem; }
    .iti-custom .iti__arrow { margin-left: 5px; height: 10px; width: 10px; }
    .iti-custom .iti__selected-flag { padding: 0 18px 0 10px; }
    .iti-custom .iti__selected-flag::after { right: 7px; height: 48px; }
    .iti-custom .iti__flag.auto, .iti-custom .iti__flag.iti__, .iti-custom .iti__flag.iti__undefined { height: 18px; width: 17px; }
    .iti-custom .iti-btn { right: 10px; width: 20px; height: 18px; }

    .sim-plus-credit { flex-direction: column !important; text-align: center; height: 100%; }
    .sim-plus-credit .btn { width: 100%; margin-top: 10px }
}

@media all and (max-width: 374.98px) { /* Check Out */
    .boz .pm-radio-btn input[type="radio"] + label, .pm-payment-method .pm-radio-btn input[type="checkbox"] + label { font-size: 11px; }
    /* Account Dashboard */
    .ac-dashboard #ac-history .nav-tabs .nav-link { padding: .675rem 0.80rem .5rem; font-size: 0.9rem; }
    .ac-dashboard .btn { padding: 0.475rem 0.475em !important; }
}