/* lg */
@media only screen and (max-width : 1200px) {
.wrapper {	width:100%;	}
}

/* md */
@media only screen and (max-width :992px) {
	.wrapper {	width:100%;	}

}

/* sm */
@media only screen and (max-width :1024px) {
	.wrapper {	width:100%;	}
	#login-page {
		background:#fff;
		background-image:none;
	}
	#login-page #login {
		width: 80%;
		border-radius:0;
		box-shadow:none;
		border:0;
		margin:0 auto 0;
		padding:0;
	}
	#login-page #logo {
		margin-top:5%;
	}

	#login-page footer {
		width: 96%;
		padding:2%;
		margin:50px auto 0 auto;
	}
	.hidden-sm {display:none !important}
	#content { }
	#sidebar {
		clear:both;
		border-left:0;
		border-top:5px solid rgba(0, 0, 0, 0.1);
		margin:10px 0 0 0;
		padding:0;
		width:100%;
	}
	#sidebar .widget {
		float:left;
		margin-right:1%;
		width:48%;
		margin-top:5px;
	}
	#primary {
		width:100%;
	}
	#sidebar-left {
		width:100%;
		border-right:0;
		border-bottom:5px solid rgba(0, 0, 0, 0.1);
		margin:0 0 10px 0;
		padding:0;
	}
	#sidebar-left .widget {
		float:left;
		margin-right:1%;
		width:48%;
		margin-top:5px;
	}
	#sidebar-left #MiniHelpContainer {
		clear:left;
		
	}
	
	#gameFrame {
		width:950px;
		height:800px;
	}
}

/* xs */ 
@media only screen and (max-width : 640px) {
	#sidebar-left .widget, #sidebar .widget, #primary .data {
		width: 100% !important;
	}
	#content:before {content:  "Ekran çözünürlüğünüz bu yazılımı kullanmak için çok düşük. Lütfen ipad, laptop veya Bilgisayar kullanınız."; }
}