@CHARSET "UTF-8";

@media screen and (min-width: 1680px) { 
	.fullimage{width:80%;}
}

@media screen and (max-width: 1680px) { 
	#auth_panel{width:27%;margin-top:5%;}
	#auth_logo{width:35%;}
	nav2{width:18%;}
	#content{width:81%;}
}
@media screen and (max-width: 1280px) { 
	#auth_panel{width:30%;}
	#auth_logo{width:40%;}
	
	#logo_container{width:12%;}
	nav2{width:24%;}
	#content{width:74.5%;}
	.flag li:nth-child(10):after { content:"\A"; white-space:pre; }

}
@media screen and (max-width: 1024px) { 
	#auth_panel{width:35%;}
	#auth_logo{width:45%;}
	#logo_container{width:15%;}
	nav2{width:28%;}
	#content{width:70%;}
	.flag li:nth-child(6):after { content:"\A"; white-space:pre; }
	.pagination li{padding:5px 8px;}
}
@media screen and (max-width: 768px) { 
	#auth_panel{width:40%;}
	#auth_logo{width:50%;}
	#bt_auth{width:40%;}
	#logo_container{width:18%;}
	#userlog{display:none;}
	/* Responsive Menu */
	#main-menu,	#main-nav {display: none;}
	.btn-toogle-res-menu{display: block;}	
	nav2{width:30%;}
	#content{width:96%;margin:0 auto 0 auto; float: none;}
	.flag li:nth-child(4):after { content:"\A"; white-space:pre; }
	#popupadmin{width:70%;left:15%;height:98%;top:1%;}
}

@media screen and (max-width: 640px) { 
	#auth_panel{width:55%;}
	#auth_logo{width:60%;}
	#bt_auth{width:44%;}
	.container{height:50px;padding:7px 0 0 0;}
	#logo_container{width:20%;}
	.sx-cols-grid2,.dx-cols-grid2 {text-align:left;vertical-align:top;display: block;padding:5px;}
	
	
}
@media screen and (max-width: 480px) { 
	#auth_panel{width:90%;}
	#auth_logo{width:75%;}
	#auth_logo img{width:75%;}
	#bt_auth{width:50%;}
	#logo_container{width:25%;}
	.admin-ico{display:block;}
	.admin-ico img{padding-right:0px;padding-bottom:14px;width:30px !important;}
	.flag li:nth-child(4):after { content:"\A"; white-space:pre; }
	.pagination li{padding:5px 10px;}
	#popupadmin{width:98%;left:1%;height:98%;top:1%;}
}
@media screen and (max-width: 320px) { 
	#auth_panel{width:95%;}
	#auth_logo{width:85%;}
	#bt_auth{width:50%;}
	#logo_container{width:28%;}
}