.customer-login-popup .modal-header {display: none;}
.customer-login-popup .modal-header.custom-modal-header {display: block; padding-left: 0; padding-right: 0; padding-top: 2rem;}
.customer-login-popup .custom-modal-header .modal-title{padding-bottom: 20px; border:0; text-align: center; text-transform: uppercase; }
.customer-login-popup .left-section {float: right; width: 48%; max-width: 330px; height: 591px;}
.customer-login-popup .left-section img.leftimg {width: 100%; height: 100%; object-fit: cover; float: left; display:inline-block}
.customer-login-popup button{text-transform: uppercase}

/* login */
ul#login-type li {float: left; width: 50%; /*border: 1px solid #fff;*/ text-align: center; text-transform: uppercase; }
ul#login-type li.login-type-last {float: right;}
.login-option a, .login-option-page a{font-weight: bold; background-color: #ffffff; display: block; padding:20px 8px; color:#1b4571; text-decoration: none; font-size: 18px;}
.login-option a.active,.login-option-page a.active{background-color: #169fc8; color:#ffffff}
.login-section .otp-login .actions-toolbar,.login-section-page .otp-login .actions-toolbar{padding-top: 135px;}
.login-section .actions-links .register,.login-section-page .actions-links .register {float: left;}
.login-section .actions-links .forogotlink,.login-section-page .actions-links .forogotlink {float: right;}
.customer-account-login .login-container .block-title .title {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.login-section-page {
    margin-top: 40px;
}
.login-section-page .iti {
    width: 100%;
}
/* registration */
.registratio-section .reg-form .field{width:47%; float: left;}
.registratio-section .reg-form .field, .registratio-section .reg-form .fields{margin-bottom: 12px;}
.registratio-section .reg-form .field.even{margin-left: 6%;}
.registratio-section .reg-form .fields{width:100%;}
.registratio-section .reg-form .field.email{width:100%;}
.registratio-section .reg-form .even.field {margin-left: 28px;}

/* forgot */
.forgot-password-section .forgotpasswordform .fields,.forgot-password-section-page .forgotpasswordform .fields{margin-bottom: 12px; width: 100%}
.forgotpasswordform .custom-select.fields {float: right;width: 35%;}
.forgotpasswordform label.reset-msg {float: left;width: 60%;}
#emailpasswrong_msg{display:none;}

#resendotpbtn{
    margin-top: 10px;
}
.mobbtn {
    margin-top: 10px;
}
#otp
{
    width: 241px !important;
    margin-top: 12px;
}


@media only screen and (min-width: 768px) {
    .customer-login-popup .modal-inner-wrap{width:40%}
    .customer-login-popup.ultimate .modal-inner-wrap{width:800px; height:600px}
    .customer-login-popup .right-section {float: left; width: 53%;}
    .customer-login-popup.ultimate .modal-content {margin: 0; padding: 0; padding-left:3rem;}
    .ultimate .registratio-section .reg-form .even.field {margin-left: 23px;}

}

@media only screen and (max-width: 767px) {
    #customer-popup-login{display: none}
    .customer-login-popup  .left-section{display: none}
    .registratio-section .reg-form .field{width:49%; float: left;}
    .registratio-section .reg-form .field.even{margin-left: 2%;}
    .modal-popup.customer-login-popup.modal-slide .modal-inner-wrap[class] {background-color: #ffffff}
}