@media screen and (max-width: 1023px) {
	.container .top-nav-logo { width:100%}
}

@media screen and (min-width: 320px) and (max-width: 640px) {
	/*.top-nav, .accountdetail-style .left-corner, .accountdetail-style .right-corner { display:block}
	.top-nav.landing .left-corner { display:none} 
	.top-nav.step .right-corner { display:none}*/ 
	.container { width:100%; padding-top:0}
	.accountdetail-style { height:121px; max-height:121px}
	.accountdetail-style.top-nav h2 { position:absolute; bottom:25px; left:25px; margin:0; padding:0; font-size:24px}
	
	form { width: 320px; /*margin:.5em auto 2em auto*/}
	.button { font-size:1.1em}
	.button { padding: 6px 12px;}
	.forgot-text  { width:90%; text-align:center; bottom:-50px}
	.pack-logo { width:100px}
	.main-logo { width: 65%}
	
	.livechat-s .main-logo { width:40%}
	.livechat .main-logo { width:200px}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
}


@media screen and (max-width: 320px) {
	.container { width:100%; padding-top:0}
	form { width: 100%}
	.top-nav .left-corner, .top-nav .right-corner { width:20px;}
	.login-screen-m label, .login-screen-m input { font-size:14px}
}