.login-register-container{padding-top: 25px;}
.login-register-container .heading-title{text-align: center;}
.login-register-form{width: 400px; margin: 0 auto;}
.login-register-form .tab,
.login-register-form .tabs{width: 100%; margin: 0 auto;}
.login-register-form p{text-align: center; padding-bottom: 25px; color: #8B8B8B;}
.login-register-form .forget_pwd{text-align: right; padding-bottom: 15px;}
.login-register-form .forget_pwd a{color: var(--site-blue); text-decoration: under;}
.login-register-form .textbox,
.reset_Password_form .textbox{padding-bottom: 15px; position: relative;}
.login-register-form .textbox label,
.reset_Password_form .textbox label{padding-bottom: 5px;}
.login-register-form .textbox img{position: absolute; bottom: 25px; right: 10px; width: 22px;} 
.login-register-form .btn_holder,
.reset_Password_form .btn_holder{text-align: center;}
.login-register-form .btn_holder input,
.reset_Password_form .btn_holder input{width: 265px;}

.forgot_pwd,
.reset_Password_form{width: 600px;}
.fotget_password_form{width: 600px; background:#fff; border: 1px solid  var(--top-grey); border-radius: 50px; padding: 5px; margin: 0 auto; display: flex; justify-content: space-between; position:relative;}
.fotget_password_form input.textbox{width: 65%; border: 0; border-radius: 50px 0 0 50px; height: 36px; padding: 0 10px;background: transparent;}
.fotget_password_form input.btn_style{width: 35%; text-align: center; background: var(--clr-green);}
.fotget_password_form label.error{position: absolute;top: 55px;left: 0;width: 100%;padding-left: 15px;}
.Forgot_password_content{padding: 15px; border: 1px solid var(--top-grey); padding: 10px 15px;}
.Forgot_password_content p{padding: 5px 0;}

.reset_Password_form{margin: 0 auto;}
.reset_Password_form input.btn_style{background: var(--clr-green);}

.main-buttons{display: flex; align-items: center; justify-content: space-between; padding-top: 50px !important; flex-wrap: wrap;}
.main-buttons a{padding: 0 50px; width: auto;}

.track-order-container{}
.track-order-container .tabs{display: flex;align-items: center; justify-content: center;background: #edf4fd; border-radius: 50px; overflow: hidden;margin: 0 auto; border: 1px solid var(--top-grey); padding: 5px; border-radius: 10px; background: #fff;}
.track-order-container .tabs .tab{width: 50%; line-height: 40px; font-size: 18px; color: #8B8B8B; font-weight: 700; position: relative; border: 1px solid #fff;border-radius: 7px; }
.track-order-container .tabs .tab.active{background: var(--light-blue); color: var(--site-blue); border: 1px solid var(--light-blue);}
.track-order-container .tab-content{padding-top: 25px; display: none;}
#spanLoading {display: none;color: var(--clr-red);}












@media only screen and (max-width:1000px),(max-width:1099px){

}

@media only screen and (max-width:900px),(max-width:999px){

}

@media only screen and (max-width:800px),(max-width:899px){

}

@media only screen and (max-width:420px),(max-width:499px) {
.login-register-form,
.fotget_password_form,
.reset_Password_form{width: 100%;}

.login-register-form .tab,
.login-register-form .tabs{width: 100%; margin: 0 auto;}
.fotget_password_form{flex-wrap: wrap;border:0;padding: 0;}
.fotget_password_form input.textbox{border: 1px solid var(--top-grey); padding: 0 15px; border-radius:50px; margin: 0; width: 100%;text-align: center;}
.fotget_password_form label.error{position: relative; padding-left: 0; text-align: center; top: 0;}
.fotget_password_form input.btn_style{margin: 15px auto 0 auto; width:80%;}

.fotget_password_form input.btn_style,
.login-register-form .btn_holder input,
.reset_Password_form .btn_holder input,

.main-buttons a{width: 80%;}
.main-buttons a{padding: 0; margin: 5px auto; order: 1;}
.main-buttons a.continue_shopping{order: 2; width:80%;}

.track-order-container .tabs .tab{font-size:16px; line-height:30px;}

}

@media only screen and (max-width:400px),(max-width:419px) {

}

@media only screen and (max-width:375px),(max-width:399px){

}

@media only screen and (max-width:360px){
.track-order-container .tab .tablinks {font-size: 14px;line-height: 36px;}
.track-order-container .tabs .tab{font-size:14px;}

}

@media only screen and (max-width:300px),(max-width:320px){
.track-order-container .tabs .tab{font-size:14px;}

}
