﻿


@media only screen and (max-width: 1200px) {

    #rechargeBtn {
        top: 78%;
        font-size: 1.3rem;
    }

    .Sim_btn {
        font-size: 1.5rem;
        line-height: 45px;
        width: 44%;
        margin-left: 1em;
        margin-top: 1rem;
    }

    .Promotion_Block_inner ul {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 1000px) {

    #rechargeBtn {
        line-height: 45px;
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 900px) {

    #rechargeBtn {
        font-size: 1rem;
    }

    .Sim_btn {
        font-size: 1rem;
        width: 34%;
        margin-left: 3em;
        margin-top: 0;
    }

    .Promotion_Block_inner ul {
        margin-top: 0;
    }
}

@media only screen and (max-width: 765px) {


    .Sim_btn {
        font-size: 2rem;
        width: 50%;
        margin-left: 3em;
        margin-top: 0;
    }

    #rechargeBtn {
        line-height: 70px;
        font-size: 2rem;
        top: 89%;
    }


}


@media only screen and (max-width: 650px) {

    #rechargeBtn {
        line-height: 62px;
        font-size: 1.8rem;
    }

    .rechargeBtn , #mr_button_Mobile_oneTime {
        left: 62% !important;
        width: 160px !important;
    }
    #createAccount_confirmation {
        margin: auto;
        padding: 0;
    }

    .createBtn_createAccount {
        position: static;
    }

}

@media only screen and (max-width: 515px) {

    #rechargeBtn {
        line-height: 50px;
        font-size: 1.5rem;
    }
    .rechargeBtn , #mr_button_Mobile_oneTime {
        left: 62% !important;
        width: 113px !important;
    }

}


@media only screen and (max-width: 480px) {

    .rechargeBtn, #mr_button_Mobile_oneTime {
        left: 68% !important;
        width: 80px !important;
        font-size: .8rem !important;
    }


}

@media only screen and (max-width: 450px) {

    .Sim_btn {
        font-size: 1.5rem;
        width: 90%;
        margin-left: auto;
        margin-top: 0;
    }


    #rechargeBtn {
        line-height: 46px;
        font-size: 1.3rem;
        width: 40%;
        left: 29%;
    }

}




@media only screen and (max-width: 400px) {

    .save_Mobile_oneTime_paragraphs {
        left: 10%;
    }


}

@media only screen and (max-width: 380px) {

    #rechargeBtn {
        line-height: 42px;
        font-size: 1rem;
        width: 35%;
        left: 31%;
    }

    .save_Mobile_oneTime_paragraphs {
        font-size: .7rem;
    }

    #terms_mr_confirmationLbl {
        padding-left: 20px;
        font-size: .8rem;
        margin-top: 2rem;
    }

    #terms_mr_confirmationLbl::before {
        left: 7%;
        top: -16%;
    }

    #terms_mr_confirmationLbl::after {
        left: 8%;
        top: 0;
    }
}



@media only screen and (max-width: 361px) {

    .Sim_btn {
        font-size: 1.2rem;
    }


    #rechargeBtn {
        line-height: 39px;
        font-size: .9rem;
        width: 34%;
        left: 33%;
    }


    .rechargeBtn, #mr_button_Mobile_oneTime {
        left: 68% !important;
        width: 80px !important;
    }
    .accountHeader {
        padding: 1rem;
    }

    .Form_filedest_Confirm_Email_createAccount {
        top: 69.8% !important;
    }


    .confirmation_createAccount {
        top: 99%;
    }

    #total_oneTime {
        margin-top: 1rem;
    }

}

@media only screen and (max-width: 340px) {

    .oneTimeHeader {
        font-size: .8rem !important;
    }

    #select_cont_to_call_oneTime input {
        font-size: .9rem;
        text-indent: 1rem;
        margin-left: .5rem;
    }

    #mrCheck_OneTime {
        font-size: .8rem;
    }
}


@media only screen and (max-width: 330px) {

    .rechargeBtn, #mr_button_Mobile_oneTime {
        left: 65% !important;
        width: 60px !important;
        font-size: .6rem !important;
    }
    
    .nextBtn_createAccount_wrapper {
        top: 127%;
    }

    

}

@media only screen and (max-width: 280px) {

    
    #terms_mr_confirmationLbl {
        padding-left: 30px;
    }
}

