﻿

@media only screen and (max-width: 1200px) {

    #rechargeBtn {
        top: 78%;
        font-size: 1.3rem;
    }

    .Sim_btn {
        font-size: 1.4rem;
        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) {
    
    .Sim_btn {
        font-size: 1.2rem;
    }

    #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: 42%;
        margin-left: 2em;
        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;
    }


}


@media only screen and (max-width: 515px) {

    
    #rechargeBtn {
        line-height: 50px;
        font-size: 1.5rem;
    }

    .Form_filedest_Confirm_Email_createAccount {
        top: 65.8% !important;
    }


    .rechargeBtn , #mr_button_Mobile_oneTime {
        left: 62% !important;
        width: 113px !important;
    }



}

@media only screen and (max-width: 480px) {

    .numberPara {
        width: 80%;
    }

    .rechargeBtn, #mr_button_Mobile_oneTime {
        left: 68% !important;
        width: 80px !important;
        font-size: .8rem !important;
    }


}


@media only screen and (max-width: 450px) {
    .save_Mobile_oneTime_paragraphs {
        left: 5%;
        bottom: 3% !important;
    }

    .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: 380px) {
    .confirmation_createAccount {
        top: 98%;
    }
    #rechargeBtn {
        line-height: 42px;
        font-size: 1rem;
        width: 35%;
        left: 31%;
    }

}



@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: 69px !important;
        font-size: .7rem;
    }
    .accountHeader {
        padding: 1rem;
    }

    .Form_filedest_Confirm_Email_createAccount {
        top: 70.8% !important;
        padding-left: 32px;
    }

}

@media only screen and (max-width: 333px) {

    .save_Mobile_oneTime_paragraphs {
        left: 9% !important;
        bottom: 5% !important;
    }

    
    .rechargeBtn, #mr_button_Mobile_oneTime {
        left: 63% !important;
    }

    #mr_button_Mobile_oneTime {
        bottom: 6%;
    }
}




@media only screen and (max-width: 300px) {

    .rechargeBtn, #mr_button_Mobile_oneTime {
        left: 65% !important;
        width: 60px !important;
        font-size: .6rem !important;
    }

    .Confirm_Email_createAccount {
        margin-top: 1rem;
    }

    .nextBtn_createAccount_wrapper {
        top: 127%;
    }

    .confirmation_createAccount {
        top: 106%;
    }

}