@media screen and (max-width: 1600px) {
	.wrap{ padding:40px;}
	.right_Section{ padding:40px;}
}

@media screen and (max-width: 1024px) {
	.wrap{ padding:45px;}
	.right_Section{ padding:40px;}
	h1{ font-size:2em; }	
	.login_form {  margin-top: 15px;  margin-bottom: 25px;}
	.app_logo img{max-width:100%; }
	.bing-icon svg{ width:65px; height:65px;}
	.bing_logo .title{width:calc( 100% - 70px); margin:0 0 20px;}
	.bing_logo{ margin-bottom:20px; margin-top:10px;}
}

@media screen and (max-width:800px) {
	h1 {font-size: 1.7em;}
}

@media screen and (max-width: 767px) {
	.smtc{ text-align:center;}
	.left_section{ width:100%;}
	.right_Section{ width:100%;}
	.wrap{ height:auto;}
	
	.app_logo img{ max-width:300px;}
	
	.logo{ margin:0 auto; width: 100%; text-align: center; position: static;}
	.bing_logo .title {width:100%; margin:10px 0 20px;}
	.login-section{padding:0;}
	.login_form input[type="text"]{ text-align:center;}
	.smfn{ float:none;}
}

@media screen and (max-width: 480px) {
	.wrap {  padding: 20px;}
	.bing_logo{ margin-bottom:10px;}
	.app_logo img{ max-width:100%;}
	 h1 {  font-size: 1.6em;}
	 .bing_logo .title{ margin:10px 0;}
}