.banner_sec_cnt .logo_coin{ position: absolute; bottom: -9%; left: 45%; width: 190px; }
.register-page{ background: #f9f8f7; }

.banner_section_r{ background: url(../img/bg.jpg); background-size: cover; padding: 0; padding-top: 25px; padding-bottom: 95px; }
.banner_section_r .banner_sec_cnt_ h2{ font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.3;
    color: #000;
    letter-spacing: 0;
    margin-bottom: 10px; }
.banner_section_r .banner_sec_cnt_ h6{ font-size: 1.3rem;
    color: #1dbdef;
    margin-bottom: 5px; }
.btn{ padding: 11px 35px;
    background: red;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid red; }
.btn:hover{ background: #dc3545; border-color: #dc3545; color: #ffffff; }
.banner_section_r .container{ position: relative; }
.banner_section_r .banner_sec_img{ position: absolute;top: -15%;
    right: -8%;
    width: 61%;
    height: 100%;}
.banner_section_r .banner_sec_cnt{ padding-top: 40px; padding-bottom: 0px; }
.banner_section_r .main_form{ width: 60%; margin: 0 auto; text-align: center; margin-top: 33px; }
.main_form .form-control { height: 36px; border-radius: 9px; outline: none; border: 1px solid #ffffff; background: #fff; color: #000; text-align: center; }
.main_form .form-control::placeholder { color: #000; font-weight: 700; }
.middle_content .btn{ margin-top: 48px; padding: 10px 35px; font-size: 22px;color: #fff; font-weight: 600; background-color: red; min-width: 296px; }
.bottom_content h2{ text-align: center; color: #fff; margin-top: 25px; font-weight: 300; font-size: 50px; margin-bottom: 0; }
.bottom_content p{ margin: 0; font-weight: 300; font-size: 30px; }
.bottom_content { padding-top: 65px; }

/*counter*/
.counter-section ul#counter{display: flex;width: 100%;margin: 0 auto;background: #c0d8e8;padding: 8px 0; position: relative;text-transform: uppercase; }
.counter-section ul li{color: #24bcec;text-align: center;border-right: 0px solid #b6b6b6; margin: 0; padding: 0 12px;width: inherit; list-style: none;}
.counter-section ul li b{ font-size: 16px;color: #24bcec;display: inline-block; position: relative;}
.counter-section ul li em{ color: #24bcec;font-size: 18px;font-weight: 600;font-style: normal;display: inline-block; }
.counter-section ul li em.next_c{ color: #24bcec;font-size: 18px;font-weight: 700;font-style: normal;display: inline-block;padding-left: 5px; }
.counter-section ul li b:before{ content: attr(REFL-TEXT);position: absolute;top: 0;transform: rotateX(180deg); line-height: 34px;transform-origin: bottom;background: linear-gradient(to top, #001d7a, transparent 90%);-webkit-background-clip: text;color: transparent;opacity: 0.4; }
.counter-section ul li:last-child b:before{ margin-left: -17px; }
.counter-section ul li span{ font-size: 16px;
    color: #000000;
    font-weight: 500;
    display: block;
    text-transform: capitalize;
    margin-bottom: 3px;}
.counter-section ul li:last-child{ border-right: 0px; }
.counter-section ul#counter{ max-width: 1140px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 29%) 0 5px 16px; background: #fff; align-items: center; }
.counter-section.wprt-counter{ margin-top: -60px; }
.counter-section ul li.count_logo img{ width: 110px; }
/*counter*/

/*register page*/
.register-page { color: initial; }
.register-page.banner_section_r{ overflow: auto; background-image: url(../../img/background-reg.jpg);}
.register-page .top_head_logo { position: relative; }
.auth_form_sec .auth_form_sec_{ background: #fff; z-index: 2; position: relative; padding: 25px; background: #fff; border-radius: 15px; border: 1px solid #e0e6ed;box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.09019607843137255), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06); }
.auth_form_sec{ padding: 11px 0px 16px 0; border-bottom: none; position: relative; }
.auth_form_sec input.form-control{ color: #000000; font-size: 16px;padding: 8px 5px 8px 46px; border-radius: 4px!important; width: 100%; height: 46px; z-index: 5!important; }
.auth_form_sec .input-group span{ padding: 10px 15px; position: absolute; font-size: 18px; height: 46px; border-radius: 5px; z-index: 6; color: #888ea8; }
.auth_form_sec .form-control:hover, .auth_form_sec .form-control:focus{ box-shadow: 0 0 5px 2px rgba(194, 213, 255, 0.6196078431372549); border-color: #1dbdef; }
.auth_form_sec .forgot-pass{ text-align: right; float: right; color: #495057; font-weight: 100; }
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus{ z-index: 1; }
.auth_form_sec .btn-sec .btn{ width: auto; background: #1dbdef; border-color: #1dbdef;box-shadow: 0 10px 20px -10px #1dbdef; color: #fff; font-size: 22px; letter-spacing: 1px; }
.auth_form_sec .btn-sec{ padding-top: 10px; }
.auth_form_sec .btn-sec .division{ font-size: 13px; margin: 30px 0 30px 0; }
.auth_form_sec .btn-sec p a{ color: #1dbdef; }
.auth_form_sec .btn-sec p{ font-size: 16px; color: #000000; letter-spacing: 0.7px; margin-bottom: 10px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .col-md-4, .auth_reg_page .auth_form_sec.auth_reg_form_sec .col-md-6{ padding: 0 5px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .input-group span { padding: 10px 10px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .row_column{ padding: 0 8px; }
.auth_reg_page .auth_form_sec input.form-control{ padding: 8px 5px 8px 33px; }
.auth_reg_page .auth_form_sec.auth_reg_form_sec .input-group span i{ font-size: 15px; }
.auth_form_sec .btn-sec .join-submit, .auth_form_sec .btn-sec  .active-donor-submit{width: auto; padding: 8px 34px; letter-spacing: 0; margin-bottom: 15px; margin-top: 10px; }
.auth_form_sec .btn-sec  .active-donor-submit { margin-left: 10px; background-color: red; border-color: red; box-shadow: 0 10px 20px -10px #ff914d;}
.auth_reg_form_sec label{ margin-bottom: 2px; color: #5b5b5b; font-weight: 300; }
.auth_reg_form_sec h2.reg_sub_title{ font-size: 32px; margin-bottom: 15px;text-align: center; font-weight: 600; }
.auth_reg_form_sec .reg_sub_title_desc { text-align: center; }
.auth_reg_form_sec .activity_label span { font-size: 20px; display: block; font-family: Noah; }
.auth_reg_form_sec .activity_label span.span_last{ font-size: 15px; font-family: 'Futura'; line-height: 20px;}
.activity_label_custom fieldset{ display: inline-block; width: 15%; vertical-align: top; }
.auth_reg_page{position: relative;  background-image: url(../img/register_banner.jpg); background-size: cover; background-position: top left;}
.auth_form_sec label.error{ position: absolute; bottom: -19px; font-size: 14px; font-weight: 400; margin: 0; color: red; letter-spacing: 0.2px; }
.activity_label.choose_fee, .activity_label.activity_label_multi{ position: relative; }
.auth_form_sec .activity_label label.error{ bottom: -12px; left: 0;}
.auth_form_sec .activity_label.activity_label_multi label.error{ bottom: -18px;  }
.auth_form_sec .check_confirm input[type=checkbox]{ margin-top: 4px; margin-right: 15px; float: left;display: inline-flex; width: 18px; height: 18px; }
.auth_form_sec .check_confirm .checkbox label{ font-size: 16px; letter-spacing: 0.7px; margin-bottom: 20px; color: #000000; font-weight: 400; }
.auth_form_sec .confirm_txt_btm .form-group{ margin-bottom: 0px; }
.auth_form_sec .confirm_form_div .btn_section .btn{ font-size: 18px; letter-spacing: 0.7px; padding: 7px 26px; border: 1px solid #1dbdef; margin: 0 5px; }
.auth_form_sec .confirm_form_div .btn_section .btn#confirm-proceed{ background: #1dbdef; border-color: #1dbdef; box-shadow: 0 10px 20px -10px #1dbdef; color: #fff; }
.auth_form_sec .confirm_form_div .btn_section .btn#show-register{ border: 0; text-decoration: underline; color: #3b3f5c; padding: 0; margin-top: 20px; letter-spacing: 1px; }
.auth_form_sec .confirm_form_div .btn_section .btn:focus{ outline: none; box-shadow: none; }
.payment-form-body.confirm_section input.form-control{ padding: 13px 10px 13px 15px; }
.payment-form-body select.form-control{ height: 46px; }
.payment-form-body select#state.form-control:disabled{ background-color: transparent;cursor: not-allowed; }
.auth_form_sec #cc-payment-form .payment-btn .btn{ padding: 7px 25px; background: #1dbdef; border-color: #1dbdef;box-shadow: 0 10px 20px -10px #1dbdef; color: #fff; font-size: 22px; letter-spacing: 1px; }
.auth_form_sec #cc-payment-form .payment-btn{ padding-bottom: 10px; padding-top: 5px; }
#cc-payment-form .form-group{ position: relative; }
.auth_form_sec label#expiry-date-error{ font-size: 12px; line-height: 11px; bottom: -21px; }
.confirm-purchase-token p.sub_txt{ padding-top: 20px;  font-size: 16px; text-align: left; letter-spacing: 0.7px; font-weight: 400; }
.payment-step-two .btn{ padding: 7px 18px; background: #1dbdef; border-color: #1dbdef; box-shadow: 0 10px 20px -10px #1dbdef; color: #fff; font-size: 20px; letter-spacing: 0;}
.payment-form-options.activate_token{ padding-bottom: 25px; }
.confirm-notification form{ padding-bottom: 20px; }
.auth_form_sec input.form-control.number-of-token-value{ padding: 8px 5px 8px 10px; }
.auth_form_sec .confirm_txt_btm label{ color: #000000; font-weight: 400; }
.auth_form_sec .login_key .btn-sec .btn, .auth_reset_page .btn-sec .btn{ width: auto; padding: 7px 25px; margin-bottom: 25px; }
.login-form-title h3{ font-size: 2.5rem; font-weight: 600; }
.login-form-title h4{ font-size: 1.6rem;text-align: left; font-weight: 600; }
.login-form-title p{ text-align: left; }
.auth_form_sec{ width: 45%; }

.confirm_form_div .main_confirm_txt{ text-align: center; font-size: 20px; font-weight: 700; margin: 0 20px; padding-bottom: 25px; color: #ffc107; }
.confirm_form_div .confirm_txt_top .checkbox label{ font-size: 16px; font-weight: 500; letter-spacing: 0.7px; margin-bottom: 15px; display: block; }
.confirm_form_div label.control-label{ margin: 0; font-size: 18px; font-weight: 700; letter-spacing: 0.7px; }
.confirm_txt_btm .form-control-static{ margin: 0; font-size: 18px;line-height: 36px; }
.confirm_form_div  .btn_section button{ width: auto; display: inline;cursor: pointer; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; padding: 7px 20px; background: transparent; color: #1dbdef; border: 1px solid #1dbdef; border-radius: 3px; margin: 0 5px; }
.confirm_form_div .btn_section button:first-child{ background: #1dbdef; color: #ffffff; }
.confirm_form_div .btn_section button:hover{ background: #1dbdef; color: #ffffff; }
.confirm_form_div button.disabled { cursor: not-allowed !important; opacity: 0.4;}
.confirm_form_div .btn_section{ padding-top: 25px; }
.confirm_form_div{ padding-bottom: 12px; }
.confirm_form_div .confirm_txt_top .checkbox label { font-weight: 400 !important; }
.confirm_form_div .checkbox { margin-right: 3px; }
.confirm_form_div{ background: #f6f6f6; }
.confirm_form_div{width:100%;margin:0 auto;background:#fff;border:1px solid #1dbdef;border-radius:6px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5);box-shadow:0 0 15px 0 rgba(0,0,0,.3),0 10px 30px -5px rgba(0,0,0,.5)}
.confirm_form_div .confirm_form_div_inr{ padding: 30px; padding-top: 15px;}
.confirm_form_div h3{ text-align: center; background: #1dbdef; padding: 12px 12px 15px 12px; margin: 0; color: #fff; border-top-right-radius: 3px; border-top-left-radius: 3px; font-size: 32px; }
.confirm_section .main_confirm_txt { text-align: center; font-size: 20px; font-weight: 700; margin: 0 20px; padding-bottom: 25px; color: #ffc107; }
.confirm_form_div button.show-register { margin-top: 15px; }
.confirm_txt_btm { padding-top: 12px; }
.confirm_form_div button#cancel-signup { margin-top: 15px; }
.btn_sec a.reg_3rd_step_btn{
    background: #24bcec;
    color: #fff;
    font-size: 20px;
    padding: 10px 35px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 15px;border-color: #24bcec;
 }

button:focus{ outline: none !important; }
.regular-checkbox {-webkit-appearance: none;background-color: #ffffff;border: 1px solid #1dbdef;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding: 9px;border-radius: 3px;display: inline-block;position: relative;}
.regular-checkbox:active, .regular-checkbox:checked:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.regular-checkbox:checked {background-color: #1dbdef;border: 1px solid #1dbdef;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);color: #99a1a7;}
.regular-checkbox:checked:after {content: '\2714';font-size: 14px;position: absolute;top: -2px;left: 3px;color: #ffffff;}

/*third step*/
.signup_step_1{margin:0 auto;margin-top:00px;padding:0; margin-bottom: 0px; text-align: center;}
.signup_step_1 h2.tit{margin:0;padding:0; font-size: 2rem; padding-right: 00px; line-height:1.2;color:#403e3d;margin-bottom:10px;}
.signup_step_1 p.sub_tit{line-height:1.4;margin:0 0 30px;color:#403e3d;font-size:20px;font-weight:100;}
button.signup_step_1_box{position: relative;width:100%;background-color:#fff;border-radius:10px;display:block;font-size:16px;padding:22px 0px;box-shadow:rgb(59 59 59 / 5%) 0 5px 15px 0;border:none; margin: 13px 0; cursor: pointer;}
button.signup_step_1_box .signup_step_1_img{ width: 83px; display: inline-block;}
button.signup_step_1_box .signup_step_1_img img{ width: 100%; }
button.signup_step_1_box .signup_step_1_cnt{ display: inline-block; padding-left: 20px; vertical-align: middle; text-align: left; width: 76%; }
button.signup_step_1_box .signup_step_1_cnt h2{line-height:1.4;margin:0;color:#403e3d;font-size:20px;font-weight:700;margin-bottom:5px;}
button.signup_step_1_box .signup_step_1_cnt p{line-height:1.4;margin:0;color:#73706e;font-size:16px;font-weight:300;}
button.signup_step_1_box:hover, button.signup_step_1_box:focus{ border: none; outline: none; }
.signup_box_main .form-control:hover, .signup_box_main .form-control:focus{ box-shadow: none; border-color: #000; background: none; outline: none; }
.signup_step_1 .regular-checkbox { width: 25px; height: 25px; position: absolute; top: 11px; right: 12px; }
.signup_step_1 .regular-checkbox:checked:after { font-size: 19px; top: -2px; left: 4px; }
/*third step*/
/*fourth step*/
.payment_info .login-form-title h5{ font-size: 30px; color: #000000; font-weight: 500; letter-spacing: -1px; text-align: center;}
.payment_info .login-form-title p{ font-size: 21px; color: #000000; line-height: 22px; font-weight: 500; margin-top: 10px; text-align: center; margin-bottom: 0; }
.payment_form .content_sec{ display: inline-block; width: calc(100% - 240px); vertical-align: middle; }
.payment_form .pay-btn{ display: inline-block; width: 232px; vertical-align: middle; }
.payment_form .pay-btn input{ width: 100%; box-shadow: hsl(0, 0%, 80%) 0 5px 16px;}
.payment_info .login-form-title { margin-bottom: 35px; }
.payment_form .content_sec p{ font-size: 15px; font-weight: 300; color: #000000; line-height: 25px; letter-spacing: 0.2px; margin: 0; }
.payment_form .content_sec h2{ font-size: 23px;     font-weight: 600; margin-bottom: 7px; }
.payment_form .pay-btn button{ width: 100%; background: #25bce9; color: #fff; font-size: 21px;height: 50px; border: 2px solid #fff; }
.payment_form.coop-btn-type .pay-btn:hover { border-color: rgb(0, 0, 0); }
.payment_form.coop-btn-type .pay-btn:hover button { background-color: rgb(0, 0, 0); height: 50px; border-color: rgb(0, 0, 0); }
.payment_info form.payment_form{ padding-bottom: 35px;text-align: center; }
.payment_form.coop-btn-type .pay-btn { padding: 2px; border: 2px solid #2BBAE6; }
.payment_form.coop-btn-type .pay-btn button{ background-color: #2BBAE6;height: 50px;border-color: #2BBAE6; }
.payment_info .login-form-title h2{ font-size: 2.5rem; font-weight: 600; }
@media (min-width: 768px) {
    .payment_info form.payment_form{text-align: left; }
}
/*fourth step*/

/*register page*/

.ban_not_box .ban_not_box_{ display: flex; align-items: center; }
.ban_not_box .ban_not_box_ .ban_not_box_img img{ width: 55px; }
.ban_not_box .ban_not_box_ .ban_not_box_img{ padding-right: 15px; }
.ban_not_box { background: #fff;
    border-radius: 5px;
    box-shadow: #ccc 0 0 16px;
    padding: 11px 16px; margin-bottom: 20px; }
.ban_not_box .ban_not_box_txt{ width: 95%; }
.ban_not_box .ban_not_box_txt h2{ font-size: 1.1rem; margin: 0; }
.banner_sec_cnt_ .video_sec img{ width: 150px; }
/*Responsive css*/
@media (min-width: 1800px){
}

@media (min-width: 1600px) {
	.banner_section_r .top_head{ padding-bottom: 70px; }
	.banner_section_r .main_form{ margin-top: 70px; }
	.bottom_content h2{ font-size: 65px; }
	.main_form .form-control{ height: 50px; font-size: 21px; border-radius: 6px; }
	.container{ max-width: 1240px; }
	.bottom_content p{ font-size: 45px; padding-top: 5px; }
	.middle_content .btn { padding: 11px 71px; }
	.bottom_content {  padding-top: 105px; padding-bottom: 150px; }
	.auth_form_sec { width: 45%; }
    .counter-section ul#counter { max-width: 1200px;  }
    .banner_section_r .banner_sec_img { top: 4%; right: 0%; width: 55%; }
    .banner_sec_cnt .logo_coin{ bottom: 1%; }
    .banner_section_r{
    padding-bottom: 220px;}
    .banner_notification .ban_notifi{ padding-left: 5%; padding-right: 10%; }
}
@media (min-width: 2000px) and (max-width: 2199px) {
	.top_head h1{ padding-top: 150px; font-weight: 600; }
	.banner_section_r .top_head { padding-bottom: 50px; padding-top: 110px; }
	.middle_content h2{ font-size: 35px; }
	.bottom_content { padding-top: 80px; padding-bottom: 0px; }
	.register-page.banner_section_r .top_head { padding-bottom: 15px; padding-top: 10px; }
	.auth_form_sec { width: 45%; }
    .banner_section_r{
    padding-bottom: 220px;}
}
@media (min-width: 1799px) and (max-width: 1899px) {
	.top_head h1{ padding-top: 100px; }
	.banner_section_r .top_head { padding-bottom: 30px; padding-top: 120px; }
	.bottom_content { padding-top: 70px; }
	.register-page.banner_section_r .top_head { padding-bottom: 15px; padding-top: 10px; }
	.auth_form_sec { width: 45%; }
    .banner_section_r .banner_sec_cnt {     padding-top: 40px;
    padding-bottom: 0; }
    .banner_section_r .banner_sec_img { top: -5%; right: -2%; width: 55%; }
    .banner_section_r {  padding-bottom: 170px; }
}
@media (min-width: 1600px) and (max-width: 1799px) {
	.top_head h1{  padding-top: 100px; }
	.banner_section_r .top_head { padding-bottom: 15px; padding-top: 90px; }
	/*.middle_content h2{ font-size: 45px; }*/
	.bottom_content { padding-top: 70px; }
	.register-page.banner_section_r .top_head { padding-bottom: 15px; padding-top: 10px; }
	.auth_form_sec { width: 45%; }
    .banner_section_r .banner_sec_cnt {padding-top: 52px; padding-bottom: 0; }
    .banner_section_r .banner_sec_img { top: -12%; right: -2%; width: 55%; }
    .banner_section_r{ padding-bottom: 160px; }
    .banner_notification .ban_notifi{ padding-left: 5%; padding-right: 10%; }
}
@media (min-width: 1399px) and (max-width: 1599px) {
	/*.top_head h1{ font-size: 46px; }*/
   /* .banner_section_r { padding-top: 200px; }*/
    .banner_section_r .banner_sec_cnt { padding-top: 30px; }
}
@media ( min-width: 1025px) and (max-width: 1199px){
    .banner_section_r .top_head { padding-bottom: 10px; }
    .banner_section_r{ background-position: 0; }
    .top_head h1{ padding-top: 125px; }
}
@media ( min-width: 992px) and (max-width: 1024px){
	.top_head_logo img { width: 110px; }
	.top_head h1{ font-size: 35px; padding-top: 135px; }
	.middle_content p{ font-size: 24px; }
	.main_form .form-control{ height: 38px; border-radius: 5px; }
	.main_form .btn_sec .btn{ font-size: 20px; }
	.auth_form_sec { flex: 70%; max-width: 70%; margin: 0 auto; }
    .banner_section_r .banner_sec_cnt{ padding-top: 10px; padding-bottom: 60px; }
    .banner_section_r .banner_sec_img { top: 13%; right: -3%; width: 50%; }
    .banner_section_r .banner_sec_cnt_ h2 { font-size: 2rem; }
    .banner_section_r .banner_sec_cnt_ h6{ font-size: 20px; margin-bottom: 20px; }
    .banner_section_r{ padding-top: 150px; padding-bottom: 80px; }
    .banner_section_r .btn{ font-size: 16px; }
    .counter-section ul#counter { width: 90%; }
    .register-page.banner_section_r{ padding-top: 100px; padding-bottom: 25px; }
    .banner_sec_cnt .logo_coin { bottom: -1%; left: 50%; width: 160px; }
    .ban_not_box .ban_not_box_ .ban_not_box_img img { width: 45px; }
    .ban_not_box{ padding: 8px 16px; margin-bottom: 13px; }
    .counter-section ul li.count_logo img { width: 85px; }
}
@media ( min-width: 768px) and (max-width: 991px){
	.bottom_content h2{ font-size: 33px; }
	.home_page .banner_section_r { height: auto; }
	.banner_section_r{ overflow: visible; padding: 29px 0; background-size: initial;}
	.middle_content p{ font-size: 25px; }
	.banner_section_r .main_form{ width: 75%; margin-top: 30px; }
	.banner_section_r .top_head{ padding-bottom: 30px; }
	.banner_section_r .main_form .form-group{ padding: 0 8px; }
	.main_form .form-control{ border-radius: 5px; }
	.bottom_content p{ font-size: 25px; }
	.bottom_content { padding-bottom: 20px; }
	.auth_form_sec  { margin: 0 auto; }
	.auth_form_sec { width: 100% !important;max-width: 100% !important; }

    .banner_section_r .banner_sec_img { position: relative; top: auto; right: auto; width: 75%; margin: 0 auto; height: auto; }

    .navbar-light .navbar-toggler{ display: none; }
    .banner_section_r .banner_sec_cnt{ padding-top: 25px; padding-bottom: 10px; text-align: center; }
    .banner_section_r .banner_sec_cnt_ h2 { letter-spacing: -0.7px; font-size: 2rem; margin-bottom: 10px; }
    .banner_section_r .banner_sec_cnt_ h6{ font-size: 22px; margin-bottom: 0px; }
    .banner_sec_cnt .btn { padding: 10px 30px; font-size: 15px;}
    .banner_sec_cnt .btn_sec{ padding-top: 5px; }
    .main_content { margin-top: 50px; }
    .banner_section_r{ padding-top: 75px; padding-bottom: 90px; }
    .navbar-light .navbar-brand{ margin-right: 0px; }
    .counter-section ul#counter{ width: 93%; }
    .counter-section.wprt-counter{ margin-top: -75px; }
    .register-page.banner_section_r{ padding-bottom: 25px; padding-top: 120px; }
    .banner_sec_cnt .logo_coin{ display: none; }
    .banner_notification .btn_sec{     margin-top: 15px;
    margin-bottom: 5px;
    text-align: center; }
    .ban_not_box .ban_not_box_ .ban_not_box_img img { width: 33px; }
    .ban_not_box{ margin-bottom: 13px; }
    .ban_notifi{ width: 70%; margin: 0 auto; }
    .counter-section ul li.count_logo img{ width: 80px; }
    .counter-section ul li.count_logo{ padding: 0px; }
    .counter-section ul li span { font-size: 15px; }
    .counter-section ul li b, .counter-section ul li em{ font-size: 13px; }
}
@media only screen and (max-width : 767px) {
	.middle_content h2{ font-size: 23px; font-weight: 600; }
	.banner_section_r .top_head{ padding-bottom: 20px; padding-top: 6px}
	.banner_section_r .main_form{ width: 65%; margin-top: 20px; }
	.bottom_content p{ font-size: 23px; padding-top: 5px; }
	.main_form .form-control{ border-radius: 4px; }
	.main_form .btn_sec .btn{ font-size: 18px; }
	.bottom_content h2{ margin-top: 20px; font-size: 28px; }
	.bottom_content { padding-top: 65px; padding-bottom: 24px }
	.middle_content p{ font-size: 18px; margin-bottom: 0px; margin-top: 5px; }
	.middle_content .btn { margin-top: 35px;
    padding: 11px 40px;
    min-width: auto;
    font-size: 16px; }
	.mob_banner_video{ position: fixed; width: 100%; top: -1px; left: 0; }
	.counter-section ul#counter {   padding: 16px 0;    display: block;    -webkit-box-reflect: none; }
	.counter-section ul li {padding: 0 8px;margin: 5px auto;display: inline-block;width: 49%;min-width: initial;border-right: none;}
	.counter-section ul li em, .counter-section ul li span { font-size: 15px; }
	.counter-section ul li b { font-size: 14px; }
	.register-page.banner_section_r{background-size: cover; height: auto; background-position: left;  }
	.auth_form_sec .btn-sec .active-donor-submit {  margin-left: 6px; }
	.auth_form_sec .btn-sec .btn {    font-size: 18px;
    padding: 7px ​27px;
    font-weight: 600;}
	.auth_form_sec .check_confirm input[type=checkbox] { margin-top: 2px; }
	.confirm_form_div .confirm_form_div_inr { padding: 17px; }
	.confirm_txt_btm .form-control-static strong{ font-weight: initial; }
	.confirm_txt_btm h2 { font-size: 1.7rem; }
	.confirm_form_div .btn_section button { font-size: 16px;
    padding: 9px 18px;
    font-weight: 600;}
	#cancel-signup { margin-top: 15px; }
	.confirm_form_div .btn_section button:first-child, .confirm_form_div .btn_section button:last-child { width: 100%; }
	.signup_step_1 h2.tit { font-size: 1.7rem; }
	button.signup_step_1_box { box-shadow: rgb(59 59 59 / 19%) 0 5px 15px 0; margin: 22px 0; }
	button.signup_step_1_box .signup_step_1_cnt { width: 68%;padding-left: 12px; }
	.payment_form .content_sec { width: 100%; padding-bottom: 15px; }
	.payment_info .login-form-title h2 { font-size: 1.7rem; }
	.payment_info .login-form-title p { font-size: 18px; font-weight: 400; }
	.login-form-title h3 { font-size: 2.1rem; }
	.login-form-title h4 { font-size: 1.2rem; }
	.auth_form_sec .auth_form_sec_{ padding: 8px; }
	.signup_step_1 h2.tit { font-size: 1.4rem; margin-top: 11px; }
	button.signup_step_1_box .signup_step_1_img { width: 60px; }
	.auth_form_sec { width: 100% !important; max-width: 100% !important;margin-top: 100px !important; }
	.auth_reg_form_sec h2.reg_sub_title {
    font-size: 26px;
    margin-top: 15px;
    margin-bottom: 15px;}

    .banner_section_r .banner_sec_img { position: relative; top: auto; right: auto; width: 90%; margin: 0 auto; height: auto; }

    .navbar-light .navbar-toggler{ display: none; }
    .banner_section_r .banner_sec_cnt{ padding-top: 15px; padding-bottom: 10px; text-align: center; }
    .banner_section_r .banner_sec_cnt_ h2 { font-size: 1.4rem; margin-bottom: 10px; }
    .banner_section_r .banner_sec_cnt_ h6{ font-size: 16px; margin-bottom: 10px; }
    .banner_sec_cnt .btn { padding: 10px 30px; font-size: 15px;}
    .banner_sec_cnt .btn_sec{ padding-top: 5px; }
    .main_content { margin-top: 50px !important; }
    .banner_section_r{ padding-top: 75px; padding-bottom: 90px; }
    .navbar-light .navbar-brand{ margin-right: 0px; }
    .counter-section ul#counter{ width: 93%; position: relative; margin-bottom: 8px; }
    .counter-section.wprt-counter{ margin-top: -75px; }
    .register-page.banner_section_r{ padding-bottom: 25px; }
    .banner_sec_cnt .logo_coin{ display: none; }
    .ban_not_box .ban_not_box_ .ban_not_box_img img { width: 30px; }
    .ban_not_box{ padding: 11px 10px; margin-bottom: 12px; }
    .counter-section ul li.count_logo{ position: absolute; top: 20%; left: 23%; opacity: 0.2; }
    .counter-section ul li.count_logo img { width: 85px; }
    .ban_not_box .ban_not_box_txt h2 { font-size: 1rem; }
    .banner_notification .btn_sec{     margin-top: 15px;
    margin-bottom: 5px;
    text-align: center; }
    .banner_sec_cnt_ .video_sec img { width: 125px; }
}