@media only screen and (min-width: 1024px) and (max-width: 1219px) {
	.main{width: 100%}
.backbg-btm{width: 320px;}
	.backbg-top img{width: 100%}
	.backbg-btm img{width: 100%}
	.backbg-top{width: 400px;}
.login-wrap{padding: 30px 0 0 0;}
	
}






@media only screen and (min-width:768px) and (max-width:1023px) {
.main {width: 700px;}
	.srchbar{width: 210px; padding: 0 10px}
	.order-table table th{font-size: 13px;}
	
	.navigation li a{font-size: 15px;}
	.enter-numbers2{width: 15%}
	.enter-numbers{width: 11%}
	.dwnlink a{margin-left: 0}
	.up-files{padding: 30px 0}
	.backbg-btm{width: 320px;}
	.backbg-top img{width: 100%}
	.backbg-btm img{width: 100%}
	.backbg-top{width: 300px;}
	.login-wrap{padding: 15px 0 0 0;}
	
	
}




@media only screen and (max-width:767px) {
	
		
.dskimg{display: none}
.mobimg{display: block}
.mob-img{display: block !important;}
.dsk-img{display: none !important;}	
.main_inr{padding: 0 15px;}	
.main {width: 100%;}

	.left-bar{position: absolute}
	.backbg-top{display: none}
	.backbg-btm{display: none}
	.login-wrap{padding-top: 20px; width: 100%}
	.logo p{font-size: 20px;}
	
	
	
	
	
	
	
}



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



@media only screen and (max-width:480px) {


}