/*Login-Page Responsive*/


@media screen and (min-width: 200px) and (max-width: 900px){
	
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields .pass-eye {top:22px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields .pass-eye2 {top:22px;}
	.login-container .inner-container .left-container .left-inner-container .login-form  .form-fields .pass-eye{top: 22px;}
.customer-account-login	.breadcrum{display: none;}
.login-container{max-width: 100%; margin-bottom:0px; padding:0px;}
.login-container .inner-container{flex-direction: column; border:none;}
.login-container .inner-container .left-container{width: 100%; padding:24px 15px 30px 15px; box-sizing: border-box;}
.login-container .inner-container .left-container .left-inner-container{width: 100%; box-sizing: border-box;}
.login-container .inner-container .left-container .left-inner-container span.login-heading{font-size: 24px; padding:0px;text-align: center;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields label{display: none;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="text"]{padding-left:16px; font-size: 14px;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="text"]::placeholder{ font-size:14px; opacity: 1; color: #4d3c47}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="password"]{font-size: 14px; padding-left:16px;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="password"]::placeholder{font-size: 14px; opacity:1; color: #4d3c47}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="email"]{font-size: 14px; padding-left:16px;}
.login-container .inner-container .left-container .left-inner-container .login-form .form-fields input[type="email"]::placeholder{font-size: 14px; opacity:1; color: #4d3c47}


.login-container .inner-container .left-container .left-inner-container .login-social-section{width: 80%;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a span{display: none;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a{justify-content: center; width: 23%; padding:8px 10px;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a img{max-width: 60%;}



.login-container .inner-container .right-container{width: 100%; position: unset; padding:40px 0px; background-image: url(../images/login-bg-mobile.png);}
.login-container .inner-container .right-container .right-inner-container .login-content{margin-top:12px;}
.login-container .inner-container .right-container .right-inner-container{position: unset;transform:unset; width: 100%; padding:0px 15px; box-sizing: border-box; text-align: left;}



}
@media screen and (min-width: 200px) and (max-width: 319px){
	.login-container .inner-container .left-container .left-inner-container .login-form .forget-section{flex-direction: column;}
	.login-container .inner-container .left-container .left-inner-container .login-form .forget-section a{display: block; margin-top:16px;}
	.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a{ width: 24%;}
}
@media screen and (min-width: 768px) and (max-width: 900px){
	.login-container .inner-container{}
	.login-container .inner-container .left-container{width: 75%; margin: auto; padding:30px 15px 30px 15px;}
	.login-container .inner-container .left-container .left-inner-container .login-social-section{width: 100%;}
	.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a{width: 24.4%; justify-content: center; padding:10px 8px;}
	.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a span{display: block; margin-left:4px;}
	.login-container .inner-container .right-container .right-inner-container{width: 75%; margin: auto;}
	.login-container .inner-container .right-container{padding:50px 0px;}
	.login-container .inner-container .right-container{background-image: url(../images/login-bg-ipad.png);}
	.login-container .inner-container .right-container .right-inner-container .login-content{margin:20px 0px;}

}



@media screen and (min-width: 901px) and (max-width: 1200px){

.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a{padding:10px 2px;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a span{margin-left:2px; font-size: 12px;}
}

@media screen and (min-width: 901px) and (max-width: 1200px){
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a{padding:10px 2px;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a span{margin-left:2px; font-size: 12px;}

}
@media screen and (min-width: 1020px) and (max-width: 1200px){
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a{padding:10px 2px; justify-content: center;}
.login-container .inner-container .left-container .left-inner-container .login-social-section .social-section > a span{margin-left:2px; font-size: 14px;}

}

/**************************************************************************/

/*Register Responsive*/

@media screen and (min-width: 200px) and (max-width: 900px){
.register-container{max-width: 100%; margin-bottom:0px; padding:0px;}
.register-container .inner-container{flex-direction: column; border:none;}
.register-container .inner-container .left-container{width: 100%; padding:24px 15px 0px 15px;}
.register-container .inner-container .left-container .left-inner-container{width: 100%; padding:0px; box-sizing: border-box;}
.register-container .inner-container .left-container .left-inner-container span.register-heading{font-size: 24px; padding:0px;text-align: center; padding-bottom:4px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner{flex-direction: column;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields {width: 100%;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields label{display: none;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="text"]{padding-left:16px; font-size: 14px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="email"]::placeholder{ font-size:14px; opacity: 1; color: #4d3c47}

.forgot-pass-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="text"]::placeholder{ font-size:14px; opacity: 1; color: #4d3c47}
.forgot-pass-container input[type="email"]::placeholder{ font-size:14px; opacity: 1;}







.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="text"]::placeholder{ font-size:14px; opacity: 1; color: #4d3c47}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="password"]{font-size: 14px; padding-left:16px;}
.register-container .inner-container .left-container .left-inner-container .register-form .register-form-inner .form-fields input[type="password"]::placeholder{font-size: 14px; opacity:1; color: #4d3c47}
.register-container .inner-container .right-container{width: 100%; position: unset; padding:60px 0px;}
.register-container .inner-container .right-container .right-inner-container{position: unset;transform:unset; width: 100%; padding:0px 15px; box-sizing: border-box; text-align: left;}

}

@media screen and (min-width: 768px) and (max-width: 900px){
	.register-container .inner-container{}
	.register-container .inner-container .left-container{width: 75%; margin: auto; padding: 30px 15px 0px 15px;}
	.register-container .inner-container .left-container .left-inner-container span.register-heading{padding-bottom:6px;}
	.register-container .inner-container .right-container .right-inner-container{width: 75%; margin: auto;}
	.register-container .inner-container .right-container{padding:70px 0px; background-image: url(../images/register-bg-ipad.png);}

}




/***********************************************************************/

/*Forgot Password Responsive*/

@media screen and (min-width: 200px) and (max-width: 900px){
.forgot-pass-container{max-width: 100%; margin-bottom:0px;}
.forgot-pass-container .inner-container{flex-direction: column; border:none;}
.forgot-pass-container .inner-container .left-container{width: 100%; padding:20px 0px 0px;}
.forgot-pass-container .inner-container .left-container .left-inner-container{width: 100%; box-sizing: border-box;}
.forgot-pass-container .inner-container .left-container .left-inner-container span.forgot-pass-heading{font-size: 24px; padding:0px;text-align: center;}

.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields {width: 100%;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields label{display: none;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields input[type="text"]{padding-left:16px; font-size: 14px;}
.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields input[type="email"]{padding-left:16px; font-size: 14px;}

.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields input[type="email"]::placeholder{ font-size:14px; opacity: 1; color: #4d3c47}

.forgot-pass-container .inner-container .left-container .left-inner-container .forgot-pass-form .form-fields input[type="text"]::placeholder{ font-size:14px; opacity: 1; color: #4d3c47}
.forgot-pass-container .inner-container .right-container{ display:none;}
}

@media screen and (min-width: 768px) and (max-width: 900px){
	.forgot-pass-container .inner-container{}
	.forgot-pass-container .inner-container .left-container{width: 75%; margin: auto; padding-top:30px;}
	.forgot-pass-container .inner-container .right-container .right-inner-container{width: 75%; margin: auto;}
	.forgot-pass-container .inner-container .right-container{padding:70px 0px;}
}